AR Try-On Web Experience for a Mid-Cap Eyewear Retailer
Overview
What this challenge is about.
Build a Three.js + MediaPipe Face Mesh prototype that runs in a mobile browser (Safari 17+ and Chrome 119+). Load 12 frame SKUs as glb (Graphics Language Transmission Format Binary) models with correct scale. Track the face, fit frames to the bridge of the nose, and let the user rotate their head naturally. Add a side-by-side comparison mode for 2 frames. Run a 24-shopper usability study (12 with AR, 12 with current product page) measuring time-to-decision, confidence rating (5-point scale), and System Usability Scale. Deliver: prototype URL, source repo, 8-page usability study, and a 6-page product brief.
The Brief
What you'll do, and what you'll demonstrate.
Prototype a WebXR-based AR try-on for 12 SKUs and prove it lifts shopper confidence and time-to-decision vs. the current product page.
Earning criteria — what you'll demonstrate
- Build face-tracked AR in the browser without an app install
- Author glb assets at correct real-world scale for eyewear
- Run a comparative usability study against an existing product surface
- Translate AR usability outcomes into a production product brief
Program Fit
Where this fits in your program.
Sharpens the same skills your degree expects you to demonstrate.
Skills
Skills you'll demonstrate.
Each one shows up on your verified credential.
Careers
Roles this prepares you for.
Real titles. Real skill bridges. Pick the one closest to your trajectory.
Product Manager
Product managers who can A/B-test AR against a baseline product page and write the production brief become the lead PM for commerce AR investments.
This challenge sharpens
- usability-testing
- mixed-reality-applications
- ar-development