Case study · 2026
Workspace Designer · monis.rent
Solo build · Desent Solutions developer challenge
An illustrated, drag-free room configurator for a furniture-rental challenge — swap desks, chairs, and monitors in a live SVG scene and rent the setup in one tap.
Overview
The brief asked for a fun, visual alternative to a boring product catalog for monis.rent, a Bali furniture-rental service. Rather than a grid of product cards, I made the illustrated room itself the product page: a slot compositor places hand-drawn SVG items — desks, chairs, monitors, lighting, plants — into a live scene that updates as you build your setup.
Every design decision was aimed at instant gratification and shareability: three starter bundles fill the room in one tap, the entire configuration is encoded into the URL so a setup can be shared or bookmarked with no account or database, and a running $/week total is always visible through to a checkout that closes the loop with real duration-based pricing and multi-month discounts.
Highlights
- Hand-drawn SVG scene compositor: desks swap without losing what's on them, monitors auto-arrange as you add more, floor items claim their own corners
- Shareable, stateless setups — the full configuration lives in the URL query string, no backend or database required
- Real-feeling pricing modeled on monis.rent's actual catalog: weekly rates, running total, and 1-week/1-month/3-month terms with 10–20% long-stay discounts
- Mobile-first and accessible: verified at 375/768/1440 with zero horizontal scroll, keyboard-operable controls, visible focus rings, 44px touch targets, and every spring/motion effect gated behind prefers-reduced-motion
Stack
- Next.js
- TypeScript
- Motion
- Tailwind CSS 4