跳转到正文
Manuel García-Llera Añón / Product Designer · Design Engineer联系

案例

NudeProject

在这个硕士毕业项目中,我探索如何将时尚、社区与购物结合为一种移动体验,让人们能够顺畅浏览而不迷失方向。

Nude Project

穿出身份,设计它的体验方式。

背景
硕士毕业项目 · UX/UI · 团队学术方案
我的贡献
我的贡献:体验设计、组件与移动端原型
技术
FigmaAdobe CC
交付成果
UX/UI 硕士毕业项目
移动端
购物体验设计
组件
Figma 中可复用的视觉语言
流程
开发之前先连接各条用户路径

协作: 团队共同完成的学术工作;本案例展示的是共同提出的方案。

面向 Nude Project 的非官方学术方案。使用 Figma 与 Adobe CC 设计,未进行开发,也未发布到生产环境。品牌与照片归各自所有者所有。

逐层解读项目

细小的决策,共同构成系统。

01 / 04发现

以服装系列开启体验,同时保持搜索与导航易于识别。

02 / 04购物

在继续购买之前,将尺码、数量与价格整合到同一次决策中。

03 / 04组件

导航通过共享组件连接商店、播客、品牌、收藏与个人资料。

04 / 04用户路径

流程图使入口、决策与返回路径可追溯。可放大的原始图已在 Figma 中链接。

挑战

我从一个问题出发:时尚品牌如何将购物与文化结合,而不把它们当作互不相连的体验?我与团队一起,将这一问题转化为发现、收藏与购买的用户路径。

这里展示的是学术设计:页面与流程图记录的是提出的解决方案,而非转化结果或真实应用的指标。

发现

共同的语言

我使用浅色调与棕色来衬托服装系列照片。页头、搜索、卡片、尺码与导航在 Figma 中被组织为组件与变体。

原型连接了商店、播客、收藏与个人资料。流程图让我能够在开发之前明确购买、注册、恢复访问与账户管理中的决策。

购物

原型,而非代码

交付物使用 Figma 与 Adobe CC 制作。没有实现前端或后端,也没有集成支付:所有交互都属于原型。

在购物袋中,我整合了尺码选择、数量、折扣与总价;底部导航让主要区域在整个流程中始终可达。

组件

证据与限制

原始页面、组件与流程使人们能够检查方案的一致性。我不会为本案例声称未记录的用户测试或量化改进。

要将其转化为产品,需要与实际用户测试无障碍和任务、开发商店,并集成库存、支付与真实数据。这些是未来步骤,而不是已经实现的能力。

用户路径

从原型到组件

系统组织方式

  • 品牌识别 / 标志
  • 页头 / 搜索
  • 导航 / 变体
  • 商品 / 尺码
  • 购物袋 / 数量
  • 个人资料 / 表单

证据

开放工作成果,接受审阅。

原型是流程中的一部分:它记录了支撑产品的系统、决策和流程。

探索页面与组件 打开首个页面 放大流程图

收获

我认识到,品牌体验需要与其视觉识别同样清晰的用户路径。

定义组件与流程,让我能够在开发之前审视完整体验。

开放问题:如何在简化购物任务的同时,保留品牌个性?

联系

聊聊你的想法.

如果你觉得我的工作方式适合你的团队,或者有希望推进的产品或研究项目,我很愿意了解。请告诉我你的需求以及目前的进展。我会亲自阅读你的留言。

你也可以在 LinkedIn 找到我

你的邮箱地址仅用于回复这条留言。