Design it. See it.
Order it.
Mobile Mouthguards needed customers to visualise custom designs before ordering. We built a real-time 3D configurator that replaced Google Forms and hit a 62% order completion rate. Stripe payments, team ordering, admin dashboard. All in 1.5 weeks.
Google Forms for a $365 custom product.
Mobile Mouthguards makes custom-fitted mouthguards for contact sports. Dual-layer, triple-layer, bite-registered. Each one is unique: hand-picked colours, text, flags, custom images. The problem? Customers were ordering through a Google Form.
No preview of what they'd receive. Freeform text fields for colour choices. A teal-and-navy WordPress site that dropped customers into a grey Google Form. The completion rate sat around 4.5%. Support queries about “what will it look like?” hit 8-10 per week.
Sports mouthguards are irreversible purchases. You can't return a moulded guard. Customers needed to see exactly what they were ordering before committing $230-$365.
A 3D configurator that shows exactly what you'll get.
Real-time 3D with Three.js on a 22K-face mesh
Customers pick from 18 base colours, add text in 13 fonts, place flags or upload custom images across three zones. Every change renders instantly on a 3D mouthguard model they can rotate, zoom, and pinch on mobile.
The shader handles inside/outside text classification using arc-length parameterization and a dual-layer bake filter. Debounced at 300ms to prevent GPU thrashing on every keystroke.
Guided, not overwhelming
Sport selection, protection tier, personal details, team affiliation, design customisation, upsells, review. Each step is one decision. Form state persists in localStorage so customers can leave and come back.
One link for the whole squad
Coaches create a shared order link with pre-set sport, tier, and design restrictions. Each player designs their own guard within those constraints. Payment can be individual or group-prepaid. No more coordinating 15 separate orders via email.
4.5% to 62%. Same customers.
The configurator replaced a Google Form that was losing 95 out of every 100 visitors. Order completion jumped to 62%. Average order value went from $285 to $340 because upsells are part of the natural flow, not an afterthought email.
Support queries about “what will my guard look like?” dropped from 8-10 per week to 1-2. Admin time per order fell from 15-20 minutes of parsing freeform text to 2 minutes reviewing structured data in the dashboard.
Metrics reported by client. Order completion measured as orders placed / unique configurator sessions.
Common questions about custom mouthguard configurators
Selling a custom product online?
We build configurators that let customers design, preview, and pay in one flow. No more Google Forms. No more “what will it look like?” emails.