Proyecto académico - FADU UBA
Mango
Mobile First Food Delivery App
Abril 2023
En un mercado saturado de opciones, el usuario hambriento no tiene paciencia. El desafío de Mango no fue reinventar el delivery, sino perfeccionarlo. Diseñamos una experiencia centrada en la velocidad, reduciendo la carga cognitiva para que el usuario pase del "hambre" al "pedido confirmado" en el menor tiempo posible.
SERVICES
Interaction
Project Overview
- Minimizar los pasos para completar el checkout (tasa de conversión). - Diseñar una interfaz intuitiva para usuarios no tecnológicos. - Proveer feedback del estado del pedido en tiempo real para reducir la ansiedad.
Analizamos las apps líderes del mercado y detectamos patrones de frustración: menús infinitos, fotos engañosas y procesos de pago complejos. Mango nace bajo la premisa "Mobile First": botones grandes al alcance del pulgar, tipografía legible y una arquitectura de información que prioriza la re-compra y los favoritos.
Una app de delivery que prioriza la usabilidad y la transparencia, diseñada estrictamente bajo patrones de diseño móvil modernos (iOS/Material Design).
Approach
Mapa de calor o esquema mostrando la "Thumb Zone" (zona del pulgar) en la pantalla.
La estrategia se basó en la ergonomía. Sabiendo que el 90% de los usuarios pide comida con una sola mano mientras hace otra cosa, ubicamos los elementos de navegación y acción (CTA) en la zona inferior de la pantalla. Eliminamos el desorden visual para que la fotografía del producto sea el héroe.
Diseño centrado en la ergonomía móvil y la reducción de fricción en la navegación.
Process
Seguimos un proceso de diseño iterativo clásico. Comenzamos con User Flows para mapear el "Happy Path" (el camino ideal de compra). Luego pasamos a Wireframes de baja fidelidad para validar la estructura sin distraernos con el color. Finalmente, aplicamos un UI Kit consistente con colores vibrantes (Naranja/Verde) que estimulan el apetito y denotan frescura.
User Flows -> Wireframes (Lo-Fi) -> UI Design (Hi-Fi) -> Prototipado.
Si un elemento no ayuda al usuario a pedir su comida, se elimina. La interfaz debe ser invisible.
Final Design
Una interfaz limpia que utiliza el espacio en blanco para dejar respirar el contenido. Tarjetas de producto claras, un carrito de compras siempre visible y un sistema de iconografía universal para que la curva de aprendizaje sea cero.
Estética funcional y apetitosa que guía al ojo hacia el botón de "Comprar".
Product Images
