EQUIBOX
El sistema completo de cotización y venta para una fábrica de boxes equinos de Berazategui: el comprador arma su caballeriza en 3D y el equipo de ventas cotiza con envío, financiación y CRM, incluso sin señal.
Los boxes modulares tienen muchísimas combinaciones: disposición, medidas, paredes, puertas, accesorios y distancia de envío. Al comprador le costaba imaginar el resultado y cada presupuesto se armaba a mano, muchas veces en exposiciones rurales sin internet.
Un cotizador paso a paso con un render 3D paramétrico que se rearma con cada elección. La versión pública le da al comprador una ficha en PDF y el pedido de presupuesto por WhatsApp; los vendedores, con sesión, obtienen la cotización completa con precios, envío y planes de pago, más un CRM para el seguimiento.
Un producto, tres frentes
Cotizador 3D
El comprador arma su caballeriza y la ve en 3D mientras elige.
- Render en vivo con texturas de madera reales y modo día/noche
- Asistente de 7 pasos: estructura, modelo, boxes, paredes y accesorios
- Plantas en hilera, espalda con espalda, enfrentadas, en L o en U
- Ficha en PDF con las vistas del render
- Pedido de presupuesto por WhatsApp con la configuración
Panel de ventas
Los vendedores cotizan con precios y hacen el seguimiento.
- Cotización con precios, solo con sesión de vendedor
- Envío calculado por kilómetro con Google Maps
- Planes de pago, cuotas y cupones de descuento
- CRM con estados, próximos contactos y cobranzas
- Reportes con gráficos y roles de admin y vendedor
Infraestructura
Pensado para usarse en el campo, con o sin señal.
- App instalable que funciona sin conexión
- Supabase: Postgres, Auth, Storage y Edge Functions
- Row Level Security y límite de pedidos por dispositivo
- Avisos por mail automáticos en cada cotización
- Headers de seguridad estrictos (CSP, HSTS)
El comprador ve su caballeriza antes de firmar, y el equipo de ventas cotiza, financia y hace el seguimiento desde la misma herramienta, en la oficina o en un stand sin señal.
El motor 3D nació acá: mirá cómo siguió →Neutro, para que resalte la madera
La interfaz sigue al sitio principal de la marca: negro, blanco y grises, bordes casi rectos y una sola tipografía. El único color en pantalla lo pone el producto: los tres acabados de madera del render 3D.
Tipografía: Montserrat — una sola familia para que cargue rápido con poca señal
Tinta
#111111
Fondo
#F4F4F4
Madera Chocolate
#482915
Madera Nórdico
#B77A31
Lo difícil, resuelto
Cotizar sin señal, en una exposición rural
Las cotizaciones se guardan primero en el dispositivo (IndexedDB) y se sincronizan cuando vuelve la conexión. Cada una lleva un identificador generado en el cliente con índice único en la base, así los reintentos nunca duplican un contacto en el CRM. El service worker sirve la app completa sin red.
3D fluido en un iPad
Tope de resolución en pantallas táctiles, sombras calculadas una sola vez, un máximo de luminarias de noche y un límite visual de boxes por grupo que no limita lo que se puede cotizar. La cámara se reencuadra sola según el tamaño del conjunto. La noche está exagerada a propósito: el cotizador se usa en stands al sol.
Un backend público, pero cerrado
Cualquiera puede pedir una cotización sin cuenta, así que la seguridad está en la base: políticas RLS y permisos tratados como dos capas distintas, triggers con search_path fijo, límite de pedidos por IP y por dispositivo, y el mail de aviso se arma en el servidor a partir del id, para que nadie pueda inyectar su contenido.
Un PDF que muestra lo que se cotizó
El presupuesto se genera en el navegador como PDF vectorial e incluye la vista isométrica y la planta tomadas del mismo render que vio el cliente, más las fotos de los accesorios elegidos.
Desarrollado de punta a punta
Frontend
- React 18
- Vite
- React Router
- CSS con tokens
3D
- Three.js
- Texturas PBR + HDRI
- Geometría paramétrica
Backend
- Supabase (Postgres, Auth, Storage)
- Edge Functions (Deno)
- Row Level Security
Integraciones
- Google Distance Matrix
- Resend (email)
Documentos
- jsPDF (PDF vectorial)
- Capturas del render
Operación
- Vercel
- PWA + Service Worker
- IndexedDB (cola offline)
El cotizador en acción
¿Fabricás algo que tus clientes no se imaginan?
Un cotizador 3D les deja verlo antes de comprar y le da a tu equipo el presupuesto en minutos. Contame qué fabricás.