An interactive configurator for digital nomads renting office equipment in Bali. Pick a desk, chair and accessories and an animated SVG scene of the workspace redraws and reprices in real time.
Role
Design & engineering
Context
Personal project
Stack
Next.js, Zustand, Framer Motion
Overview
It is a marketing tool, so weight was the constraint: a 3D scene would mean a heavy download for a page most visitors only glance at. Rendering the room as animated SVG keeps it instant.
Zustand holds the selection and persists it to localStorage so a build survives a refresh, Framer Motion carries the transitions, and the flow ends in an order review rather than a silent reset.
Key achievements
Animated SVG scene that updates on every selection
Real-time pricing and a productivity score
Configuration persisted across reloads with Zustand
