Propuesta exclusiva para Perfumería Colibrí
Construida especialmente para evaluación interna del equipo de Colibrí. Va con cotización formal de Voltanet Lab.
Colibrí · DemoDEMOSTRACIÓN PRIVADA · ACTIVAConfigurador de fragancias
Demo confidencial Datos reales Cumplimiento legal FLUJO · 7 PASOS STACK TÉCNICO
Configurador de fragancias
Perfumería Colibrí
Una propuesta web minimalista para que tus clientes armen su pedido paso a paso y lo cierres por WhatsApp.
Catálogo y precios cargados desde tu lista oficial
20/30/50/60/100 ml con precio unidad y mayor a partir de 6 uds. Primera tanda de fragancias cargada (caballero, dama, unisex).
Sin logos oficiales · solo lenguaje comparativo
Ningún logo de marca registrada en el código. Solo 'Inspirado en…' + disclaimer permanente en el footer.
Wizard mobile-first
- 01Elegir fragancia
- 02Envase + tamaño
- 03Cantidad
- 04Agregar al pedido
- 05Delivery o retiro
- 06Datos del cliente
- 07Comanda → WhatsApp
Cómo está construida
- ◆Next.js 16 (App Router · Turbopack · runtime Node)
- ◆TypeScript estricto · Tailwind 4 · CSS aislado (paleta Colibrí)
- ◆Framer Motion: transiciones de wizard, drawer, shake en error
- ◆Zustand persistido en localStorage para el carrito
- ◆Leaflet + OpenStreetMap (sin API key) con haversine para cotizar delivery
- ◆Comanda formateada → deep link wa.me con ubicación opcional
- ◆Sub-app aislada bajo /perfumeriacolibridemo con su propio gate y password