← 返回作品

商城小程序

08 / 08

昕颜优品医美小程序

为 80+ 页面建立统一的商城流程和视觉规则

项目一览

背景这是一次外部合作,用 WeChat Mini Program 探索医美商城服务。

交付完整设计首页、商品、详情、订单、支付结果和个人中心。

证据边界旧档案只保留设计系统和页面交付,没有上线与业务结果。

昕颜优品医美小程序概览和首页。
项目覆盖完整商城流程,不是单独的活动页。

视觉系统

医疗服务需要清楚,商城也需要活力

界面要同时处理两种感受:医美服务需要清楚、可信;商城又不能显得过于冷淡。

我用较紧凑的字号层级、明亮的主色和统一间距,控制 80 多个页面的视觉一致性。

昕颜优品的颜色和字体规则。
视觉规则在专业、易用和活力之间取平衡。
昕颜优品的医美分类图标。
分类图标帮助用户快速区分项目,也让商城入口保持统一。

核心体验

让商品、订单和账户信息容易浏览

首页分为活动、品类入口和热门商品。列表与详情都使用 1:1 商品图,切换页面时内容比例不会跳变。

商品详情补充服务、医生和环境信息。个人中心用卡片组织内容,主要操作使用更醒目的图标;次要信息主要靠留白区分,减少分割线。

昕颜优品的首页、商品、订单和个人中心页面及设计说明。
关键页面沿用同一套层级和视觉规则。

交付与证据边界

完整的设计交付,不等于业务结果

项目最终覆盖浏览、购买、支付、订单和账户管理,共 80 多个页面。

现有档案没有记录是否上线,也没有转化、留存或用户反馈数据。因此这里展示的是完整 UI 交付和一致性,不把它写成产品成效。

下一个项目

人机协作:创建 Workflow

继续查看关于 AI 责任、追问和用户控制权的项目

查看 Project 01 →