A premium eyewear store with real-time virtual try-on and on-device PD measurement — across web and mobile.
Buyers see frames on their own face, measure their pupillary distance with a camera, and order glasses that actually fit.
The hardest problem in online eyewear is trust: will they suit my face, and will the prescription sit right? SpectMe answers both before checkout — with the phone already in the customer's hand.
SpectMe Optics set out to sell premium frames online — but eyewear is the one product people refuse to buy blind. We had to recreate the optician's mirror, in the browser.
Two features carry the whole experience: a virtual try-on that maps frames onto a live camera feed in real time, and a PD measurement tool that reads pupillary distance from a selfie using a standard card for scale.
Everything else — catalog, frame detail, prescription capture, checkout — wraps around those two moments of confidence. Built once for web and shipped to iOS & Android with a shared try-on core.
Two camera-driven experiences do the heavy lifting of trust — one answers "does it suit me?", the other answers "will it fit?". Both run on-device, in real time.
A face-mesh model tracks 468 points at camera frame-rate and renders the 3D frame in place — rotate your head, the glasses follow. Swap colors and styles live.
Hold a standard card to your forehead for scale; the model finds both pupils and returns your PD in millimetres — the number lens labs need to centre your prescription.
Black, editorial, red-accented — frames are shot like jewellery. The web store leads with the try-on, then lets the catalog and detail pages do the selling.
The whole funnel is built around two moments of certainty — seeing the frame on your face and knowing it'll fit — so returns drop and conversion climbs.
The face-tracking & rendering engine is shared between the web app and the React Native mobile apps — write the hard part once, ship it everywhere.
Every frame is a true 3D model — so it catches light, turns with your head, and sits at the right depth on your face. Watch it spin; drop your camera in beside it.
Any standard bank card. Its fixed width gives the model a real-world ruler to scale the image.
The face-mesh locks onto your eyes and measures the distance between pupil centres in pixels.
Pixels become millimetres via the card scale. The value saves straight to your order so lenses centre correctly.
The native iOS & Android apps put the camera front and centre — browse frames, try them on with the front camera, measure your PD, and check out, all without leaving the app.
People won't buy glasses they can't try. So we built the mirror and the optician's ruler straight into the camera.Pasan W. · Lead Engineer · AR
A storefront where the two scariest questions in online eyewear are answered before the customer ever reaches checkout.