项目案例

宠物用品 DTC 独立站

适用于主粮、零食、用品全品类的宠物 DTC 品牌出海。作品演示了按宠物类型与犬只体型筛选商品、体型尺码测算、自动续购（Autoship）省 10%、会员积分等级与兑换券、买家秀（UGC）分享与审核、多币种多步结账，以及中文商家后台的订单、GMV、会员积分和买家秀管理。前台支持 EN / DE / FR 三种语言（德、法版按公斤显示重量），页脚的帮助链接可直达帮助中心对应问题。

功能模块

设计与技术要点

• 按宠物和体型选品

  狗、猫、小宠分区，犬只 XS–XL 五档体型贯穿列表筛选、商品尺码与首页导购；输入体重和胸围即可测算尺码，结果会记住并在商品页自动选中。

• 自动续购 + 积分的复购闭环

  主粮、零食、猫砂可选 2–8 周自动续购，省 10% 且免运费，续购商品积分翻倍；积分可在前台兑换为折扣码，结账时直接使用，下单后积分余额与等级实时更新。

• 买家秀即社区

  用户选择宠物类型、毛色和商品即可生成插画式“晒图”并获得积分；买家秀同步出现在社区页和对应商品详情页，后台可审核通过或驳回。

• 全站插画零图片

  粮袋、罐头、窝垫、胸背带、猫爬架等商品和狗、猫、兔子均为 SVG 自绘，切换颜色、规格时主图同步变化，并提供“带宠物”和“居家场景”视图。

界面截图

移动端适配

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