Hecho por NGB Solution
El problema
ADA Activewear, una marca de ropa deportiva femenina en Colombia, vendía por Instagram y WhatsApp. Cada clienta preguntaba lo mismo (precio, tallas, colores, envío), los pedidos quedaban regados en chats y la dueña llevaba ventas, gastos e inventario en notas y hojas sueltas, casi siempre desde el celular.
Para qué se hizo
Para que la clienta vea el catálogo completo, arme su pedido y llegue a WhatsApp con todo ya escrito, y para que la dueña maneje el negocio desde un solo panel en su celular: qué se publica, qué se pidió, qué se vendió, qué queda y cuánto le dejó el mes.
Qué se construyó
- Tienda: portada, catálogo con filtros, ficha de producto con fotos, tallas y colores, y un pedido que pide los datos una sola vez, guarda la autorización de tratamiento de datos (Ley 1581) y abre WhatsApp con el pedido y su código.
- Catálogo con borrador y publicación: la dueña edita sin que la tienda cambie, revisa una vista previa y publica. Cada publicación queda en un historial y se puede volver a una anterior.
- Negocio: pedidos web por estado, ventas que descuentan el inventario, gastos con soporte, clientas y finanzas del mes con exportación a Excel.
- Panel instalable en el celular, con verificación en dos pasos para entrar.
- Fotos comprimidas en el propio teléfono antes de subirlas: una foto de 3 MB queda en unos 230 KB.
Cómo se construyó
- Sin servidor propio y en planes gratuitos: la tienda y el panel son archivos estáticos en Cloudflare Pages; los datos, las fotos y el acceso están en Supabase, con reglas que impiden leer clientes, ventas o costos sin sesión.
- Rápida en el celular: la portada sale ya dibujada desde el servidor y el código del panel solo se descarga al entrar a
/admin. - Probada antes de entregarla: 82 de 82 intentos de leer o escribir sin sesión bloqueados en producción, 98 de 98 pruebas de permisos, 9 de 9 flujos completos de punta a punta, 60 pantallas revisadas en accesibilidad y 99/100/100/100 en PageSpeed Insights (celular).
Resultado
[CONFIRMAR] ¿Ya recibe pedidos reales por la tienda? ¿Cuántos por semana y cuánto tiempo le ahorra el panel a la dueña?
Qué puedes ver en la demo
Es el prototipo navegable que la clienta aprobó antes de conectar la base de datos, con el mismo diseño de la tienda en producción. Usa datos de ejemplo guardados en tu navegador y contactos ficticios: el pedido no se envía a ningún WhatsApp real. Abrir directamente el panel de la dueña. La tienda real, donde compran sus clientas, está en ada-activewear.pages.dev.