Mama Mia
Web con carta online y pedidos por WhatsApp para una fábrica de pastas y pizzería de Ramos Mejía.
Qué necesitaban
Querían digitalizarse lo menos posible, pero necesitaban recibir los pedidos en limpio.
Qué hice
Una web con carta que arma el pedido y lo deja escrito en WhatsApp.
El resultado
El pedido llega armado, con retiro o envío y forma de pago, listo para confirmar.
Sobre el proyecto
Mama Mia es una fábrica de pastas y pizzería familiar de Ramos Mejía, Buenos Aires. Diseñé y desarrollé su web: la carta completa, los horarios, la ubicación y una herramienta para armar el pedido, que termina en un mensaje de WhatsApp ya escrito.
Lo que querían y lo que necesitaban
Digitalizarse lo menos posible: sin cambiar su forma de trabajar y sin sumarse a plataformas de venta online.
Recibir cada pedido en limpio: completo, ordenado y listo para preparar. Todavía no lo sabían: fue la solución que les propuse.
La solución
Una web simple con la carta completa. El cliente arma su pedido con unos toques y lo envía por WhatsApp con el mensaje ya escrito. El negocio sigue atendiendo por su canal de siempre; lo único que cambia es que los pedidos llegan en limpio.
El recorrido en computadora
01 · InicioSe entiende en un vistazoQué hacen, dónde están, si el local está abierto ahora y un botón para pedir.
02 · La cartaTodo ordenado por gruposPastas, comidas caseras, pizzas, empanadas y tartas. Cada grupo se abre y se cierra para que nada abrume.
03 · Armar el pedidoSe suma con un toqueBotones «+» y «−» con la unidad que corresponde: kilo, unidad o porción. El contador del pedido siempre está a la vista.
04 · Datos y envíoDos pasos y listoNombre, retiro o envío, forma de pago y comentarios. Al lado, el resumen listo para mandar por WhatsApp.
05 · UbicaciónCómo llegar y cuándoDirección, mapa de Google y horarios, con el día de hoy resaltado y el estado del local en vivo.
El recorrido en el celular
01 · InicioLo esencial, a manoQué hacen y una barra fija abajo para pedir o escribir por WhatsApp.
02 · La cartaGrupos fáciles de tocarUna sola columna y botones grandes: se entiende sin explicaciones.
03 · Armar el pedidoCantidades con el pulgarBotones grandes para sumar y restar. La barra de abajo cuenta cuántos productos lleva el pedido.
04 · Tus datosPocos campos, bien clarosNombre, retiro o envío y forma de pago. Cada campo dice si es obligatorio u opcional.
05 · RevisiónSe revisa y se envíaEl resumen del pedido, comentarios extra y el botón que abre WhatsApp con todo escrito.
06 · UbicaciónHorarios y cómo llegarDice en vivo si el local está abierto y abre el mapa con un toque.
Así se ve en la práctica
En el video: un pedido completo, de la portada al botón de enviar, en menos de 30 segundos.
Y el pedido llega a WhatsApp ya escritoNombre, entrega, pago, productos por grupo y comentarios. Sin preguntas de ida y vuelta.
Qué le aporta al negocio
El flujo de pedidos ahora es más rápido y más ordenado: el cliente arma el pedido solo y el local solo confirma.
Llegan completos y ordenados: nombre, entrega, pago, productos y comentarios. Nadie tiene que reescribirlos.
No hace falta preguntar qué quiere el cliente ni cómo paga. El local solo confirma el total.
Las cantidades salen de botones y el mensaje siempre tiene el mismo formato.
Sigue atendiendo por WhatsApp. Sin plataformas, sin intermediarios y sin comisiones.
Como la web no muestra precios, no hay nada que cambiar cada vez que suben. El local confirma el total.
Dice en vivo si el local está abierto, muestra los horarios y cómo llegar con Google Maps.
En detalle
- Diseño. Verde profundo, naranja y amarillo, con Caprasimo para los títulos, Figtree para el texto y Caveat para los detalles a mano. Un tono cálido y de barrio, el mismo con el que el negocio les habla a sus vecinos.
- Tecnología. HTML, CSS y JavaScript, sin framework ni backend: el pedido se arma en el navegador y se envía como texto por WhatsApp. Sin JavaScript la carta se lee completa y hay contacto directo por WhatsApp y teléfono.
- Buscadores. Datos estructurados (schema.org) con dirección, teléfono y horarios, para que el local aparezca bien en Google.
- Mi rol. Diseño de producto, diseño visual, UX writing y desarrollo front-end completo.