Kallpa
Concepto de tienda para cafetería de especialidad con brunch: carta de 53 platos con filtros y búsqueda, carrito que vive solo en el navegador y pedido que termina en un mensaje de WhatsApp.
El Contexto
Las cartas de las cafeterías de especialidad suelen vivir en PDF o solo en el mostrador: el cliente no ve toda la oferta antes de ir, no puede filtrar por categoría ni ingredientes y cada pedido termina en una conversación larga de mensajes.
La Propuesta
Diseñé y desarrollé un concepto completo de web para una cafetería de especialidad con brunch: carta de 53 platos en 11 categorías con filtros y búsqueda, carrito que vive solo en el navegador y un pedido que se arma y envía por WhatsApp, sin backend ni base de datos.
Características Clave
- Carta completa de 53 platos en 11 categorías con filtros y búsqueda
- Fichas individuales de cada plato con ingredientes y alérgenos
- Carrito que vive solo en el navegador: islas Preact persistidas en localStorage, sin backend ni base de datos
- Checkout que arma el pedido y lo envía como mensaje de WhatsApp
- Reservas y eventos privados con formularios que terminan en WhatsApp
- Blog con 6 artículos de café de especialidad
- Diseño editorial monocromo con movimiento (GSAP + Lenis) y progressive enhancement
Resultados
El proyecto demuestra cómo una cafetería puede exponer su carta completa sin backend: catálogo navegable con filtros, carrito y pedido que termina en un solo mensaje de WhatsApp, con carga inmediata por servirse como sitio estático.
En Detalle
Proyecto conceptual de creación propia: una cafetería ficticia de café de especialidad con brunch para explorar cómo una carta completa se navega, se filtra y termina en un pedido por WhatsApp sin backend. Diseño, contenido y desarrollo completos desde cero en Astro 7.
Enfoque del Proyecto
- Catálogo completo: 53 platos en 11 categorías, con filtros, búsqueda y ficha por plato
- Pedido sin backend: carrito frontend que se arma y envía como un solo mensaje de WhatsApp
- Diseño editorial monocromo: una sola familia tipográfica, bordes de 1px y color solo en las píldoras de categoría
¿Te interesa un proyecto similar?
Cuéntame qué necesitas para tu negocio y lo revisamos directo por WhatsApp.