Webs 3D
Pastelería con configurador de tortas en 3D
La web de una pastelería de barrio donde el cliente arma su torta en 3D, la gira con el dedo y la pide por WhatsApp.
El reto
En una pastelería, la torta personalizada se coordina con fotos de referencia y muchos mensajes: cuántos pisos, qué color, qué decoración, qué dice encima. La idea era que el cliente la viera antes de pedirla, en un celular de gama media y con datos móviles, y que el pedido llegara completo al WhatsApp del negocio, con pago por Yape o Plin y sin pasarela.
Cómo lo abordé
- Celular primero: fotos livianas en el teléfono y versiones en alta solo en computadora; el 3D se carga aparte para que la portada y el catálogo aparezcan antes.
- Configurador en seis pasos (tamaño, sabor, cobertura, decoración, mensaje y resumen) con la cámara que se mueve a lo que estás cambiando. Si el celular no soporta 3D, se muestra una foto y se puede pedir igual.
- Decoraciones (rosas, fresas, lazo, osito) generadas con IA y optimizadas a menos de 300 KB cada una; velas, macarons y números se dibujan por código.
- Todo lo que cambia el dueño vive en un archivo de datos o en una hoja de Google: precios, tamaños, fechas sin cupo y zonas de delivery, sin tocar el código.
La solución
La portada lleva a cuatro ocasiones (cumpleaños, baby shower, bodas y empresas), y cada una abre el configurador con un diseño de partida. El catálogo tiene ficha por torta con tamaños, precio y alérgenos, y un carrito que junta tortas del catálogo con la torta armada en 3D. El pedido se envía por WhatsApp ya escrito, con la fecha, la zona de delivery y el total. El calendario no deja pedir sin anticipación ni en días llenos, e incluye Libro de Reclamaciones virtual.
Resultado
- Portada con fotos y catálogo en unos 3 s con 4G lenta (470 KB)
- Configurador 3D completo en unos 7 s con 4G lenta (840 KB en total)
- El pedido llega escrito al WhatsApp: tortas, tamaños, fecha, zona y total
- Demo pública con nombre, precios y datos de ejemplo