Skybin Technology
返回案例研究
🗺️
Community & Local Commerce

用于本地商业发现的基于地图的社区平台

一个社区倡议需要一个平台来连接居民与本地企业、零售商和文化场所,通过交互式地图——并为社区提供工具,通过代金券、订阅和在线购物积极支持当地经济。

AngularOpenLayersTypeScriptASP.NETMySQL

概述

Support Your Local Business 是对世界各地社区面临的挑战的回应:随着消费者默认为大型在线平台,本地高街、独立零售商和文化场所的逐步侵蚀。该倡议需要一个数字平台,可以扭转这种引力——使居民真正容易发现本地有什么可用的、了解为什么支持这些业务很重要,以及通过购买、代金券和订阅采取行动。该平台需要跨不同类型的本地业务工作,并感觉像社区工具,而不是企业市场。

挑战

交互式地图作为体验的核心

发现体验需要以地图优先——用户应该能够在视觉上看到他们附近的企业,而不是仅仅滚动列表。这需要一个高性能、完全交互的映射层,可以处理大量业务标记,具有过滤和搜索功能,而不会降低用户体验。

多样化的业务和支持机制

该平台需要适应非常不同类型的企业——一个本地面包店、一个独立书店、一个社区剧院——每个都有不同的方式让顾客支持他们(在线购买、代金券、订阅)。构建一个足够灵活的单一系统来服务所有这些而不变得复杂是一个重大的设计挑战。

推动真正的社区参与

这样的平台只有在居民真正使用它时才能工作。用户体验必须足够简单和诱人才能吸引非技术用户,价值主张——为什么使用它而不是标准搜索引擎——必须从第一次交互中就清楚。

我们的解决方案

01

OpenLayers 交互式地图集成

我们围绕集成到 Angular 前端中的 OpenLayers 支持的交互式地图构建了核心发现体验。企业被绘制为分类标记,用户可以按类型过滤、按名称搜索、点击查看详情——所有这一切都无需离开地图视图。该集成有效地处理大型数据集,在较低的缩放级别对标记进行集群化,以保持界面快速。

02

统一的支持机制

我们设计了一个灵活的业务档案系统,适应每个业务的首选支持方式——直接在线购买、可下载代金券和经常性订阅都被实现为业务所有者可以独立激活的选项。每一种的结账和履行流程都统一在一致的用户体验后面。

03

Angular + ASP.NET + MySQL 栈

该平台是在 TypeScript Angular 前端上构建的,与由 MySQL 支持的 ASP.NET API 通信。该架构将前端和后端清楚地分开,使得在平台增长时在任一侧扩展功能集变得直接明了。

结果和成果

社区规模的商业发现

地图界面使居民立即直观地看到他们附近存在什么本地企业——包括许多他们不知道的——创建搜索引擎或列表不会提示的发现。

本地企业的多个收入渠道

企业所有者可以从单一档案提供在线购物、代金券和订阅——为他们提供更多方式将社区善意转化为实际收入。

大规模高性能地图

OpenLayers 集成处理了大量业务标记而无性能降级,即使目录增长也保持发现体验的快速流畅。

非技术用户可访问

居民面向的发现界面和业务所有者管理工具都被设计为易于使用——使双方都能参与而不需要技术知识。

结论

Support Your Local Business 展示了一个精心设计的数字平台可以为社区商务做什么。通过使本地发现视觉化、即时化和可操作化,该平台减少了居民支持本地业务的意图与其能力之间的摩擦——将社区情感转化为真实的经济活动。

有类似的挑战?

告诉我们您的项目,我们将告诉您我们如何帮助您。

开始对话