LEAD

2022

Mejora del search

La búsqueda de la app presentaba deficiencias que afectaban la experiencia del usuario con funciones desactualizadas, una página de resultados que dificultaba encontrar productos, ausencia de historial de búsquedas y un buscador no visible al entrar al home.

Figma, herramienta de diseño de interfaces
InVision, herramienta de prototipado
UserBerry, herramienta de testing de usabilidad

2

Sprint

4 Sem.

Duración

Mobile

Dispositivo

FASE 1 - Análisis

Abordaje

El punto de partida no fue una hipótesis, fueron cuatro problemas ya identificados: funciones obsoletas, una PLP que no ayudaba a decidir, cero historial de búsquedas y un buscador escondido en el home. El objetivo del sprint 1 era entender el tamaño real de cada uno antes de proponer nada.

FASE 1 - Análisis

el research

Trabajé con dos fuentes de evidencia distintas: un benchmark de tres apps líderes del rubro deportivo, y la lectura directa de reseñas y correos de soporte de usuarios reales. Una muestra cómo resuelve la competencia, la otra muestra dónde duele hoy.

PRUEBAS

Benchmark

3 apps líderes comparadas

Comentarios de clientes

10 comentarios reales analizados

FASE 1 - Análisis

Resultado del research

El benchmark y los comentarios de usuarios señalaban los mismos cuatro puntos, funciones obsoletas sin sugerencias útiles, una PLP que no dejaba encontrar ni elegir productos, cero historial de búsquedas y un buscador casi invisible en el home. La conclusión fue clara: el componente necesitaba una actualización integral, no ajustes puntuales.

El buscador exigía escribir sin errores para encontrar algo. Ni autocompletado ni corrección ortográfica, algo que Nike, Adidas y Foot Locker ya tenían resuelto hace tiempo.

Para saber el precio o la talla disponible había que entrar al producto. La PLP obligaba a un clic extra que la competencia ya había eliminado.

Ninguna búsqueda quedaba guardada. Los usuarios lo reclamaban directamente en las reseñas: tener que rehacer la misma consulta cada vez que abrían la app.

El buscador no aparecía al abrir la app. Antes de poder evaluar si funcionaba bien o mal, el usuario ya tenía que buscarlo primero a él.

FASE 2 - Diseño

Design System y Wireframe

La propuesta se organizó en cinco frentes de trabajo: motor de búsqueda con auto-sugerencias, corrección ortográfica y búsqueda semántica; PLP rediseñada con marca, precio y talla a la vista; historial de búsquedas centralizado en el propio componente; control de borrado individual y masivo; y un buscador reubicado en un punto visible del home.

Tipografía

Helvetica Neue: legible, neutra y que no le resta protagonismo al producto.

Helvetica Neue

Helvetica Neue Light

Helvetica Neue Regular
Helvetica Neue Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 – !@#$%^&*(){}[]

Colores

Una paleta de azules con jerarquía clara: el primary guía la acción, el resto da estructura sin ruido.

Primary

#5981FA

Secondary
#2057FC
#CDDEFF
#2B318A
#6A6E83

Componentes

Buscador con más visibilidad en el home, borrado de búsquedas individual o masivo, historial de búsquedas anteriores, resultados de texto que llevan a PLP o PDP, categoría seleccionada con su PLP, mejora visual de la PLP y pantalla de producto no encontrado.

Wireframe

El flujo completo del rediseño: desde el buscador vacío, pasando por el historial de búsquedas anteriores (con opción de borrado individual o masivo), hasta los resultados en tiempo real con sugerencia de categoría. Al seleccionar «Rugby», la PLP se filtra mostrando marca, talla y precio de cada producto sin necesidad de entrar a cada uno.
Pantalla de búsqueda rediseñada en Mejora del Search
Add Your Tooltip Text Here
Pantalla de búsqueda rediseñada en Mejora del Search
Add Your Tooltip Text Here
Pantalla de búsqueda rediseñada en Mejora del Search
Add Your Tooltip Text Here
Pantalla de búsqueda rediseñada en Mejora del Search
Add Your Tooltip Text Here
Pantalla de búsqueda rediseñada en Mejora del Search

Add Your Tooltip Text Here

FASE 3 - Validación

Encuesta NPS y A/B Testing

Validé el rediseño con dos pruebas: una encuesta NPS y un A/B testing con clientes reales usando la versión navegable.

Encuesta NPS

3.450 usuarios encuestados

A/B Testing

100 clientes reales testearon

Metodología de validación

Encuesta NPS
A/B Testing