top of page
  • Instagram
  • LinkedIn

Estrella supermarket

Generando presencia digital a un supermercado 

Problema

En la actualidad, muchas personas se enfrentan a barreras a la hora de realizar sus compras, especialmente en entornos digitales. Quienes tienen dificultades como la dislexia suelen encontrar interfaces poco accesibles, con textos confusos, botones mal ubicados o navegación complicada. A esto se suma la falta de tiempo de quienes, por motivos laborales o personales, necesitan realizar sus compras de forma rápida y en cualquier momento del día, sin depender del horario de atención de los supermercados físicos.

¿Quienes son nuestros usuarios?

. Personas con dislexia o dificultades de lectura/comprensión.

. Personas con poco tiempo disponible (trabajadores, madres/padres, estudiantes)

. Adultos jóvenes y adultos (25-60 años)

. Personas que prefieren evitar las filas o el traslado físico al supermercado.

Etapa de Research

Encuentas y entrevistas a usuarios

Para comprender mejor las necesidades de los usuarios se diseñaron encuestas exploratorias con el objetivo de simular posibles comportamientos y preferencias de los futuros usuarios de la aplicación. Esta etapa permitió recoger información valiosa para orientar las decisiones de diseño.

Resultados

. Muchos usuarios valoran una interfaz limpia, con tipografías legibles y pasos de compra simples.

. El 80% manifesto que le gustaría poder hacer compras rápidas desde el celular, sin horarios restrictivos.

. Varias personas con dislexia mencionaron que evitan apps complejas porque se sienten frustradas o confundidas.

De los resultados a la estructura del producto

Los hallazgos que obtuve en la etapa de investigación orientaron directamente las decisiones de diseño y estructura de la aplicación. 

Estructure las decisiones centrándome en la accesibilidad, la simplicidad y la autonomía del usuario.

mapa de sitio jerarquico de la aplicacion

Antes de pasar al prototipado digital, realice wireframes en papel para explorar ideas de forma rápida y flexible. Este paso me ayudo a validar la estructura general de las pantallas y pensar en la experiencia del usuario sin enfocarme todavía en lo visual.

wirframe boceto
wireframe baja fidelidad

Para cada problemática, una solución

Este es el user flow antes de la implementación de la app 

user flow de la aplicacion

¿Que solución encontré a su problemática?

La app está pensada para simplificar el proceso de compra en supermercados, permitiendo navegar el catálogo por categorías, permite agregar al carrito fácilmente y finalizar la compra en pocos pasos. Tambien para atender la problemática de usuarios con dislexia, se utilizaron criterios de accesibilidad como tipografía y estructura limpia y clara.

Equilibre usabilidad, claridad y velocidad, priorizando una experiencia de usuario amigable para todos los perfiles.

prototipo alta fidelidad

Durante el paso de los wireframes de baja fidelidad al diseño de alta fidelidad, realice algunos ajustes en la distribución y funcionalidad de ciertas pantallas para mejorar la experiencia del usuario y aplicar criterios de accesibilidad.

¡Gracias por llegar hasta acá!

bottom of page