Contanos tu idea

CASO · GREEN ROOFING & SOLAR

La pérgola existe antes de construirla

Configurador 3D, render fotorrealista con IA y propuesta pública, para que el cliente vea su patio terminado el mismo día que lo cotiza.

  • Next.js 16 · TypeScript
  • React Three Fiber
  • Google Gemini
  • Supabase · RLS

El punto de partida

Vender algo que todavía no existeobliga al cliente a imaginarlo.

Green Roofing & Solar construye pérgolas de aluminio y cocinas exteriores en Miami. Su venta dependía de planos, fotos de obras ajenas y la capacidad del cliente para imaginarse el resultado en su propio patio. Con eso, la decisión se estira y la propuesta compite de igual a igual con la de cualquier otro.

La herramienta invierte el orden: el cliente ve la foto de su pérgola terminada antes de firmar. El vendedor la diseña en vivo durante la visita, genera el render y le manda el link ahí mismo.

Cómo funciona

Un recorrido, nueve pasos.

Panel de medidas del configurador con la pérgola en 3D
PASO 011 · Medidas

Primero, el tamaño

Proyección, ancho y altura libre, tipeables y en pies y metros a la vez. La geometría se recalcula en vivo: las columnas se reubican solas y el techo se rearma con cada cambio del slider.

16 ft × 12 ft · altura 9 ft · independiente o contra muro

Bajo el capó

Lo que costó trabajo.

Traducir geometría a lenguaje

El realismo del render no depende de la imagen que se manda, sino del prompt. Se construyó un sistema que describe la configuración exacta en texto y le suma reglas negativas, para que el modelo no invente lo que no está.

3D paramétrico, no maquetas

Columnas, paneles de techo, pendiente, accesorios reposicionables y formas rectangular o en L. Todo se recalcula en vivo con cada cambio del vendedor.

Propuesta pública sobre datos privados

La landing del lead lee tablas protegidas por RLS mediante un cliente admin del lado del servidor, con link por proyecto y aviso de lectura.

Multiusuario con roles

Acceso sólo para el equipo, gate de rutas, rol de administrador único y perfiles con foto.

Pensado para un dueño no técnico

Tour guiado adentro del producto, aviso de nueva versión y changelog visible, para que pueda probar cada cambio sin perderse.

0
pasos, de la medida a la propuesta en manos del cliente
0
idiomas: la propuesta sale en inglés y en español
0 s
segundos, lo que tarda el render fotorrealista
0
features de producto sumadas sobre el visualizador inicial

El próximo puede ser el tuyo

Te hacemos el sistema a vos

Como Green Roofing, tu equipo puede vender mostrando en vez de explicando. Contanos qué necesitás y en 30 minutos salimos de la llamada con el alcance cerrado y una fecha de entrega.

Green Roofing & Solar · Miami, Florida · Next.js 16, React Three Fiber, Supabase y Google Gemini sobre Vercel.