Rediseño de filtros y banner de categoría (XLP)
Un banner que deja de recortar marcas y empieza a filtrar, más una barra de filtros de una fila ordenada por mejores prácticas.
de interacción en el banner rediseñado
Rol
Expert UX Designer
Año
2026
Contexto
En la página de listado de categoría (XLP), los banners redondos de categoría y marca cortaban información importante — muchas veces el logo de la propia marca — perdiendo su propósito.
Rol y colaboración
Lideré el diseño de dos iniciativas conectadas en la misma página: el rediseño del banner y la consolidación de la barra de filtros, trabajando dentro de restricciones de negocio conocidas mientras busca un diseño que sirva tanto al descubrimiento como a la conversión.
Proceso
Rediseñé el banner redondo a uno cuadrado y "vivo" que además funciona como filtro — en vez de ser una imagen estática propensa a recortes, permite al usuario seguir navegando y acotando su búsqueda sin perder contexto visual. Por otro lado, consolidé una barra de filtros de dos filas en una sola, priorizando los filtros según las mejores prácticas de Baymard Institute.
Solución
Un banner de doble propósito (visual + filtro funcional) que preserva la imagen de marca mientras agrega utilidad, y una barra de filtros de una sola fila que muestra primero los filtros más relevantes.
Resultado
+38% de interacción en el banner rediseñado, que se traduce en compras; la información de filtrado importante queda siempre visible.