/background(fff)/1920x1440.jpeg?auto=webp)
DESIGN TYPE
UX/UI
PROGRAM
Figma
YEAR
2022
The goal was to develop a well-crafted retail app that engages users while also providing a seamless shopping experience.
We decided on a very specific aesthetic for our retail app. Since our focus was sustainable clothing and products, we wanted to connect our visuals to the natural world through our use of colors and images. Once we developed the basic look and feel of the app, we were able to focus on the overall functionality which was achieved by a minimalist and straightforward design system.
Phase 1 | Research
/background(fff)/1920x1920.jpeg?auto=webp)
PERSONAS
/background(fff)/1920x1920.jpeg?auto=webp)
USER INTERVIEW
/background(fff)/1920x1920.jpeg?auto=webp)
COMPETITIVE ANALYSIS
/background(fff)/1920x1920.jpeg?auto=webp)
USER FLOW MAP | PART 1
/background(fff)/1920x1920.jpeg?auto=webp)
USER FLOW MAP | PART 2
/background(fff)/1920x1920.jpeg?auto=webp)
VALUE PROPOSITION
Phase 2 | Mokita
User Flow & Wireframe
/background(fff)/1920x1130.jpeg?auto=webp)
/background(fff)/1920x3176.jpeg?auto=webp)
Phase 3 | Prototypes
(Original & Updated) & User Test
/background(fff)/1100x1100.jpeg?auto=webp)
User Testing
/background(fff)/1100x1100.jpeg?auto=webp)
Data Analysis
Phase 4 | Design Elements
/background(fff)/1100x1100.jpeg?auto=webp)
Logo
/background(fff)/1100x1100.jpeg?auto=webp)
Typefaces
/background(fff)/1100x1100.jpeg?auto=webp)
Color Scheme
/background(fff)/1100x1100.jpeg?auto=webp)
Mood Board (Image Source: Unsplash)
Phase 5 | High Fidelity Prototype
& User Test
/background(fff)/1100x1100.jpeg?auto=webp)
User Testing
/background(fff)/1100x1100.jpeg?auto=webp)
Data Analysis
Phase 6 | Final Prototype