项目案例

运动服饰 DTC 跨境独立站

适用于面向欧美消费者、以尺码和颜色为主要购买顾虑的运动服饰与功能性服装品牌独立站。作品演示了英文前台的尺码表与尺码推荐、颜色切换即时重绘主图、Lookbook 整套加购、USD / EUR / GBP 多币种、完整结账流程与 EN / DE / FR 三语切换，以及中文商家后台的经营概览、订单管理与商品库存。演示订单中的顾客姓名、地址与所在国家一致，后台在手机上以卡片方式查看订单。

功能模块

设计与技术要点

• 尺码推荐按款式修正

  顾客输入身高、体重和松紧偏好后，按每个款式自己的尺码表和评价里的偏大偏小反馈给出推荐尺码与匹配度；推荐结果保存在本机，此后每个商品页和 Lookbook 都会预选推荐尺码。

• 颜色切换即时重绘主图

  所有服装插画都是按颜色参数实时绘制的 SVG，切换颜色时主图、背面、细节、面料四个视图同步换色，列表页色卡也能直接换图；各尺码库存随颜色变化，缺货尺码可登记到货提醒。

• Lookbook 与整套加购

  四组平铺场景用热点标出单品，点击查看商品；侧栏按推荐尺码预选，一键把整套加入购物车。

• 前后台数据打通

  按所选币种结账后，订单立即出现在中文后台的订单列表顶部；后台发货填写运单号后，前台订单确认页同步显示已发货。后台还有 GMV 趋势、国家与币种分布、尺码销售结构、退货原因，以及颜色 × 尺码库存矩阵。

界面截图

移动端适配

同一页面在 390 × 844 手机屏上的实际显示效果，左右滑动查看。