客户案例 H5&SVG互动 张裕解百纳全国社区服务地图
行业 葡萄酒

项目背景

新冠疫情期间,线下酒水消费场景(如餐厅、商超)受到严重冲击,消费者对 “无接触配送” 的需求激增。数据显示,疫情初期,酒水类产品的线上配送订单量同比增长 180%,其中 “社区团购”“就近配送” 成为主流模式。张裕解百纳作为国内葡萄酒领导品牌,亟需通过数字化工具打通 “线上查询 - 就近配送 - 社区分销” 的链路,既保障消费者的酒水供应,又在特殊时期维持品牌市场活力。

客户需求

通过地图功能清晰展示全国及区域的配送网点分布、配送范围、配送时效及下单方式,让消费者 “一键查询、就近下单”,消除疫情期间的购买顾虑。

项目亮点

三层地图的灵活切换:H5 创新性地设计 “全球 - 全国 - 区域” 三级地图架构 —— 全球地图展示张裕解百纳的国际布局(如葡萄种植基地、海外市场),强化品牌国际化形象;全国地图用红色标记覆盖的配送省份及核心城市,点击省份可展开该区域的合伙人数量与配送覆盖度;区域地图(精确至地级市及社区)则标注具体配送点位置、联系人及配送范围(如 3 公里内 2 小时达)。用户可根据需求自主点击切换,实现 “从宏观到微观” 的信息获取。

案例详细图解 案例详细图解

整体风格:采用 “实用工具风”,线条简洁,界面元素以功能性为主。地图采用浅色底图,合伙人点位用橙色区分,色彩对比鲜明,信息识别度高。无复杂装饰图案,仅在页面顶部保留张裕解百纳 logo,强化品牌识别。

更多页面展示 更多页面展示
项目总结

疫情期间的渠道保障作用显著:H5 上线后,覆盖全国 28 个省份、300 + 城市的社区配送点,无接触配送订单量占品牌线上订单的 65%,有效保障了特殊时期的市场供应。用户调研显示,90% 的使用者认为 “查询方便,配送有保障”。

example-t

加州奇遇101 探索加州公路旅行

H5&SVG互动

快来查收属于你的浙财星际探索日志

H5&SVG互动

挑战荷包升级游戏

H5&SVG互动

腾讯音乐五月天陪你跨年演唱会

H5&SVG互动
微信咨询 微信咨询
电话咨询 电话咨询
0571-87090678
15888883929
微信二维码 扫码加微