FITz
Outfits built to your style.
UX Research:
-Competitive Audits
-Surveys and Interviews
-Personas and User Flows
UX Design:
-Sketches and Wireframes
-Low-Fidelity User Testing
UI Design:
-High Fidelity Mockups
FITz was a 1.5 week sprint done by myself as a way to expand my research and design knowledge into the e-commerce side of product design.
The Goal: With FITz I wanted to take a look at the design of e-commerce as a whole, there had to be a better way to approach the usual mundane shopping experience. So, I built it with the idea of buying whole outfits built to your style using a state of the art algorithm.
The Challenge: What should be different? This proved my hardest challenge was making this product its own.
The Outcome: FITz became a successful prototype when shown in user testing, most issues found happened to be with navigation as it seemed that users found themselves getting lost deep inside menus even with a breadcrumb navigation. With further work, FITz could go down as a new trend in the e-commerce.
Competitive Audit:
I looked at the good and bad of the competition in the direct e-commerce category. The more successful brands all followed a similar pattern in the UI.
Survey:
With a rather long survey, I wanted to learn more about what is going through the mind of a buyer and what they want from a online clothing company and the issues they may have with online shopping in general.
Interviews:
I was lucky enough to get a chance to interview a former fashion designer who responded well to the questions asked and gave me a finer tuned look at the online clothing industry as a whole.
User Flows and Sitemap:
On paper the flow is simple, user finds what they want to buy, they make sure its the right size, add it to their cart and checkout. The sitemap needs to reflect that.
Personas:
While targeting all users, I still do have a specific type I am designing for, an online shopper and the wants and needs of them.
Sketches:
While my sketches are definitely not a work of art, it gave me the most time effective way possible to get my ideas down and visualized.
Wireframing:
I spent most of the time on this project on getting wireframes down, I had about 150+ screens by the end of my time with FITz.
Lo-Fi User Testing:
Initial user testing in the wireframing stages helped a tremendous amount, from fixing navigation cues, page order and a streamlined checkout process.
High Fidelity Mockups:
A quick homepage mockup to show off the color scheme the application will be going for and be able to adjust for accessibility.
Got a Project? Lets Talk!
