AR Fashion App
Fall 2020| Shopping Ui/Ux
When the branding development was finished, I started to develop the Ui for the main service of the app, the A.R Fashion App. This app allows women to shop their clothes and find correct sizing right in front of their screen. The U.I is made for easy use and also the ability to help women find the outfit with the correct material and the correct size.
Synopsis
College Student - Macy's
-
Likes how the app offers variety of women's clothing
-
Uses the app occasionally
-
Sometimes clothing size inaccurate
-
Would like to see how the outfit loo in real time
Cosmetic Artist - Bloomingdales
-
Uses the app whenever possible
-
Finds inconvienent to find the correct size and return the outfit
-
Sometimes, the material of the outfit is not high quality
-
Premium can be expensive
Student Teacher - Nordstrom
-
Uses the app during holidays for lspeciak savings
-
Likes how premium can offer many benefits such as discounts
-
Uses saved clothing Ui often
-
Likes how app can recommend similar clothing in similar size
Nail Specialist - Klarna
-
Likes how U.I is consistent
-
Uses the browse function often
-
Wished there was a way to share clothing in social media
-
There were too many ads
Consumer Research Survey:
My business partners interviewed various people to help develop the app. These women hoped that the Dream Fit App can be easy to use and with special feature, they can fit their clothing right on the spot and share the clothing on social media.
Personas:
After my partners gathered the data from the surveyors, I created three potential personas of women who would use our app. These women would be tech-savvy, fashionable, and would most likely use the app often or occasionally. They hoped that these the A.R fitting technology would aid their fashion needs and wants.
App flow map:
I based the app flow on based on Macy and Nordstrom apps because they are easy fashion shopping apps that allow users to shop seamlessly. What's unique about this app is that it includes a camera Ui that I called "mirror" which allows women to fit their clothes before adding to the cart.
Wireframe Development:
The overall app was basically a shopping and camera app combined together. Not only can women try and fit in with their own clothing, they can also scan their own outfits so they can plan for the next day.
Main shopping Ui:
My the main Ui, focuses on displaying all the featured discounts and clothing items. Users will be notified of their of special discounts on their home screen. The shopping menu previews the specialty clothing of each store.
Choose style Ui:
What's unique about this app is that it allows women to be selective about their outfit. When you click on button icon, on the shopping screen. Instead of using filters, they can choose in a menu that helps them select their style and material. This helps for one of the personas that struggles in finding the outfit in correct size and material.
Scan outfit Ui:
Another unique of the app is the ability to scan the outfit and make an A.R portable version of it, so women can plan ahead for the next day without trying clothes on. This benefits the second persona because she has the digital copy clothing of their clothing to blog on the go and to plan for her future days.
Check Out Ui:
Just the basic checking items Ui. This flow occurs after the women fit their clothing and they add items to their cart.
