Volver a casos de estudio
Micro-SaaSRestaurantes / Comida·2026

Catálogo Digital + Pedidos por WhatsApp

Menú en línea para restaurantes: el cliente arma su pedido y llega listo por WhatsApp con el subtotal exacto

Catálogo Digital + Pedidos por WhatsApp

Proyecto concepto: este caso ilustra cómo abordamos este tipo de proyecto — no corresponde a un cliente real. Las decisiones técnicas y funcionalidades descritas son reales; el nombre de marca, el reto de negocio y cualquier cifra de impacto son un ejemplo ilustrativo, no resultados verificados de un cliente.

Año

2026

Industria

Restaurantes / Comida

Entrega

Listo para usar

¿Cuál era el problema?

Situación inicial

Los restaurantes y negocios de comida pequeños reciben la mayoría de sus pedidos por WhatsApp, pero su menú vive en fotos, PDFs o historias de Instagram que hay que reenviar una y otra vez.

Pain point principal

Cada pedido llega desordenado: el cliente pregunta precios, olvida extras o la dirección, y alguien del negocio tiene que sumar a mano y confirmar todo por chat — lento y con errores en la cuenta.

Restricciones

Tenía que funcionar sin pasarela de pago (el pedido se cierra por WhatsApp), ser editable por un dueño sin conocimientos técnicos, y poder replicarse para muchos negocios desde un solo código y un solo proyecto de Firebase.

¿Cómo lo resolvimos?

Decisión arquitectónica clave

Una sola base de código multi-negocio: cada restaurante es un documento en Firestore con su propia marca, colores, WhatsApp y horario, y su propio sitio de Hosting compilado con su identificador. Las reglas de seguridad garantizan que cada dueño solo edite su negocio.

Catálogo por categorías con buscador automático cuando hay 15+ productos

Variantes y grupos de opciones (tamaños, toppings) con precio final calculado

Carrito con tipo de entrega, método de pago y cálculo de cambio en efectivo

Pedido enviado por WhatsApp con mensaje pre-armado y subtotal exacto

Horario de atención con estado abierto/cerrado en vivo y cierre manual para festivos

Panel del dueño: productos, categorías, fotos optimizadas y marca con vista previa en vivo

PWA instalable con menú disponible sin conexión

SEO con datos estructurados (schema.org Restaurant + Menu) y vista previa al compartir el enlace

Lo que descartamos (y por qué)

Checkout con tarjeta dentro del catálogo — el público objetivo ya cierra sus ventas por WhatsApp; añadir una pasarela sumaba fricción y comisiones sin resolver el problema real, que era el pedido desordenado.

Ficha Técnica

Stack

ReactViteTypeScriptTailwind CSS 4

Infraestructura

Firebase Hosting (un sitio por negocio)

Integraciones

Firebase FirestoreFirebase AuthFirebase StorageCloud FunctionsWhatsApp (enlace de pedido)Lemon Squeezy (suscripciones)

Entrega

Listo para usar

Producto VitrinaDev — suscripción mensual

¿Quieres resultados similares?

Hablemos de tu proyecto. Sin compromiso.

Cotizar por WhatsApp
Probar la demo en vivo
Chatear ahora