项目案例

护肤品牌 DTC 独立站

适用于主打成分透明、以复购为核心的护肤、个护 DTC 品牌出海。作品演示了成分百分比与功效说明、肤质测试问卷与个性化方案推荐、订阅省 15%、自选套装组合、多币种多步结账，以及中文商家后台的订单、GMV 与订阅管理。前台支持 EN / DE / FR 三种语言，页脚的帮助链接可直达帮助中心对应问题。

功能模块

设计与技术要点

• 成分即卖点

  每个商品列出关键成分与浓度，点开即看功效、搭配禁忌与含该成分的全部商品；另有成分词典页，支持按功能与诉求检索。

• 问卷驱动的个性化推荐

  五道题判断肤质、敏感度、诉求与气候，生成早晚护肤方案并给每件商品打匹配分，一键整套加入购物车，商品页同步显示匹配度。

• 订阅复购闭环

  商品页可选一次购买或订阅（4/6/8 周），订阅价与免运费贯穿购物车、结账和订单确认；后台可查看 MRR、流失与肤质分布，并对订阅跳过、暂停、恢复。

• 包装插画零图片

  滴管瓶、泵瓶、软管、面霜罐等包装用 SVG 按配方颜色绘制，套装与自选组合实时拼出组合主图，并提供质地与场景视图。

界面截图

移动端适配

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