Diseñé Ahorra Ya para facilitar la experiencia de hacer las compras diarias.
La app permite comparar precios de un mismo producto en distintos supermercados, crear listas inteligentes, recibir alertas personalizadas y visualizar qué tienda conviene según cercanía.
Todo con un diseño intuitivo y pensado para ahorrar tiempo y dinero. ✨
App mobile de comparación de precios y organización de compras
Lo que busco resolver con Ahorra Ya
¿Estoy pagando de más?
Muchos usuarios no saben si están eligiendo el mejor precio o si podrían ahorrar más en otro supermercado. Organizar las compras y encontrar promociones puede ser confuso, lento y frustrante.
Oportunidades de mejora detectadas
EL DESAFÍO
Dificultad para comparar precios entre supermercados.
Falta de tiempo para recorrer tiendas buscando las mejores ofertas.
Necesidad de organizar las compras según local y promociones.
¿Cómo abordé el diseño desde UX?
Me basé en el proceso de Design Thinking para crear una experiencia centrada en las personas, priorizando usabilidad, claridad y valor real para los usuarios.
Recopilé opiniones reales de personas que compran en supermercados físicos y online para detectar frustraciones, hábitos y deseos.
EMPATIZAR
Identifiqué un perfil de usuario (User Persona) representativo y tracé su recorrido completo (Journey Map) para reconocer puntos críticos en su experiencia.
DEFINIR
IDEAR
A partir de los insights, propuse funcionalidades clave como listas inteligentes, alertas de ofertas y buscador comparativo.
Prototipos clave
Una mirada rápida a los entregables UX que guiaron el proceso.
Una estrategia UX clara desde la empatía hasta la solución:
MI ENFOQUE UX
Se definieron estilos claros para mantener jerarquía visual y asegurar buena legibilidad en pantallas móviles.
TITULO PRINCIPAL
SUBTITULO
TEXTO BASE
TEXTO DE BOTÓN
ETIQUETA DE OFERTA
"Mis Listas"
"Nombre del supermercado"
"Shampoo Elvive - $3090"
"Agregar a la lista"
"¡Oferta!"
Libre Franklin Semibold - 24px
Libre Franklin Medium - 16px
Libre Franklin Regular - 13px
Libre Franklin Regular - 11-12px
Libre Franklin Semibold - 12px
Tipografía
BACKGROUND
BÁSICOS
SECUNDARIOS
BORDES
TEXTOS
BOTONES
Paleta de colores
La paleta combina tonos cálidos y suaves, generando una atmósfera amigable y cotidiana. Se utilizaron colores específicos para distinguir acciones clave, como agregar o eliminar productos.
Se usaron íconos simples y legibles, todos del mismo estilo lineal, asegurando claridad visual en tamaños pequeños.
Iconos
Los componentes fueron diseñados para ser reutilizables y adaptables, manteniendo consistencia visual y funcional en toda la app.
BOTONES
FILTROS
BARRA DE BÚSQUEDA
LOADING SPINNER
Componentes
¿Cómo se definió la identidad visual?
Para lograr una interfaz consistente y funcional, diseñé un sistema con estilos reutilizables: tipografías jerarquizadas, paleta de colores, íconos legibles y componentes adaptables a distintos escenarios.
DESIGN SYSTEM
Buscá un producto y descubrí dónde está más barato.
COMPARADOR DE PRECIOS
Seguimiento de tus artículos preferidos y notificación cuando estén en oferta.
PRODUCTOS
FAVORITOS
Editables, actualizadas automáticamente y agrupadas por local.
LISTAS POR SUPERMERCADO
Encontrá los locales más cercanos con vista previa en Google Maps.
TIENDAS CERCANAS
Explorá promociones con fecha de vencimiento y recomendadas según tus preferencias.
OFERTAS PERSONALIZADAS
¿Qué ofrece la app?
A partir de los wireframes, diseñé la interfaz final aplicando la identidad visual de la app: colores, tipografías e íconos pensados para una experiencia atractiva, clara y funcional.
Probá cómo se siente usar la app desde tu navegador:
SOLUCIÓN PROPUESTA
Comencé el diseño trabajando en wireframes de baja fidelidad que me permitieron organizar las funcionalidades clave y testear flujos antes de aplicar el estilo visual.
Este paso fue esencial para asegurar una experiencia clara y centrada en las necesidades reales del usuario.
Podemos filtrar el producto buscado por Precio o Cercania.
La opción más barata se muestra destacada, sin importar el filtro aplicado.
Cuando se quiere borrar un producto de la lista, se abre un pop-up de confirmación para evitar posibles errores.
Indica visualmente la sección actual, ayudando a ubicar al usuario dentro del flujo.
+interacciones clave
Así comenzó todo, descubrí los wireframes que dieron vida a la app:
WIREFRAMES
Viví la experiencia completa
Diseñé Ahorra Ya para facilitar la experiencia de hacer las compras diarias. La app permite comparar precios de un mismo productos en distintos supermercados, crear listas inteligentes, recibir alertas personalizadas y visualizar qué tienda conviene según cercanía. Todo con un diseño intuitivo y pensado para ahorrar tiempo y dinero. ✨
Viví la experiencia completa
Lo que busco resolver con Ahorra Ya
Muchos usuarios no saben si están eligiendo el mejor precio o si podrían ahorrar más en otro supermercado. Organizar las compras y encontrar promociones puede ser confuso, lento y frustrante.
Oportunidades de mejora detectadas
EL DESAFÍO
¿Estoy pagando de más?
Dificultad para comparar precios entre supermercados.
Falta de tiempo para recorrer tiendas buscando las mejores ofertas.
Necesidad de organizar las compras según local y promociones.
Tipografía
Se definieron estilos claros para mantener jerarquía visual y asegurar buena legibilidad en pantallas móviles.
TITULO PRINCIPAL
SUBTITULO
TEXTO BASE
TEXTO DE BOTÓN
ETIQUETA DE OFERTA
"Mis Listas"
"Nombre del supermercado"
"Shampoo Elvive - $3090"
"Agregar a la lista"
"¡Oferta!"
Libre Franklin Semibold - 24px
Libre Franklin Medium - 16px
Libre Franklin Regular - 13px
Libre Franklin Regular - 11-12px
Libre Franklin Semibold - 12px
Ver más
BACKGROUND
BÁSICOS
SECUNDARIOS
BORDES
TEXTOS
BOTONES
Paleta de colores
La paleta combina tonos cálidos y suaves, generando una atmósfera amigable y cotidiana.
Ver más
Los componentes fueron diseñados para ser reutilizables y adaptables, manteniendo consistencia visual y funcional en toda la app.
BOTONES
FILTROS
BARRA DE BÚSQUEDA
LOADING SPINNER
Componentes
Ver más
Se usaron íconos simples y legibles, todos del mismo estilo lineal, asegurando claridad visual en tamaños pequeños.
Iconos
Ver menos
DESIGN SYSTEM
Para lograr una interfaz consistente y funcional, diseñé un sistema con estilos reutilizables: tipografías jerarquizadas, paleta de colores, íconos legibles y componentes adaptables a distintos escenarios.
¿Cómo se definió la identidad visual?
Ver más
Editables, actualizadas automáticamente y agrupadas por local.
LISTAS POR SUPERMERCADO
Ver más
Seguimiento de tus artículos preferidos y notificación cuando estén en oferta.
PRODUCTOS FAVORITOS
Ver más
Encontrá los locales más cercanos con vista previa en Google Maps.
TIENDAS CERCANAS
Ver más
Explorá promociones con fecha de vencimiento y recomendadas según tus preferencias.
OFERTAS PERSONALIZADAS
Buscá un producto y descubrí dónde está más barato.
COMPARADOR DE PRECIOS
Ver menos
SOLUCIÓN PROPUESTA
A partir de los wireframes, diseñé la interfaz final aplicando la identidad visual de la app: colores, tipografías e íconos pensados para una experiencia atractiva, clara y funcional.
¿Qué ofrece la app?
Comencé el diseño trabajando en wireframes de baja fidelidad que me permitieron organizar las funcionalidades clave y testear flujos antes de aplicar el estilo visual.
Este paso fue esencial para asegurar una experiencia clara y centrada en las necesidades reales del usuario.
Podemos filtrar el producto buscado por Precio o Cercania.
Ver más
La opción más barata se muestra destacada, sin importar el filtro aplicado.
Indica visualmente la sección actual, ayudando a ubicar al usuario dentro del flujo.
Cuando se quiere borrar un producto de la lista, se abre un pop-up de confirmación para evitar posibles errores.
+interacciones clave
Descubrí los wireframes que dieron vida a la app:
WIREFRAMES
¿Cómo abordé el diseño desde UX?
Me basé en el proceso de Design Thinking para crear una experiencia centrada en las personas, priorizando usabilidad, claridad y valor real para los usuarios.
Identifiqué un perfil de usuario (User Persona) representativo y tracé su recorrido completo (Journey Map) para reconocer puntos críticos en su experiencia.
DEFINIR
Recopilé opiniones reales de personas que compran en supermercados físicos y online para detectar frustraciones, hábitos y deseos.
EMPATIZAR
Ver más
A partir de los insights, propuse funcionalidades clave como listas inteligentes, alertas de ofertas y buscador comparativo.
IDEAR
Una estrategia UX clara desde la empatía hasta la solución:
Prototipos clave
Una mirada rápida a los entregables UX que guiaron el proceso.