Eyewear Shopping iOS App Redesign
Problem
Users struggle to understand the app's value and functionality, resulting in a low glass purchase rate.​​ Users are unfamiliar with using AR technology to purchase glasses on a mobile app, leading to a lack of confidence.
​
Solution
Redesign the app to establish trust, drive sales, and position itself as a reliable expert for users.
Responsibilities
User research & product design
​
Team members
2 UX designer
1 design intern
3 engineers​
​
Status
Launched
The product
Topology Eyewear creates glasses using a 3D facial scan in its iOS app.​
​
Customers can virtually try on glasses, adjust the fit, customize colors, add inscriptions, and purchase all within the app.
App flow before redesign
The business problem
The checkout rate from face scan to checkout is only 5.2%.
User research was conducted to identify the WHY and find the best solution.
Research plan
To find out
​
-
Why aren't people buying glasses in-app?
-
What can we learn from customers' in-store glasses shopping experiences?
-
How can we do to increase in-app sales?
Approach
​
​Understand the customers and involve them in creating an experience that resonates with their expectations.
Research data
Main target user groups
User with fit issue
"Finally, a pair of glasses that fit perfectly!
Background info
-
Extreme fit issues.
-
Can’t find glasses that fit at stores.
Needs
-
Understand my fit problems.
-
Find a pair of glasses that fit.
-
See recommendations or expert help.
Pro-customization user
"I love to customize styles and add an inscription."
Background info
-
Enjoys hands-on DIY.
-
Enjoys expressing personalities.
Needs
-
Browse different glass styles.
-
Save favorite styles and customizations.
Redesign goals
-
Solve these two main target user groups' needs.
-
Improve the purchase rate.
Redesign principles
-
Build trust
-
Design to sell
-
Be the expert
Wireframe & navigation map
Onboarding
Redesign highlights
​
-
Questions are asked to understand users' fit issues and their preferences.
-
GIFs are used to show how Topology Eyewear can resolve users' fit issues.
.png)
Shopping
Redesign highlights
​​​
-
View recommended frames
-
Save favorite styles
-
Virtually try on frames
.png)
Customize & checkout
Redesign highlights
​​​
-
Customize sizes
-
Add-on & inscription
-
Checkout
Usability testings for showing favorite styles
Option 1- A dedicated "Favorite" tab
All 8 users preferred this option for easier access. This feature is now live.
Option 2 - Show favorites on the top
Scrolling right to view favorite styles is challenging, especially with many items.
