UNO
Mobile Shoe Shopping App UX/UI Case Study
Buying shoes online often leads to hesitation and returns because sizing, fit, and product details are not always clear.
UNO explores how clearer structure and guided selection can support more confident purchase decisions.
Project Overview
UNO is a conceptual mobile shoe shopping app designed through a full UX/UI process, from research to interactive prototype development. The project explores how structured information and clear hierarchy support confident decisions in e-commerce.
Core Opportunity
Design a personalized shoe shopping experience focused on clarity, seamless comparison, intuitive navigation, and confident purchasing decisions.
Key Insights
• Unstructured reviews slow product comparison.
• Clear hierarchy increases trust and clarity.
• Peer feedback strongly influences final decisions.
User Persona
To better understand decision uncertainty in online shoe shopping, a primary persona was developed through user interviews and key insights from qualitative research.
Persona Profile
Age
24
Education
Visual Comm.
Status
Single
Occupation
Design Student
Location
Jerusalem
Key Traits
Precise
Deliberate
Discerning
Brief Story
Elisheva is a Visual Communication student who shops for shoes online. She values aesthetics and comfort, yet often hesitates before completing a purchase. Unclear sizing and unstructured reviews reduce her confidence, leading her to seek a clearer, more trustworthy shopping experience.
Goals
• Select the right size confidently with clear information.
• Understand key differences before deciding.
• Complete the purchase with confidence and certainty.
Pain Points
• Inconsistent sizing information across products.
• Limited clarity when comparing similar models.
• Unstructured reviews that are hard to scan.
Needs
• Clear and consistent sizing guidance with fit details.
• Structured product pages highlighting key differences.
• Organized reviews supporting confident decisions.
Design Solution
• Interactive size guide providing personalized fit recommendations tailored to user needs.
• Structured product layout with a clear hierarchy and visual highlights for easy comparison.
• Organized reviews with concise tags for fit, comfort, and overall quality.
Design Thinking Process
Empathize
User Interview
Persona
Pain Points
Define
Problem Statement
User Goals
Friction Points
Ideate
Feature Concepts
User Flow
Structure
Design
Wireframes
UI System
Prototype
Validate
Testing
Refinement
Outcome
User Joureny Structure
01 DISCOVER
Find relevant shoes quickly through clear filters.
02 EVALUATE
Compare size, fit, and details through product insights.
03 DECIDE
Complete the purchase with confidence and clarity.
Core Interaction Flows
User Onboarding & Login
User Onboarding & Login
User Onboarding & Login
Low Fidelity Wireframes
Early structural exploration translating flows into screen hierarchy and layout.
Typography & Colors
Color System
Font Used
Inter was selected for its clarity and modern digital presence. It supports a clean interface with consistent hierarchy across screens and components.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
Button States
Primary button used for main CTAs across the interface, ensuring clear and consistent actions.
High Fidelity Screens
Full visual interface showcasing authentication, browsing, and purchase flows.
Authentication
Sign up / Login / OTP
Browsing Experience
Home /Product / Favorites
Browsing Experience
Home /Product / Favorites
Design Impact
• Clear hierarchy minimized decision friction and streamlined product comparison.
• A structured checkout flow strengthened trust and confidence during payment.
• Defined feedback states (processing, error, success) enhanced clarity and overall completion experience.