UI/UX 设计
移动端电商 App
从 0 到 1 完成一款移动端电商产品的设计,覆盖用户研究、信息架构、核心购物流程与高保真界面。
核心购物流程界面总览
项目背景
客户希望从线下零售延伸到移动端,搭建一个真正以"发现—决策—下单"为核心的购物 App。项目启动时没有既定的产品形态,需要在有限周期内完成从概念到可开发交付物的全部设计。
我的方案
1 · 用户研究与需求定义
通过用户访谈和竞品拆解,识别出三类核心人群及其主要购物动机,并据此确定首版的功能优先级。
2 · 信息架构与交互流程
- 梳理商品发现、详情、购物车、结算、订单五条主干路径;
- 用流程图与低保真原型验证路径的完整性,尽早暴露断点;
- 为高频操作设计恰当的默认值与快捷入口,减少点击层级。
3 · 高保真界面与设计规范
建立统一的色彩、字号、间距与组件规范,输出可被前端直接复用的组件库,保证后续迭代的一致性与效率。
成果
- 交付完整的设计稿与组件规范,覆盖首版全部核心页面;
- 核心下单路径的操作步骤得到明显精简;
- 组件化的交付方式显著降低了设计与开发的沟通成本。
视觉呈现
首页与商品发现
商品详情页
购物车与结算流程
设计系统与组件规范