Styleshift - 超方便个人服装搭配,收纳管理

StyleShift是一款旨在通过简单的手势交互、图片编辑,方便地进行个人服装搭配、收纳管理的产品。无论你是衣服太多难以管理、还是穿搭选择困难症、抑或是想看看现有的衣服可以搭出什么花样……你都可以试着使用其来便捷快速地为自己决策出今天的穿搭。

StyleShift UIUX project image.
项目来源

个人项目

完成日期

2021/08/27-2021/09/28

项目类型

UI/UX设计

主要技术

Figma

产品简介

StyleShift是一款旨在通过简单的手势交互、图片编辑,方便地进行个人服装搭配、收纳管理的产品。

无论你是衣服太多难以管理、还是穿搭选择困难症、抑或是想看看现有的衣服可以搭出什么花样……你都可以试着使用其来便捷快速地为自己决策出今天的穿搭。当然,你也可以将穿搭进行保存分类,以便自己在不同季节的不同场合下快速选用,不用再为重复决策而烦恼。

GIF of the StyleShift app.

开始

灵感来源于游戏角色服装换装,我在想有没有一种可视化的方法管理我已有的服装(如果衣服真的很多),做到划划手机看我今天怎么穿搭?我还可以保存一些搭配方案在我不想思考的时候使用。

StyleShift app starting screen.

头脑风暴

在对项目有了初步印象后,我开始使用便利签进行头脑风暴。随后,我对这些想法进行了组织和分类,引导我确定了四个主要方面:

StyleShift app brainstorming.

用户定位

有许多衣服的、有意向管理自己衣物的、并有服装搭配需求的人群。

StyleShift app user segmentation.

用户画像

StyleShift app persona.StyleShift app persona.StyleShift app persona.StyleShift app persona.

同理心地图

StyleShift app empathy map.

故事板

StyleShift app storyboard.

用户需求和痛点

  1. 简化服装搭配: 用户需要一个能够简化服装搭配过程的工具,尤其是当他们有一个大衣柜时。他们寻求一种方便有效的方式来轻松混搭衣服。
  2. 节省时间: 用户希望有一个解决方案能够帮助他们在决定穿什么时节省时间。他们的目标是减少花在重复服装选择上的时间,特别是在忙碌的早晨或匆忙的时刻。
  3. 服装组合探索: 用户有兴趣与现有衣服探索不同的服装组合。他们寻求灵感来创造新的外观并增强他们的个人风格。
  4. 衣柜组织: 用户希望通过对不同场合和季节的服装选择进行分类和组织来有效地管理他们的衣柜。他们的目标是保持一个结构良好的衣柜,以满足不同的需求。
  5. 视觉和直观的界面: 用户更喜欢视觉上有吸引力且直观的界面,使他们能够轻松地与工具交互。他们希望基于手势的交互和图像编辑功能能够让体验变得愉快。
  6. 便利性和可访问性: 用户寻求一种可以在智能手机或其他设备上轻松访问的工具。他们希望有一个用户友好的平台,可以在需要时随时使用。
  7. 决策支持: 用户在做出服装决定时寻求支持,尤其是在他们缺乏灵感或不确定穿什么的时候。他们希望该工具能够根据他们的喜好和场合建议合适的服装组合。
  8. 灵活性和定制: 用户喜欢根据个人喜好灵活定制工具。他们希望能够自定义服装类别、标签并保存符合其独特风格和需求的服装组合。
StyleShift app user needs and objectives.

功能架构

StyleShift app functional architecture.

用户流程

StyleShift app user workflow.

草图

StyleShift app sketch.

线框图

StyleShift app wireframe.

调色板

StyleShift app design style.

Logo设计

StyleShift app design style.

产品原型

StyleShift app prototype.StyleShift app prototype.StyleShift app prototype.
StyleShift app prototype.StyleShift app prototype.StyleShift app prototype.
StyleShift app prototype.StyleShift app prototype.StyleShift app prototype.
StyleShift app prototype background.

收获&总结

最开始在我的构想中,衣服会有模特(或用户自身照片)上身的效果,但是在后期的设计过程中,发现在导入衣服后,很难匹配模特的身型及动作,而自定义背景似乎会显得整个产品有些杂乱,所以最终采用了白色背景以及取消了模特的设置。整体UI做完感觉还是比较简洁干净的。