Comercio electrónico
De cero al lanzamiento: diseño de una app de reparto
Una experiencia de compra a domicilio fluida creada desde cero, con la responsabilidad de todo el proceso, de la UX a la interfaz final, y un sistema de diseño reutilizable.
Contexto
Nana Delivery es un servicio de reparto de supermercado a domicilio centrado en ofrecer un acceso rápido y asequible a productos básicos. Pensado para que la comodidad de comprar online esté al alcance de todos, combina eficiencia y precios asequibles para cubrir las necesidades del día a día.
Reto
Diseñar desde cero una app de reparto de supermercado para usuarios que necesitan un servicio rápido y asequible. La app tenía que ser sencilla y accesible, y llegar a un público amplio, frente a otras apps de reparto que suelen ser caras o menos accesibles. El proyecto exigía idear e iterar con rapidez y, a la vez, crear un nuevo sistema de diseño que garantizara la escalabilidad y la coherencia.
Resultados
La app estaba en funcionamiento solo dos meses después de arrancar el proyecto, gracias a la rapidez en la iteración del diseño y a la colaboración. Esta entrega tan rápida contribuyó a la rápida adopción de la app, lo que ayudó a Nana a captar 3,6 millones de dólares en tres meses y a ampliar considerablemente su actividad. Un diseño fácil de usar y escalable fue clave para sostener este crecimiento y para que la app siguiera siendo accesible y eficiente a medida que crecía.
20,97 %
Crecimiento mensual de las descargas
19.360
Descargas en los tres primeros meses
Empatizar y definir
Desde el primer día sabíamos exactamente para quién diseñábamos: un público amplio que a menudo se queda fuera de los servicios de conveniencia. El objetivo era llegar a las clases C y D de Brasil (los segmentos de renta media-baja y baja), que normalmente no tenían acceso a las apps de reparto rápido por sus precios o por su cobertura limitada.
Gracias a la experiencia previa del equipo en Zé Delivery, ya contábamos con conocimientos valiosos sobre el comportamiento de los usuarios, la logística y los huecos del mercado. Eso nos permitió saltarnos largas fases de investigación y pasar directamente a una ideación rápida. Con la asequibilidad, la rapidez y la accesibilidad como pilares, empezamos a crear una experiencia adaptada a las necesidades del día a día.
Definición del problema
¿Cómo podríamos llevar un reparto de supermercado rápido y asequible a usuarios a los que las apps tradicionales no suelen atender, con una experiencia sencilla, accesible y lista para lanzarse en poco tiempo?
Idear
Con las necesidades principales de los usuarios y la dirección de negocio ya bien definidas, pude pasar directamente a bocetar y a diseñar desde cero los wireframes de los flujos principales. Apoyándome en experiencias anteriores y en apps similares, me centré en crear una estructura sencilla e intuitiva que priorizara la rapidez y la facilidad de uso, sobre todo para usuarios menos acostumbrados a comprar online. El objetivo era sentar una base sólida que después pudiéramos testear e iterar rápidamente.
Construir
Una vez definidos los wireframes iniciales, pasamos rápidamente a diseñar las pantallas en alta fidelidad para dar vida a la app. Al mismo tiempo, empezamos a desarrollar un sistema de diseño completo que garantizara la coherencia y la escalabilidad a medida que la app creciera. Al construir el sistema de diseño en paralelo a las pantallas, nos aseguramos de que los elementos visuales y funcionales de la app fueran coherentes desde el principio.
El sistema de diseño incluía pautas de uso del color, tipografía, iconografía y componentes de interfaz como botones, campos de formulario y tarjetas: todo lo necesario para mantener una experiencia coherente mientras iterábamos. Este enfoque no solo agilizó nuestro flujo de trabajo, sino que sentó las bases para el crecimiento futuro, lo que nos permitió escalar la app rápidamente sin renunciar a la calidad ni a la experiencia de usuario.
La solución
Diseñamos una aplicación móvil que acerca el reparto de supermercado ultrarrápido y asequible a comunidades desatendidas. La app se pensó para usuarios con menos ingresos (las clases C y D), con un flujo de compra ágil que lo simplifica todo, desde la búsqueda de productos hasta el pago.
Con un diseño limpio, una navegación sencilla y elementos visuales grandes y fáciles de leer, la experiencia se adaptó a usuarios con distintos niveles de familiaridad con la tecnología. Las categorías claras, las imágenes de productos reconocibles y la mínima fricción garantizaban que incluso quien compraba por primera vez pudiera hacer un pedido en pocos minutos.
El objetivo era ofrecer comodidad real a quienes normalmente tienen que elegir entre precio y practicidad, con una experiencia de compra fiable, rápida e intuitiva desde el móvil.
Experiencia de compra
Creamos un flujo de compra rápido e intuitivo centrado en la rapidez, la claridad y la facilidad de uso, para ayudar a los usuarios a encontrar y añadir productos en poco tiempo. La pantalla de inicio da acceso rápido a las categorías, a las promociones y a los productos más populares, mientras que las páginas de categoría y de producto están estructuradas para facilitar la búsqueda y la comparación. Las zonas táctiles grandes, los diseños limpios y las interacciones sencillas permiten llenar el carrito en pocos minutos.
Este flujo se diseñó para minimizar la fricción y facilitar la toma de decisiones, de modo que los usuarios puedan completar su pedido incluso en un día ajetreado.
Flujo de pago
El proceso de pago se diseñó para que resultara sencillo y transmitiera confianza. Los usuarios pueden revisar su pedido, elegir las opciones de entrega y seleccionar un método de pago en una experiencia limpia y paso a paso.
La información clave, como el plazo de entrega y el precio total, se muestra con claridad, lo que da a los usuarios la confianza necesaria para finalizar su compra sin dudar.
