Outie App: UX design project

Picking an outfit every morning is tough! Outie makes this process both quicker and more informed by keeping a record of your outfit selections in the form of selfies.

My Roles: UX designer, visual designer | Project Timeline: 2 months

I came together with 4 new friends, mostly budding programmers, to brainstorm an app for the Seattle She’s Coding hack-a-thon. The idea originated as an outfit planner. However, in order to provide a realistic in-app experience, existing apps require that users manually upload photos of individual articles of clothing, as was the case for GlamOutfit, Chicismo, and ClosetLove.

So we turned to weather to make the app more practical. But apps like oshareweather and Penguin turned out to be more fun than practical, using illustrations to recommend outfits according to weather. The conclusion: Build something that users can start using immediately and that accurately reflects their wardrobe.

 

I drew a pattern that would synthesize the two main players in this app: clothing and weather.

Outie in a Nutshell:

  1. Take selfies every day! (now you have excuse to do so!)

  2. Rate them – were you comfortable?

  3. Get outfit suggestions for today’s weather (based on past outfits).

 

smalelr_Homepage - grid

smalelr_Hompeage - grid pg 2
Homepage, grid view.

The yellow bar moves with the weather, keeping you current and encouraging in-the-moment selfies. Option of grid or list feeds for easy scrolling and easy view of outfit history and weather trends.

smalelr_Setting
Set push notifications for rating any selfie(s) of the day that you haven’t rated already.
smalelr_Rate Window
Featuring an indoor-outdoor report button, the selfie rating window appears once you take a photo and approve it. “X” takes you home.

Emojis unique to the app encircle the photo in keeping with the visual theme of flower petals. The selected rating grows once hovered over. I chose emojis over star ratings to emphasize comfort over style but attributed each face to a numerical rating so that the system is quantifiable. Over time the app will collate ratings for each weather circumstance so that users know what outfits worked and didn’t work on days with similar weather.

 


Once you’ve rated your look, it’ll load onto the homepage as its own self-contained card.

Homepage - rate_Homepage - rate_Homepage - rate
Alternate view: rate your selfie from the homepage.

Leave a comment