项目背景
这个项目面向时尚品牌的移动端展示与轻量转化。它不是传统货架式商城,而是围绕 LEMANISM 春季系列,把品牌主视觉、商品分类、详情页决策、购物袋、收藏记录、活动预约和 Lookbook 内容组织成一套更适合微信场景的浏览路径。
用户可以从首页进入分类,也可以从穿搭内容、品牌活动或会员中心回到商品与服务入口。它更像一个轻量品牌店,而不是单纯的商品列表。
核心模块
- 首页品牌入口:用“花姿招展,共迎春日。”作为季节主题,提供分类、Lookbook 和热门商品入口。
- 分类与商品详情:按照棒球夹克、卫衣、T 恤、裤装、配件组织商品,详情页承接图片、价格、商品亮点、搭配建议、收藏、加入购物袋和立即购买。
- 购物袋组件:抽成全局浮动组件,支持数量调整、合计金额和模拟支付,让用户不用离开当前页面也能完成转化动作。
- Lookbook 与活动:用穿搭小抄、品牌活动、线下企划和预约表单补充商品以外的参与场景。
- 会员中心与 AI 入口:保存我的收藏、最近浏览、活动预约和 AI 虚拟试衣入口,为后续推荐与试穿能力预留位置。
设计思路
时尚电商的体验不应该只像货架,还需要给用户“想象穿搭”的空间。因此我把小程序拆成三条路径:从首页到分类、详情、购物袋的购买路径;从 Lookbook 和活动进入品牌内容的浏览路径;以及会员中心里的收藏、浏览和活动记录。
实现上,购物袋、收藏、最近浏览、活动报名等状态通过全局数据与本地缓存同步;商品详情页会自动写入最近浏览,活动详情页会在提交预约后写入会员记录。这样即使是轻量原型,也能把“看到、喜欢、加入购物袋、留下记录”这几步跑通。
复盘
这个项目更偏移动端电商体验练习。它让我练习了小程序页面组织、底部 Tab、商品卡片、详情页、自定义购物袋、本地状态管理和移动端视觉细节,也让我更理解时尚零售里“内容感”和“购买效率”之间的平衡。









