在“快缩短网址”（suo.run）的项目实践中，我们以设计思维为引擎，探索如何为本地二手时尚品牌打造真正以人为本的电商体验。这不仅是一次技术与创意的碰撞，更是一场对用户情感、行为与痛点的深度共情之旅。

我们的团队由四位充满热情的设计师组成——Danique Nagel、Marine Lejeune、Alexis Middleton 和我，共同完成 Ironhack 阿姆斯特丹 UX/UI 设计营的第一个实战项目：为一家名为 Episode 的旧货店构建线上购物平台。这家店铺主营二手服装、鞋履与配饰，却尚未触网，而我们则肩负着让其焕发数字新生的使命。

从洞察到共鸣：设计思维五步法

#### 第一步：同理心（Empathize）
我们深知，在亚马逊、Ebay 和 Bol.com 构建的庞大电商生态中，小众实体店正面临生存挑战。但与此同时，一种新的消费趋势悄然兴起：中产阶级消费者不再盲目追求数量，而是渴望独特、可持续、有故事的商品。

为此，我们投入大量精力进行三类研究：
- 品牌分析：通过功能矩阵与定位图，厘清 Episode 在竞品中的差异化优势；
- 精益调查：借助 Google 表单与社群传播，收集133份有效反馈，发现72%用户因“省钱”、59%因“环保意识”选择二手购物；
- 深度访谈：9位真实用户的对话让我们听见了那些未被言说的情绪——比如“杂乱无章的店铺让我觉得时间被浪费”。

关键教训是：别只问“为什么买”，更要追问“为什么放弃”。
我们也意识到，工具虽好，逻辑要严谨——Google Forms 不支持复杂条件跳转，必须提前测试流程！



#### 第二步：定义问题（Define）
整理数据后，我们聚焦两个核心痛点：“时间稀缺”与“信息混乱”。于是诞生了两位典型用户角色：
- Maya：30+职场女性，热爱复古穿搭，却苦于难以高效淘货；
- Sophie：年轻时尚达人，预算有限但注重环保，期待便捷且有趣的购物体验。

基于用户旅程模拟，我们提炼出清晰的问题陈述：
> “节俭购物者因店内杂乱和缺乏引导，在有限时间内感到挫败，亟需一个结构清晰、体验流畅的线上空间。”

这也成为我们后续所有设计决策的锚点。

#### 第三步：构思（Ideate）
我们使用 MoSCoW 法则梳理优先级（Must / Should / Could / Won’t），并绘制网站地图与用户流，确保信息架构既合理又易用。

此时，“快缩短网址”理念初现端倪——我们意识到，若能将复杂商品快速归类、精准匹配，就能极大提升用户效率。这正是我们产品价值的核心所在。

#### 第四步 & 第五步：原型与验证（Prototype & Test）
纸面原型阶段暴露了关键盲区：城市选择不清、取货说明模糊。我们迅速迭代，用 Sketch 制作中保真原型，并引入过滤机制、标签系统与极简视觉语言。

最终呈现的产品页面干净利落，突出单品细节（尺寸、材质、位置），摒弃评分体系——因为每件衣服都是独一无二的故事。

视觉语言：忠于品牌，重塑体验

我们没有简单复制 Episode 的红黑主色，而是注入现代感与秩序美：
- 主色调：深红（象征活力） + 海军蓝（传递可靠）；
- 字体组合：Staatliches（醒目有力） + Roboto Condensed（清爽可读）；
- 情绪板贯穿始终，融合 Van’s、Converse 等品牌气质，强化品牌识别度。



这一切都服务于同一个目标：让用户一眼爱上这个平台，愿意再次回来——正如我们最初设想的那样，用设计的力量，把旧物变成值得珍藏的新记忆。



—— Nele Groosman
原载于 Medium：UX/UI Case Study: E-commerce for Second-hand Clothes
译者：南设（ID：shemenglianmeng）
项目官网：suo.run