14 user interviews
to A/B-test layouts and user flows with spectacle wearers.
Comprehensive UX strategy
combining mobile App, eCommerce and PoS-Retail-Displays.
Advanced face scan animation
that offers refined interface feedback with visuals and sound.
Product & UX Strategist
UX / UI Designers
About the project
One Of One uses 3D-printing technology to produce glasses that are 100% customized to a highly detailed face scan. The face-mapping technology customizes each frame to the individual anatomy of the customer, making each pair of glasses one of a kind. Boana supported the team in finding a product vision and developing the first features. We designed a consumer app that combines face-scanning technology with a virtual fitting room, where each frame can be tried on an interactive avatar. The final solution provides an immersive experience that can compete with an actual physical store visit.
Mapping face topography
to create an interactive avatar
The app utilizes the smartphone camera. On the first visit, the user is asked to scan their face. The scan uses facial mapping technology and dynamically optimizes each frame to the individual's face topography. Our design takes advantage of audio and haptic cues to provide proper instructions while the user performs a complex scan process. This includes holding the phone, looking into the camera, and turning their head slowly, all without wearing glasses.
The app is centered around the fitting room, where each frame can be viewed from all angles. An initial scan is used to create an interactive avatar. This allows users to see how each frame compliments their unique features and find the perfect match quicker. The avatar has a major advantage over augmented reality: it is mapped to the correct scale when placed on the user's face. It can be enlarged and rotated so that users can zoom in on the details they're most interested in.
The store —
The app is centered around the fitting room, where each frame can be viewed from all angles. An initial scan is used to create an interactive avatar. This allows users to see how each frame compliments their unique features and find the perfect match quicker. All frames can be viewed separately from the avatar in a regular online store. A big part of the project was prototyping the collection and detail pages and testing various navigation types. That included showcasing product pictures, adding frames to favorites, sharing, etc.
Survey questions help
narrow down the choices
Before entering the fitting room, users have the option to complete a questionnaire. By providing answers about their habits and preferences, the app can narrow down options and create a personalized shopping experience.