案例
NudeProject
在这个硕士毕业项目中,我探索如何将时尚、社区与购物结合为一种移动体验,让人们能够顺畅浏览而不迷失方向。
- 移动端
- 购物体验设计
- 组件
- Figma 中可复用的视觉语言
- 流程
- 开发之前先连接各条用户路径
协作: 团队共同完成的学术工作;本案例展示的是共同提出的方案。
面向 Nude Project 的非官方学术方案。使用 Figma 与 Adobe CC 设计,未进行开发,也未发布到生产环境。品牌与照片归各自所有者所有。
逐层解读项目
细小的决策,共同构成系统。
以服装系列开启体验,同时保持搜索与导航易于识别。
在继续购买之前,将尺码、数量与价格整合到同一次决策中。
导航通过共享组件连接商店、播客、品牌、收藏与个人资料。
流程图使入口、决策与返回路径可追溯。可放大的原始图已在 Figma 中链接。
挑战
我从一个问题出发:时尚品牌如何将购物与文化结合,而不把它们当作互不相连的体验?我与团队一起,将这一问题转化为发现、收藏与购买的用户路径。
这里展示的是学术设计:页面与流程图记录的是提出的解决方案,而非转化结果或真实应用的指标。
共同的语言
我使用浅色调与棕色来衬托服装系列照片。页头、搜索、卡片、尺码与导航在 Figma 中被组织为组件与变体。
原型连接了商店、播客、收藏与个人资料。流程图让我能够在开发之前明确购买、注册、恢复访问与账户管理中的决策。
原型,而非代码
交付物使用 Figma 与 Adobe CC 制作。没有实现前端或后端,也没有集成支付:所有交互都属于原型。
在购物袋中,我整合了尺码选择、数量、折扣与总价;底部导航让主要区域在整个流程中始终可达。
证据与限制
原始页面、组件与流程使人们能够检查方案的一致性。我不会为本案例声称未记录的用户测试或量化改进。
要将其转化为产品,需要与实际用户测试无障碍和任务、开发商店,并集成库存、支付与真实数据。这些是未来步骤,而不是已经实现的能力。
从原型到组件
系统组织方式
- 品牌识别 / 标志
- 页头 / 搜索
- 导航 / 变体
- 商品 / 尺码
- 购物袋 / 数量
- 个人资料 / 表单
证据
开放工作成果,接受审阅。
原型是流程中的一部分:它记录了支撑产品的系统、决策和流程。
探索页面与组件 打开首个页面 放大流程图收获
我认识到,品牌体验需要与其视觉识别同样清晰的用户路径。
定义组件与流程,让我能够在开发之前审视完整体验。
开放问题:如何在简化购物任务的同时,保留品牌个性?
联系



