Eyewear Made to Measure.
3D Printed Customized Frames.
One Of One – iOS & POS Apps
Industry:
Retail, eCommerce
What we did:
iOS App, PoS App & Face Scan Animation
My Role:
User Testing, Wireframes & Prototyping, User Experience, Interface Design, Interaction Design, Dev Collaboration & Handover
Client website
Challenge:
One Of One is an eyewear brand that produces 3D printed glasses. The base for each tailored eyewear frame is the recording of an individual face topography. Every frame is therefore customized and made to measure – truly one of a kind. Uniqueness is the cornerstone of the brand. It needed to be mindfully reflected in the product experience.
The project scope included a complete overhaul of the mobile shop, a virtual fitting room, and a face scan animation with visual, audio, and haptic feedback that followed accessibility guidelines. Weekly user tests ensured that the overall experience was engaging and delightful. The consumer app was followed by a point-of-sale app for optician stores.
Mapping Face Topography
One Of One is not just a store — it is an immersive try-on experience. The mobile app prompts you to scan your face on the first visit – in 30 seconds you’ll be able to map key points of your facial features on a virtual avatar. All you need is your smartphone camera.
The face scanning is fully accessible and accounts for one of the most common disabilities and the one that brings you to an eyewear store — visual impairment. After all, users need to perform the scan without glasses. That’s why our design utilizes visual, audio, and haptic feedback and complies with accessibility requirements.
Questionnaire
The process continues with a short questionnaire — this feature might be especially useful once the frame selection grows. Answering a few questions about your preferences helps narrow down the choices and adds a personal touch to the overall experience. All frames are unisex, so the filtering is based on the frame type, shape, and color.
Interactive Avatar
The virtual fitting room takes center stage — the app creates a truly life-like avatar that you can enlarge and rotate. Unlike augmented reality, our design keeps proper scale for a high fidelity experience. User interviews taught us that some people prefer to see a still picture of each frame instead of an avatar of their own face. It can be quite distracting! That brings us to the next feature: the online store.
The Shopping Experience
The fitting room is not the only way to browse products. Project scope included a good old-fashioned online store equipped with the usual suspects like collection pages, adding to favorites, and sharing. We also tested various navigation options to uncover the viewing habits of our users. It was important to make both viewing options (product pictures & avatar) available to the user and make both navigation types discoverable and frictionless enough to prevent drop-off.
Customisation
Most people with myopia or hyperopia wear glasses all throughout the day. Something as personal as eyewear deserves full customization. Even though each frame is automatically fitted to your individual measurements, it can be further customized across 14 parameters. As you tweak the measurements, you can see the changes live on your avatar — it is an easy and intuitive way to compare and fine-tune your eyewear. The parameters that can be adjusted include relatively simple ones, like color or temple length and more advanced, like pantoscopic angle.
Point-of-Sale App for Optician Stores
The consumer app that can be downloaded from the App Store is accompanied by a tablet version for the optician. It is a point-of-sale device used in physical optician stores. This version of the app mirrors all functionalities of the consumer app but is also equipped with additional management functions like an internal ordering system and scan upload overview. Customers can perform the scan themselves, with the assistance of the optician, using the device in stores. That’s why keeping customer data safe and confidential was very important. Privacy features added complexity to the design, and we needed to find the right compromise between ease of use and full security.
