TIFFANY TAM

Mobile App

Vault

 
VAULT+PHONE+MOCKUP.jpg
 

ROLE: UX DESIGNER DURATION: 3 MONTHS

THE PROBLEM

A recent survey showed that 49% of females reported feeling self-conscious about repeating outfits at work. But studies have also shown that dressing professionally increases abstract thinking and influences cognition broadly.

THE SOLUTION 

Planning outfits everyday should not be a chore and does not have to be. All it takes is some proper planning and Vault not only makes it easy but fun to use.Vault helps the user plan different looks reducing the anxiety behind repeating outfits. Users can plan ahead and dress for success. They have the option to use what is already in their closet or browse curated pieces for purchase using one of the many other features offered on the app.

 
 

The Story

 

Sarah wakes up every morning stressed about her unorganized closet and worried about looking presentable for work. Her friends recommended that she try Vault, a new closet cataloguing app that helps people organize their closet and plan outfits for their upcoming days. Sarah downloaded the app, started organizing her closet and wakes up every morning ready to tackle her day.

 
Untitled presentation.png

The Persona

 
Tiffany_Tam_DesignChallenge.png
 

User Flow

 
 

Low-Fidelity Prototype

I started by sketching out some possible layouts and concepts. In an ideal situation, I would do a card sorting test to help with deciding information hierarchy but with the given time, I based the hierarchy off of the research I conducted. My process includes drawing many different scenarios then narrowing down before running a quick usability test (flare and focus).

Tiffany_Tam_DesignChallenge_Page_13.png
Tiffany_Tam_DesignChallenge_Page_14.png
Tiffany_Tam_DesignChallenge_Page_15.png
 

High-Fidelity Prototypes

I developed high-fidelity prototypes using a combination of Illustrator, Photoshop, Sketch and InVision. I used the feedback I gathered from my low-fidelity prototype and implemented the changes during the development of my high-fidelity prototype. I ran a quick heuristic evaluation of the prototype before finalizing the design. 

Homepage

Vault’s homepage focuses on personalization and encourages users to explore new pieces and looks. The user can find: Recent Looks, Recently Added favorites, Curated Looks, Curated Deals from Retailers & Looks by Occasion. The tab bar allows users to quickly access some of the key functions while the main page focuses on engagement.

Hi_Fi_Vault.jpg
 
hi_fi+opening.jpg


Closet Page & Looks Page

The Closet and Looks pages can be accessed through icons on the tab bar. The main difference between the two pages is that one focuses on individual articles of clothing whereas the other focuses on looks that the user can put together. Each page allows user access to styles they have created, as well as options to explore curated styles by the team. There is a section that even suggests special deals that we feel the user might like. 

Look Generator

The Look Generator was inspired by the movie Clueless. This feature allows users to pick from the different categories of clothing they have and use the carousel feature to see how each items pair with the other. This can be a fun way to try new looks without having to physically try them on. The selections can then be added to the looks board for users to save.

New Look

Users can enter this page directly or through the Look Generator. The purpose of this page is to allow users to make moodboards and document looks they want to try. These looks are saved and can be sent to a calendar. 

 
 
explore.jpg


Explore

This page allows users to endlessly scroll for inspiration pieces. These pieces can be added to their virtual closet and ideally, with a few clicks, can be available for purchase. 

Edit Info

Users can edit the information of the garment they added to their virtual closet. Garments can be added one of three ways: taking a photo, importing from library or importing from a website. Here, users have the control to add vital information about their garment, from color and care instructions to where it is located in your room. This page is every Virgo’s dream!

More

This page allows users to access the rest of the features for the app. This includes: Calendar, Explore, Look Generator, Favorites, Shop, Packing List, Settings, Profile and Contact Us. The calendar feature is located at the top right because it will be an important feature for outfit planners. You can add looks onto specific dates reducing the stress of trying to figure out your look in the morning. 

Adding Images

Users can easily add images of their garments More. This page allows users to access the rest of the features for the app. This includes: Calendar, Explore, Look Generator, Favorites, Shop, Packing List, Settings, Profile and Contact Us. The calendar feature is located at the top right because it will be an important feature for outfit planners. You can add looks onto specific dates reducing the stress of trying to figure out your look in the morning. 

Adding Images

Users can easily add images of their garments by clicking the “+” button on their tab bar. The button releases different actions the user can take to import photos. This can be done by: taking a photo, importing from library or import from a website. clicking the “+” button on their tab bar. The button releases different actions the user can take to import photos. This can be done by: taking a photo, importing from library or import from a website.