Project 03
An app that helps the colorblind track and organize various colors in their wardrobe.
Colorblindness
There is an estimated 300 million people who live with colorblindness everyday. It's an inherited condition that affects men more so than women. 99% of those individuals suffer from Red-Green colorblindness, which can make daily tasks more of a struggle.
why swatch?
Swatch helps individuals who suffer from color deficiency track and organize various colors in their wardrobe. Swatch gives users the ability to find out what colors are present in their clothing, as well as giving recommendations for matching outfits.
01.
interviews
My initial research and interviews gave a lot of insight on what to focus on when building this app. Some individuals just wanted to know whether their shirts were blue or purple, whereas some were curious to know what colors go with others. Those were the two main points I took from those conversations and decided to explore within the app.
Daniel, 26

Daniel works full time and has been living with his current girlfriend for 3 years. He mainly relies on her for outfit choices due to his colorblindness. When she’s not available, he generally stays within his "safe zone", which is mostly navy and white. He's mostly relied on other people when it comes to identifying what matched with what, so he doesn't feel confident when it comes to making fashion choices on his own.

Ryan, 28

Ryan is a single, full time student majoring in Computer Science and spends most of his time in school or studying. He only wears black and white clothing, but wants to be more adventurous with his attire. He generally seeks fashion advice from his closest friends, but doesn't want to rely on them everyday.

david, 23

David works at an upscale restaurant and is required to dress more formal than usual. Outside of work he loves to go out and socialize with his friends. He knows what colors match, but has a hard time differentiating between certain ones. It's not necessarily an issue of fashion choices, it's an issue of figuring out what color his tie is.

daniel, 26
Daniel works full time and has been living with his current girlfriend for 3 years. He mainly relies on her for outfit choices due to his colorblindness. When she’s not available, he generally stays within his "safe zone", which is mostly navy and white. He's mostly relied on other people when it comes to identifying what matched with what, so he doesn't feel confident when it comes to making fashion choices on his own.
Ryan, 28
Ryan is a single, full time student majoring in Computer Science and spends most of his time in school or studying. He only wears black and white clothing, but wants to be more adventurous with his attire. He generally seeks fashion advice from his closest friends, but doesn't want to rely on them everyday.
david, 23
David works at an upscale restaurant and is required to dress more formal than usual. Outside of work he loves to go out and socialize with his friends. He knows what colors match, but has a hard time differentiating between certain ones. It's not necessarily an issue of fashion choices, it's an issue of figuring out what color his tie is.
02.
user flow
Before any interface explorations, I wanted to lay down the sitemap in order to figure out the flow of the app and how everything works together. It was important to gain a holistic understanding of all the features before diving into the UI.
03.
wireframes
Once I understood how each featured flowed and tied in with each other, I began exploring wireframes. The landing page would be the users closet, where they save clothing they've scanned. From there, they are able to build outfits, which gives recommended pairings of garments based on what's in their closet.
04.
final design
With the final design, I wanted to make it make the process of finding clothes and building outfits as easy as possible. Swiping left and right in their closet made finding items easier, and allowed more categories to fit on the screen. I also chose to use a conversational approach in the app to maintain a more friendly personality. For the color scheme, I kept it within black and grey, since people with colorblindness mainly rely on contrast to differentiate between colors.
05.
build my outfit
"Build my outfit" is available right on the landing page, in case any users want to select any garments to build from. I created icons unique to specific garments so that choosing them over time would be easier and faster to recognize.
06.
scanner
When scanning an item, the colors pop up on the garment itself, along with other bits of information that may be important to the user. Users are able to see what clothing items in their closet go well with the scanned item so that they can have an idea of an outfit choice before they save it.
07.
build an outfit flow
Once users have selected which garments they want in their oufit, Swatch presents them with a selection. From here, they can save the outfit or tap "Redo" to get more choices.
08.
scanner flow
Swatch also detects what type of clothing is being scanned, but users are given the choice to change that if need be. There are also options for clothing size and custom tags to make searching easier in the future.