案例研究

Bombol

Bombol用户体验设计:优化Shopify店面实现全球销售

解析国际品牌多站点Shopify商店的技术与UX设计解决方案

2020年3月3日
儿童用品
全球市场

平台

Shopify

提供的服务

Shopify主题定制、界面UX优化与功能开发、应用扩展、本地化适配、多区域商店全球部署
香港品牌Bombol是屡获殊荣的婴幼儿餐椅制造商,其产品不仅赢得国际设计大奖,更被全球高端酒店及餐厅采用。凭借卓越的设计美学与产品质量,Bombol深受全球父母青睐。

2019年,Wave Commerce协助Bombol搭建Shopify线上商店。随着产品需求在全球市场持续增长,Bombol计划构建区域化商店矩阵,为不同地区消费者提供本地化购物体验。除原有国际站外,品牌希望针对美加市场建立独立Shopify商店。流畅的用户体验设计是实现各站点销售目标的关键,本案例将详细解析打造无缝跨境购物体验的协同方案。  

全球化战略愿景

作为香港本土品牌,Bombol借助Shopify全球平台自上线之初便服务国际消费者。当美加等市场达到需求临界点后,Bombol决定投资建设区域定制化电商体验。  

Bombol全球化Shopify核心需求:

  1. 建立统一品牌下的多区域独立商店
  2. 首批部署北美(美加)与国际(其他地区)双站点

为何需要区域化商店?

作为获奖产品,Bombol餐椅吸引着全球流量。当特定市场需求达到规模时,品牌认为有必要通过本地化购物体验提升转化率。

以北美站为例,Bombol需要确保既能服务本土消费者,又能兼顾跨境购物场景。

场景1:北美用户访问美加站点

美加商店支持本地货币(美元/加元)结算与境内配送。同时需确保非北美访客能进入正确的国际站点,清晰的UX流程对订单完成至关重要。例如美国用户若误入国际站,将因配送限制导致购买中断。

场景2:北美用户购买礼品寄往香港

当美国用户为香港收件人购买礼品时,需引导其切换至香港站点完成结算,这对跨区域购物流程设计提出挑战。

场景3:北美以外全球用户访问

各区域站点需保持统一品牌调性,同时明确标识可配送范围,从浏览到结账的全流程都需要精细化的技术与设计支持。

解决方案:UX设计中的技术集成

Wave Commerce为Bombol设计的解决方案需要兼顾技术底层功能与面向消费者的全店清晰导视,在保持品牌调性的同时确保视觉美感。

Wave Commerce与Bombol团队共同制定了一套双管齐下的策略:

  1. 视觉方案:允许客户立即选择所在地区
  2. 技术方案:基于IP地址进行重定向

这两种方案各有利弊。我们通过用户研究和行为数据验证了部分发现。下文将详细介绍我们采取的具体方法及各项研究结果。

视觉方案:允许客户立即选择所在地区

第一种方案实施更简单,且需要客户提供的信息更少,符合数据最小化原则。

然而,在研究视觉选择器方案时,我们越来越清楚地认识到:完全依赖客户自主选择店铺的方案并不完美。这主要是因为用户可能因未进入正确的配送店铺而导致购物车弃置。我们的结论是:许多用户可能会直接忽略国家选择弹窗等视觉选择器,甚至在结账时已经忘记了地区选项,最终可能导致交易流失。

技术方案:基于IP地址的后台重定向

第二种基于用户IP地址的重定向方案更符合无缝体验原则,对用户更为便捷。

虽然IP地址重定向初看是个不错的解决方案,但明显存在一个缺点:用户的IP位置不一定代表他们想要的商品配送地(特别是当访问者正在旅行或使用VPN时)。

尽管如此,我们仍探索了这条路径,研究IP地址重定向如何与支持深度代码级定制的Shopify协同工作。我们评估了各种解决方案的潜在优势和劣势,最终认定仅靠IP重定向方案是不够的,需要采用混合解决方案。

解决方案:融入UX设计的稳健技术方案

为满足Bombol明确的结账需求和高设计标准,Wave Commerce绘制了可能的用户流程并创建了针对性解决方案。这超越了简单的行业最佳实践,打造了一套能创造一致浏览体验的定制化解决方案。我们最终确定的方案包含以下要素:

  • IP重定向覆盖大多数情况
  • 在全客户接触点设计提醒
  • 定时Cookie创造无缝购物体验

IP重定向覆盖大多数情况

将购物者引导至正确店铺的常见方案是基于IP地址重定向。该方案可覆盖大部分来自美国的网购情况,美国购物者会自动进入支持本土配送的网店。

Wave Commerce帮助Bombol实施了地理IP解决方案。鉴于Bombol使用Shopify云基础设施,找到与Shopify平台兼容的解决方案至关重要。当用户身处美国境内或境外但想在另一个地区购物时,该方案需支持通过代码修改来接受用户手动选择的地区。

全客户接触点的提醒设计

除了将购物者引导至正确店铺的后台操作外,在全店铺设计引导购物者做出正确选择的提示也至关重要。

例如,当美国购物者要为法国的收件人购买礼物时,系统需要提示其转至Bombol国际店铺。为此,Wave Commerce创建了提示信息,提醒用户可能需要根据商品配送地更换店铺。这些提示信息通过以下方式呈现,既不影响店铺浏览体验,又能在适当时机提供有效信息:

  • 浏览店铺时的固定横幅
  • 购物车页面订单下方的提醒文字
  • 结账页面配送至美国时的店铺切换提醒

这些提示会提醒用户做出必要调整以确保购买成功。

定时Cookie创造无缝购物体验

为确保购物者不会在错误的店铺结账,Wave Commerce还实施了定时Cookie功能。根据用户之前选择的国家记录(或结账前未选择国家的情况),在进入结账流程前警告购物者可能处于错误店铺。

---

通过创建支持多市场多Shopify店铺的品牌网站体验,Bombol现在能够更快地扩展国际销售、营销和客户体验工作,更好地满足各个国际市场的本地化需求。

需要Shopify帮助?


作为香港领先的Shopify合作伙伴,Wave Commerce可帮助您实现电商愿景。如果您需要Shopify开发、电商功能与UX设计、定制集成或Shopify应用开发方面的帮助,请随时联系我们!

为了更好地服务客户,我们希望授权当地合作伙伴运营区域性的Bombol电子商店(使用他们自己的银行账户),同时提供无缝的跨店铺品牌体验。Wave Commerce首先梳理了所有可用解决方案。令人惊讶的是,Shopify生态系统中并没有现成的解决方案。通过紧密合作,我们规划了不同场景,混合搭配各种解决方案的最佳优势,最终创建了一个不仅限于两家店铺切换、而且为我们未来增加更多店铺预留扩展空间的成本效益方案。我最欣赏Wave Commerce的是:他们会认真倾听以全面理解我们的目标,然后根据公司现阶段发展情况制定解决方案,并且会坚持到所有细节完美运作为止。"

Frédéric Gooris
创意总监