Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Project Overview
Product Name: ClearView
Platform: iOS & Android (Mobile App)
Project Type: UX/UI Design
Duration: 6 weeks
Team: UX Designer (you), UI Designer, Product Manager, Developer
🎯 Problem Statement
Buying eyeglasses online is difficult due to:
Inability to try on frames virtually
Confusing prescription input
Overwhelming product choices
Lack of style/personalization guidance
Goal
To design a mobile app that:
Helps users virtually try on eyeglasses
Simplifies the prescription input process
Offers personalized recommendations
Makes the eyeglass-buying experience enjoyable and fast
🧑💼 Target Users
Busy professionals needing quick and convenient purchases
Students who want trendy but affordable options
Middle-aged users with specific vision needs and less tech familiarity
🔍 User Research
Methods:
Online surveys (120 responses)
10 user interviews
Competitor analysis (Warby Parker, Lenskart, Zenni)
Key Insights:
65% felt unsure about how frames would look on them
48% were confused by how to enter prescriptions
Users valued speed, personalization, and style recommendations
Personas
1. rose – The Stylish Student
Age: 21
Needs: Trendy, affordable, wants to see how it looks on her face
2. lora– The Busy Professional
Age: 34
Needs: Fast process, prescription clarity, premium quality
3. Susan – The Practical Buyer
Age: 47
Needs: values convenience and technology, prefers online shopping
🗺 User Journey Map (Emma)
| Stage | Action | Emotion | Pain Point | Opportunity |
|---|---|---|---|---|
| Discover | Searches “buy glasses online” | Curious | Overwhelmed with choices | Smart onboarding |
| Try-On | Uses virtual try-on | Excited | Some AR tools inaccurate | Use face-mapping AI |
| Choose | Compares styles | Indecisive | Too many similar options | Personal style quiz |
| Checkout | Enters prescription | Confused | Technical terminology | Simplify with scan/upload |
| After-Sale | Waits for delivery | Anxious | No updates | Add tracking + notifications |
💡 Design Solutions
1. Onboarding Flow
Short quiz to determine face shape, style preference, and lens needs
2. AR Virtual Try-On
Real-time 3D try-on using front camera
Show multiple angles and side-by-side comparisons
3. Smart Recommendation Engine
Based on quiz + face shape + previous purchases
4. Prescription Input
Options: Manual entry, Upload image, Scan from paper
Simple explanations of terms (e.g., PD, SPH)
5. Checkout Experience
One-tap checkout
Insurance compatibility
Track delivery in-app
🖌 Wireframes & UI Screens
Home Screen: Personalized product suggestions
Try-On Screen: Live AR with swipeable frames
Product Page: Reviews, frame fit details, style tips
Prescription Page: Upload/scan/manual options
Cart & Checkout: Simple flow with progress indicator
(You can insert wireframes/screenshots here if available.)
🔁 Usability Testing
Round 1 (Low-Fidelity)
5 users tested key flows
Feedback:
Try-on needed better lighting adaptation
Confusion about PD (pupillary distance)
Round 2 (High-Fidelity Prototype)
Positive reactions to simplified prescription entry
All users completed checkout in under 3 minutes
📊 Success Metrics
Goal: Reduce cart abandonment by 30%
Goal: Increase try-on usage by 50%
Net Promoter Score (NPS) target: 8+
✅ Outcome
Simplified shopping flow
Users loved the personalized quiz + AR combo
Usability testing showed 90% task success rate
🔄 Future Improvements
Add voice-guided assistance
Integrate AI-powered frame suggestions
Partner with optometrists for real-time support