Trying on custom eyewear

Virtual try-on app for custom eyewear at Decathlon, the world's largest sporting goods retailer.

An iOS app for Decathlon that takes the guesswork out of buying glasses. It scans your face in 3D, lets you try frames on virtually, and shows how well each pair fits before you order. I designed the experience and applied Decathlon's design language throughout.

UX without glasses Getting an accurate scan means taking your glasses off, so (some of us) can barely see the screen. A short intro asks you to tuck your hair behind your ears and turn up the volume. From there, large arrows animate in the direction you need to turn your head, and spoken instructions carry you through by ear.

Virtual try-on After the scan, you can see how each frame looks on you. Each pair carries a fit score, so the choice is about how well the glasses sit and not only how they look. Tap a frame to see its price and details, then order the pair that fits.

Fit score
Onboarding
A 3D face scan — a grid of measurement points mapped across a face, framed in close so the mesh fades out before the edges
Face scan
Decathlon frame detail — the Pristine Pro at 24.99 with a five-dot fit score, a note on comfort and an order button
Frame detail

In-store testing Decathlon tested the app with users in selected stores, and we iterated from there. Both Sfered and Decathlon were pleased from the start. What stood out to them was how simple the flow felt, and the enthusiasm held as the app continued to develop.