CASE · GREEN ROOFING & SOLAR
The pergola exists before it's built
A 3D configurator, AI photorealistic renders and a public proposal, so customers see their finished patio the same day they get a quote.
- Next.js 16 · TypeScript
- React Three Fiber
- Google Gemini
- Supabase · RLS
The starting point
Selling something that doesn't exist yetforces the customer to imagine it.
Green Roofing & Solar builds aluminum pergolas and outdoor kitchens in Miami. Sales depended on blueprints, photos of other people's projects and the customer's ability to picture the result in their own backyard. That stretches out the decision, and the proposal competes on equal footing with everyone else's.
The tool flips the order: the customer sees a photo of their finished pergola before signing. The salesperson designs it live during the visit, generates the render and sends the link right there.
How it works
One walkthrough, nine steps.
Size comes first
Projection, width and clear height, typed in and shown in feet and meters at once. The geometry recalculates live: columns reposition themselves and the roof rebuilds with every slider change.
16 ft × 12 ft · height 9 ft · freestanding or attached
Under the hood
What took real work.
Translating geometry into language
The realism of the render doesn't depend on the image that gets sent, but on the prompt. We built a system that describes the exact configuration in text and adds negative rules, so the model doesn't invent what isn't there.
Parametric 3D, not mockups
Columns, roof panels, pitch, repositionable accessories and rectangular or L-shaped layouts. Everything recalculates live with every change the salesperson makes.
Public proposal on private data
The lead's landing page reads RLS-protected tables through a server-side admin client, with a per-project link and read receipts.
Multi-user with roles
Team-only access, route gating, a single admin role and profiles with photos.
Built for a non-technical owner
A guided tour inside the product, new-version alerts and a visible changelog, so they can try every change without getting lost.
- 0
- steps, from measurements to the proposal in the customer's hands
- 0
- languages: the proposal comes in English and Spanish
- 0 s
- seconds, how long the photorealistic render takes
- 0
- product features added on top of the initial visualizer
Yours could be next
We build the system for you
Like Green Roofing, your team can sell by showing instead of explaining. Tell us what you need and in 30 minutes we'll leave the call with the scope locked and a delivery date.
More case studies
Internal ERP · Management and invoicing
HiddenWire
From zero control to everything measured
Chamber of commerce · Full platform
Chamber OS
No SaaS license
Sports · Mobile app
iRowing
Real-time hardware
Roadside emergencies · Mobile app
Amhaya
3 roles, 1 codebase
Car dealerships · Identity verification
VeriTrust
12 layers, one Trust Score
Green Roofing & Solar · Miami, Florida · Next.js 16, React Three Fiber, Supabase and Google Gemini on Vercel.