3D Configurator / 2025
Grill King Configurator
A 3D BBQ configurator for Grill King. Customers choose modules, finish, and layout, see the kitchen, and request a quote.
- Status
- Production
- Systems
- Three.js · Configuration Engine · Quote Workflow
- Stack
- Next.js · TypeScript · Three.js · React Three Fiber
Project screenshot · 2026-10-17
Overview
The Grill King BBQ configurator is where a customer builds an outdoor kitchen: modules, finish, and layout update a 3D view, and the selection can be sent as a quote.
Scope
- 3D Product Configurators
- 3D Modeling & Animation
Challenge
An outdoor kitchen is a combination of BBQ, fridge, sink, and finish. Static product pages leave that combination to the imagination.
Solution
A 3D configurator for the BBQ kitchen. Customers assemble the setup, see it, and send that configuration for a quote.
System
How this product is wired.
Flow
- 01
MODULES
- 02
3D EXPERIENCE
- 03
FINISH
- 04
QUOTE
Experience
- 01
3D outdoor kitchen with module and finish controls
- 02
Guided choices that stay inside the product range
- 03
A quote that carries the selected configuration
Features
- Real-time 3D
- Module selection
- Finish options
- Quote request
Implementation
- React Three Fiber scene for the BBQ kitchen
- Configuration state for modules, finish, and layout
- Quote handoff of the selected setup
Mobile
The configurator is usable on a phone, with the 3D view and the option steps in one flow.
Outcome
- 01
Customers build a kitchen visually instead of picking from a static list
- 02
The quote is tied to the configuration they just made