Back to Projects

Viva La Contour

Production

A real business, built from scratch.

Full-stack CRM, booking system, 3D body scan viewer, and customer portal built for a luxury body contouring business. 13+ database tables, real client photos, Three.js visualization, and a brand system designed around navy, gold, and cream.

Screenshot coming soon

The Problem

The owner needed a system that matched her brand — luxury positioning with navy and gold, not the clinical white of generic SaaS. Off-the-shelf booking tools couldn't handle progress photo galleries, 3D body visualization, or multi-location management.

And she needed it running fast — client consultations happening, investors evaluating, and no room for “coming soon” placeholders.

The Solution

3D Body Scan Viewer

Three.js-powered body visualization with measurement rings, before/after ghost overlays, and simulation sliders. Clients see projected results before committing to treatments.

Full CRM + Admin Dashboard

Client profiles with treatment history, task management, appointment scheduling, market intel heat map, and AI assistant. 13+ Supabase tables with real-time subscriptions.

Progress Photo Pipeline

HEIC-to-web conversion for iPhone photos, before/after comparison galleries, and timeline-based progress tracking. Real client photos, not stock imagery.

Customer Portal

Client-facing portal with body scan viewer, progress charts, treatment goals, appointment booking, and budget planner. Full demo mode available for investor presentations.

Tech Stack

Next.js(Framework)
TypeScript(Language)
Three.js(3D Visualization)
Supabase(Backend + Auth)
PostgreSQL(Database)
Framer Motion(Animation)
Resend(Email)
Vercel(Deployment)

Key Decisions

Three.js for Body Visualization

3D body scan viewer with measurement rings and simulation sliders. Clients adjust parameters, see a projected “after” body overlaid on their scan, and compare before/after side by side. Built entirely in the browser.

HEIC Photo Pipeline

iPhones shoot HEIC. Browsers don't display HEIC. Built automatic server-side conversion so the owner can upload straight from her phone and clients see proper before/after galleries without any manual steps.

Demo Mode for Investors

Full customer portal accessible with demo credentials. Investors and partners can walk through the entire client experience — body scan, progress tracking, appointment booking — without needing real patient data.