SeekWell, 2024-2025
Through the lens of trust - redesigning GlassesOn
GlassesOn is a scaning app extracting the current prescription details from a pair of glasses, making it easy to shop for new eyewear online. The app offers a guided experience with voice and video prompts.
Background & Context
Traditionally, users must visit an optometrist to get their vision parameters. Some people remember parts of it, most do not pay enough attention to it as they rely on the optometrist/store to provide them with an appropriate pair of glasses. Most people either don't get their parameters after their visit or don't keep a copy of it for future purchases.
When I joined the company, GlassesOn was in a transitional period between 2 versions, differing in their algorithmic approach to the scanning process.
Our legacy version (V1) had already been out in the app stores for a couple of years, with a lot of data to collect insights from, and also served as a white-label SDK for partners like GlassesUSA, Smart by Glasses, and The Framery.
Key Challenges
UX approach
We shifted from an icon-heavy, illustrated style to a visual language centered around real people —boosting credibility, familiarity, and trust.
Using real-life footage was also considered for some of our key assets to bridge gaps of understanding.
We enhanced our in-app guidance by reshooting our core tutorial video based on insights gathered from usability sessions.
`in addition, we refined our feedbacks throughout the scan (voice & animations) and introduced clearer error states—all based on pain points we identified.
We've refined our microcopy on key steps in the flow, setting the user's expectations, and also added progress indicators to provide more clarity for each step completed.
We've enriched the results screen with FAQs —creating a more transparent and reassuring user journey.
Legacy app (V1) key screens
Here's what the GlassesOn flow looked like when I came on board—before the redesign process began.
GlassesOn V2
The following shows the first sections of the flow - onboarding screens, flow selection (full scan vs pupillary distance scan), setup and screen calibration.
The back gradient became the primary customisation tool to differentiate between partners, keeping the rest of the UI constant.
Adding a real doctor to the flow
One of the main ideas to increase trust in our apps (not just GlassesOn) was to include a “white coat persona” - a real-life eye specialist who will endorse our app and possibly serve as a recurring figure throughout the experience.
Due to legal issues and the time it would take to enlist the right person it was decided to push this to a second phase of the redesign, but I believe it would have had a strong positive impact on the way our users percieve this product.
These are some mockups I've created for this purpose.
Tutorial video background
Before starting the scan, users are shown a short tutorial video. In the legacy version, most guidance was delivered via audio prompts during the scan itself, with only a brief, loosely structured visual overview beforehand.
The tutorial presented a sequence of actions but lacked a clear, memorable structure, making it difficult for users to retain the steps. Crucially, it also underemphasized the most challenging part of the process—tilting the glasses—which often led to user confusion and errors.
Complete tutorial overhaul
I led this project end-to-end—from revising the storyboard and script to reshooting the video in-office, and handling all post-production editing. The updated tutorial featured the following improvements:
Scanning screens
The main UX difference between V1 and V2 was at the scanning process, whereas on the legacy version there was only one screen (seen here on the right) with changing audio instructions guiding the user throught the steps.
On V2 we used a layout combining multiple guidelines (text, sound & animations) to address known pain points from our usability trials and provide clearer feedbacks at the right time for our users.
Results screen V2
On the left - before and after the UI change for this screen. An FAQ section was added, based on our users' recurring questions on our support channels. This screen also included a customized version for partners who do not show the prescription details at the end of the mobile flow.
Metrics