别具一格的微信电商

宇舶

宇舶中国的微信电商:现代且弹性的设计布局,让页面适配更多元化的用途,流畅且雅致的用户体验,令转化发生的悄然不觉。

Hublot China - Ecommerce WeChat mini program case study header
滑动
Hublot China - Ecommerce WeChat mini program case study header

别具一格的微信电商

宇舶

宇舶中国的微信电商:现代且弹性的设计布局,让页面适配更多元化的用途,流畅且雅致的用户体验,令转化发生的悄然不觉。

为宇舶中国打造全新的电商体验

于2020年,我们为其中国消费者设计并开发了全新的在线购物体验(电商微信小程序)。精心雕琢的数字化电子商务体验是宇舶中国前所未有的尝试,将其高质量的服务和限量版腕表呈现在一个易于使用、视觉效果极佳的微信小程序之上。自小程序上线以来,我们不断地将用户体验和业务逻辑做到极致,并助力实现销售营收的新高,极致的服务使得我们与Hublot的合作更加紧密无间。

服务内容

用户体验设计

用户界面设计

微信小程序

Laravel 开发

数据追踪

CRM 集成

培育潜在客户、推动无痕营销的漏斗式终极电商平台

由于高净值客户的特殊性以及不菲的产品单价,每个客户都有属于自己的特定销售人员,因此挑选及购买商品的体验全过程也变得尤为重要,一丝不苟的品质需凸显在每一个细节。这种精密设计需渗透于所有商品活动、数据捕捉、数据分析以及潜在客户的挖掘。

Hublot China WeChat mini program UI examples - case study

Hublot Ecommerce WeChat mini program purchase flow

弹性的模块式前端组件

为了确保后续内容维护中可延续设计系统的完整性,我们以此创建了弹性的前端模块化系统。该系统可根据不同性质的内容、多元化的模块尺寸种类进行选择,并在此基础之上依据每个适配的模块,进行标题、文本、按钮、颜色、规格及对齐方式的调整,最终快速生成活动和产品页面,提高业务效率。这样的前端系统开发保证了所有视觉内容整体的统一性,使得内容不但遵循了我们的界面设计规范,还确保了宇舶品牌规范的高水准输出标准。

拖动
Hublot WeChat Ecommerce mini-program mobile interface by Digital Creative

Fullscreen - Content with CTA / centered

清晰的设计系统,实现统一性的协作

随着宇舶在中国团队扩展的部署,更多的创意者、营销者和管理者随之参与到了该项目,我们设计的《宇舶中国电子商务数字设计指南》,为跨职能团队之间的合作奠定了统一设计语言的输出标准。

设计系统

颜色

字体

按钮

夜间/日间模式

组成部件

图标

表格

品牌标示

横幅模块

组成部件模块

产品图尺寸调整

拖动
Hublot WeChat Ecommerce mini-program design color palette by Digital Creative

针对中国信息安全法的合规管理

2021年11月1日,我国开始实行《个人信息保护法》(PIPL)及《数据安全法》。宇舶的电商微信小程序严格遵循着个人数据处理、数据传输、安全控制和数据本地化的法规条例,在个人信息、个人数据泄漏保护方面,为其中国用户保驾护航。

想要着手规划属于你的电商平台?

精选案例

View
Hublot China custom CRM dashboard case study

数字化数据采集CRM

宇舶

Custom CRM development

View
Hublot China - Owners Wechat mini program case study

微信会员系统

宇舶

Membership & loyalty WeChat mini program

有合作意向吗?