Diseñando un mercado local de víveres para Valledupar.
Mi Plaza reunió a los vendedores locales en una sola app para que la gente con poco tiempo pudiera hacer su mercado semanal en pocos toques. Lideré de principio a fin el diseño UX y la estrategia de marca, de la investigación al primer lanzamiento.
- Rol
- Diseñador UX líder y estratega de marca
- Empresa
- Mi Plaza Digital
- Duración
- Unas 30 semanas hasta el primer lanzamiento
- Plataforma
- iOS y Android
Problema
Vendedores dispersos, largas filas en las tiendas y horarios de entrega poco claros impedían que los hogares ocupados de Valledupar compraran seguido, o bien.
Solución
Una sola app para los vendedores locales, con un pago más corto y horarios de entrega confiables.
Impacto
Cerca de un 30% más rápido que los antiguos pedidos por teléfono, medido en pruebas de usabilidad. Cerca del 20% de los usuarios del piloto seguían pidiendo cada semana después de cuatro semanas.
Contexto
Diseñando para gente sin tiempo que perder.
Mi Plaza Digital me contrató como diseñador UX líder y estratega de marca. La idea era reunir en una sola app a los vendedores locales a los que la gente ya les compraba, para que comprar lo esencial de la semana dejara de quitarles tiempo.
El encargo cubría identidad de marca, diseño de producto y salida al mercado, de principio a fin, hasta el primer lanzamiento en iOS y Android. Fue un cambio real para gente acostumbrada a pedir por teléfono, y la respuesta tras el lanzamiento fue mayormente positiva.
El problema
¿Cómo haces que el mercado quepa en una vida sin tiempo libre?
Antes de Mi Plaza, la gente les pedía a los vendedores locales por teléfono, dictando una lista sin poder ver qué había disponible ni cuánto costaba hasta que llegaba el domicilio. Comprarles a varios vendedores por separado, hacer largas filas en las tiendas y adivinar los horarios de entrega hacía que compraran con menos frecuencia, o que se rindieran a mitad de camino.
Investigación
Conoce a David.
Persona representativa basada en nuestra investigación. No es un participante real.
Hice investigación etnográfica para identificar los puntos de dolor que hacían perder tiempo en las apps de mercado existentes, y luego validé la arquitectura de información y detecté fricciones con rondas de pruebas de usabilidad con 15 participantes.
- Edad
- 23
- Ocupación
- Estudiante
- Estado civil
- Soltero
- Ubicación
- Valledupar, CO
Descripción
David Ospino es un estudiante de arquitectura nacido y criado en Valledupar, Colombia, que lleva años usando apps de domicilios de comida. Es típico de las personas para quienes construimos: gente ocupada en Valledupar, desde estudiantes hasta amas de casa, que no tiene tiempo de armar una lista de compras recurrente y se frustra por lo mucho que tarda.
Personalidad
Etiquetas
Puntos de dolor
- Quiere un catálogo de productos más amplio.
- El pago se limita a efectivo o tarjeta, sin otras alternativas.
- Quiere más variedad de ofertas en otros productos.
- Pierde tiempo seleccionando productos durante la compra.
- Los horarios de entrega se limitan de 7 a. m. a 7 p. m.
Propuesta de valor
Mi Plaza es una app móvil para comprar una lista de mercado recurrente en menos de tres pasos, encontrar las mejores ofertas de forma eficiente y recibir lo esencial del hogar en menos de 30 minutos.
Posibles riesgos
Las apps de este tipo ya no se limitan a los domicilios. Rappi ya maneja servicios cercanos como seguros, e iFood ofrece una experiencia de compra más cercana y personal. La pregunta abierta: ¿cuánto de ese alcance debía asumir Mi Plaza para seguir siendo competitiva?
Referentes
Rappi, iFood y Uber Eats, las apps que ya definen lo que los usuarios esperan de los domicilios y la comodidad.
MVP: usuario objetivo
Hogares ocupados en Valledupar, desde estudiantes hasta amas de casa, que compran lo mismo cada semana y les cuesta encontrar productos específicos.
El lienzo original de la persona en el que se basa la sección anterior.
El recorrido emocional que mapeé para una salida de compras antes de Mi Plaza: empieza neutral, cae con las restricciones sanitarias de la pandemia, los estantes vacíos y las filas para pagar, y solo se recupera cuando el pedido se confirma.
Exploración inicial a mano de la marca Mi Plaza, iterando sobre el motivo del toldo de tienda y el logotipo antes de llegar al logo final.
Enfoque
Cinco fases y un UI kit compartido.
Construimos un UI kit con estilos de texto, lineamientos de movimiento y una paleta de color compartida entre diseñadores y desarrolladores, para que el producto se mantuviera consistente mientras el equipo lanzaba rápido.
Investigación etnográfica
Entrevistas, benchmarking y datos de Google Trends para validar la persona antes de dibujar cualquier pantalla.
Marca y lenguaje visual
Diseñé la identidad de marca y el lenguaje visual, respaldados por un diseño de propuesta de valor y un lienzo de modelo de negocio.
Mapa del recorrido
Mapeé el recorrido del cliente y recorté pasos desde la selección hasta el pago, usando card sorting y wireframes rápidos; las sesiones mostraron que las categorías debían estar a un toque del inicio, no enterradas en un menú.
Desarrollo
Trabajé junto a los desarrolladores durante la construcción en iOS y Android, y lanzamos por épicas escalonadas con los gerentes de producto.
Probar e iterar
Hice rondas de pruebas de usabilidad y actualicé el UI kit y el sistema de diseño después de cada lanzamiento.
- Métodos
- Investigación, arquitectura de información, pruebas de usabilidad
- Duración
- Unas 30 semanas, primer lanzamiento
- Gestión
- Scrum / Kanban
- Herramientas
- Figma, Adobe XD, User Testing
Guía de marca
El toldo de una tienda con una sonrisa debajo.
Los bocetos de arriba se decidieron por el toldo. Abajo: cómo se construye el toldo y cómo se usan los colores.
Dentro de la app
Compra tu lista habitual en menos de tres pasos.
Cinco pantallas del flujo principal, de la bienvenida al pago.
Bienvenida
Plantea la promesa de encontrar rápido lo que necesitas, antes de que el usuario vea una cuadrícula de productos.
Detalle del producto
Descripción nutricional completa y tres acciones posibles: agregar, guardar para después o comprar ahora.
Favoritos
Un toque devolvía al carrito lo básico del mes.
Canasta
Subtotal, promociones y pago visibles a la vez, sin costos sorpresa al final.
Pago
Resumen del pedido, costo del domicilio y método de pago confirmados antes de hacer el cobro.
Recorrido
Un recorrido completo por el flujo de compra, pantalla por pantalla.
Mi Plaza Digital
“Luis es un gran diseñador y mentor. Me ayudó a fundar MiPlaza.co y diseñó el sitio web original y el logo. Hace poco diseñó la nueva versión de la app móvil. Es excelente en lo que hace.”
Emprendedor en Mi Plaza
Impacto
Las cifras del piloto y el lanzamiento, medidas frente a los pedidos por teléfono que la gente hacía antes.
~30%
Más rápido completar un pedido semanal, medido frente al antiguo proceso de pedido por teléfono.
~20%
De los usuarios del piloto seguían pidiendo cada semana después de cuatro semanas, según la analítica de la app.
Positivo
Comentarios NPS de los usuarios del piloto.
~20%
Crecimiento de la red de vendedores en los primeros tres meses.
Prototipo
Prueba el prototipo de Adobe XD.
Un prototipo interactivo del flujo de Mi Plaza, construido en Adobe XD.
Nota final
Los pedidos semanales tomaban cerca de un 30% menos de tiempo que hacerlos por teléfono, y cerca del 20% de los usuarios del piloto seguían pidiendo cada semana un mes después.