Fiver_Mockup_01.jpg

WARDSCOPE_UX/UI

WARDSCOPE

Project: App design / Design Research / Branding

Tools:  Adobe Creative Suite(Ai,Ps,AE) / Sketch / Flinto 

Design Challenge: As one of Yelp’s interaction design intern candidates, I asked to take a design challenge about Closet Catalog: create an app that streamlines the process of planning what to wear and transforms what used to be a chore into something more enjoyable. With limited time, I need to provide notes, sketches, research that helped shape your thinking and High fidelity work of prototypes and screens.

 

WARDSCOPE is a fun clothes catalog app that provide user an easier solution to catalog their closet as well as add a little bit more fun to this “daily ritual” by recommending fascinating experiences based on users’ outlooks.


 

Design Process

03_Yelp_Design%2BChallenge%2B%2B2-32.jpg

Discovery & Research

/ Interview: I did three formal interviews and three quick interviews. I asked what's their experience of the closet catalog, what's their experience of clothes choosing and what they care about most when they use a clothes-related app. The goal of the interviews is to find pain points and turn them into design opportunities.

Interview.jpg
 

/ Mind Mapping: interviews helped me understand users’ pain points during the process of closet cataloging, I used mind mapping to clear up my interview information as well as to find out design opportunity.

Mind mapping of interview information

Mind mapping of interview information

 

Quotes:quotes helped uncover insights / design opportunities.

Some remarkable quotes

Some remarkable quotes

 

Persona: I created two personas based on my interviewees. This process helped me understand the target users’ features and pain points.

Two Personas

Two Personas

 

Insights / Design opportunities: design opportunities are users’ purpose of using the app. My map of those opportunities’ inner connection uncovered the core needs of the users.

Design Opportunities & Inner Connection Map

Design Opportunities & Inner Connection Map

 

Theory of Change: to uncover the key problem is one of the most important goals of the research, theory of change is a useful but straightforward exercise that led me to the key problem.

Theory of Change Map

Theory of Change Map

 

Design Principle: after six interviews and several exercises, I came up with two design principles under the request of the design challenge and my research conclusion.

Two Design Principles

Two Design Principles

 

Clothes Catalog Map: With the purpose of figuring out which the best to catalog clothes, I cleaned up my wardrobe, below is the map of my clothes catalog process.

 
Clothes Catalog Map

Clothes Catalog Map

 

Competitor Axis: in the meantime, I explored relative apps. The two design principles become the two dimension of the Competitor Axis. Most apps that help users catalog clothes are not fun. There are two apps more enjoyable than others; these two apps belong to the game category which is not very functional.

Competitive Axis & Analysis

Competitive Axis & Analysis

 

Brainstorm: I started to brainstorm ideas based on the insights and possible solution I got form the firsthand experience and the app exploration. The scope of brainstorm is among two design principles.

Brainstorm

Brainstorm

 

 

Interaction Design

21_Yelp_Design+Challenge+-33.jpg
 
Sketches

Sketches

 

Wireframe

Wireframes

Wireframes

 

Information Architecture

Information Architecture

Information Architecture

 

 

Visual Design

Yelp_Design+Challenge+-34.jpg

Visual Inspiration

Visual Inspiration

Visual Inspiration

 

Interface Design

Interfaces

Interfaces

 

Mockup

Interface Mockup

Interface Mockup

 
Ad Mockup

Ad Mockup

 

Prototype

info.jpg
Interaction_03.gif
 
Interaction_02.gif
 

 

Next Step

Yelp_Design+Challenge+-35.jpg
Next Step

Next Step