App Design
Proyecto
Mamma mia!!
Mamma Mia!! es una cadena de restaurantes fundada en 2004, con seis sucursales en la ciudad, especializada en cocina italiana tradicional. Ofrece una experiencia culinaria auténtica con pizzas artesanales al horno de leña y pastas frescas hechas a mano.
Equipo
Nina Zambrano
Categorías
App móvil
Ecommerce
PROCESO CREATIVO
Caso de estudio restaurante Italiano Mamma mía!!
Problema
- Es una cadena de comida poco conocida
- Falta de promociones y comida con calificaciones
- Menú variable y saludable
- Precio asequible, puntualidad en la entrega y servicio de calidad
Solución
Ofrecer una experiencia culinaria auténtica, basada en la tradición italiana, con variedad de platos saludables. Ser la cadena de restaurantes italiana preferida y expandirse a nuevas ciudades con un precio asequible y de calidad.
Persona card
Estas personas representan a un segmento clave de clientes para Mamma Mia!!, ya que busca comida de calidad, rapidez en la entrega y transparencia en el proceso de compra.
Para mejorar su satisfacción y fidelización con la marca, la aplicación incluyó:
✅ Seguimiento en tiempo real del estado de su pedido, con actualizaciones claras y precisas.
✅ Un servicio de atención al cliente rápido y accesible en la app, que le permita resolver dudas o inconvenientes de manera inmediata.
✅ Ofertas, ya que está interesada en recibir notificaciones de descuentos y guardar pedidos favoritos.
✅ Costos transparentes, evitando sorpresas en el precio final y generando confianza.
✅ Interfaz intuitiva y atractiva, optimizada para smartphone y PC, asegurando una navegación eficiente en cualquier dispositivo.
Concepto visual
El UI Kit de Mamma Mia!! está diseñado para transmitir la esencia de la cocina italiana tradicional con un toque moderno y elegante. Se inspira en la calidez de un restaurante acogedor donde cada plato se prepara con pasión y amor por la gastronomía.
La tipografía Mulish, con sus variantes en SemiBold y Bold, aporta una combinación de legibilidad y personalidad, ideal para destacar la identidad del restaurante en menús digitales, reservaciones en línea y contenido web.
La paleta de colores refleja la autenticidad y la experiencia culinaria.
Minimal Design
App Design
Creative Idea
Wireframe: La Base de la Experiencia
El wireframe es el primer paso en la creación de la interfaz. Se trata de un esquema en blanco y negro, con elementos representados de forma básica mediante cuadros, líneas y texto. En esta fase, se definen la estructura y navegación, asegurando que los usuarios puedan:
✅ Buscar platos fácilmente.
✅ Filtrar por categorías (pizzas, platos fuertes, postres).
✅ Acceder a sus favoritos.
✅ Ver promociones y realizar pedidos sin fricción.
Prototipo: Diseño y Funcionalidad en Acción
Una vez validado el wireframe, se pasa a la fase de prototipo, donde se aplican colores, tipografía, imágenes y jerarquía visual. En el caso de Mamma Mia!!!, el diseño final incluye:
🎨 Paleta cálida con tonos naranjas y rojos que evocan la pasión de la cocina italiana.
🍕 Imágenes apetitosas que destacan los platos más populares.
✨ Interacciones fluidas, como botones llamativos y navegación intuitiva.
📌 Destacados promocionales, como combos y descuentos, optimizando la conversión.
«Un diseño sin investigación es como una receta sin ingredientes: puede parecer prometedor, pero nunca tendrá el sabor del éxito.»