Guindo. Diseño de Producto Digital

Autocasión

Arquitectura de información y rediseño de portal

Autocasión es un portal centrado en los contenidos y servicios transaccionales para la compra de vehículos, así como en la información de actualidad sobre el mundo del motor.

Fruto de la buena experiencia con pisos.com, el grupo Vocento volvió a confiar en nosotros durante el año 2015 para reestructurar y rediseñar uno de sus portales emblemáticos. El portal necesitaba una redefinición de la arquitectura de la información, así como un nuevo diseño que respondiera a las siguientes necesidades:

  • Mejorar la tasa de conversión y de recurrencia.
  • Facilitar el acceso a más perfiles de usuario.
  • Mejorar la integración de los formatos publicitarios, de forma que aporten más valor y no dificulten las tareas de los usuarios.
  • Integrar de forma coherente tanto las actuales como las nuevas funcionalidades, teniendo en cuenta la modularidad y escalabilidad de la plataforma.
  • Integrar soluciones optimizadas para cada una de las resoluciones (desktop, tablet y mobile), planteando un diseño responsive.

En una primera fase, durante varios meses de 2015, se realizó un trabajo de análisis exhaustivo del portal. Dicho trabajo incluyó un análisis heurístico de los flujos y pantallas clave del portal, así como un benchmark de portales internacionales de referencia y buenas prácticas del sector.

Informe Autocasion 2015

Una vez extraídas las conclusiones, se planteó un prototipo interactivo en baja resolución, para testear y validar la nueva estructura del portal; dicho prototipo sirvió además de documento funcional para los desarrolladores. Algunas de las mejoras que se introdujeron fueron:

  • Una nueva estructura apoyada en más elementos visuales e iconografía, donde la información es más fácil de escanear.
  • Se mejoran los filtros en las páginas de resultados, más escalables, de forma que siempre están presentes y acompañan al usuario.
  • Mayor tamaño de las imágenes en los anuncios.
  • Mejor agrupación de la información y llamadas a la acción.
  • Equivalencia de elementos de interacción para todos los dispositivos.
  • Todo ello respetando la anterior imagen de marca del portal.

Página de detalle de Autocasion en 2016

En junio de 2016 se lanzó la nueva versión del site. Durante la primera semana, las visitas se multiplicaron x2, llegando picos de hasta x3 respecto al anterior site, de forma que en 2016 finalizó el ejercicio con 2 millones de usuarios únicos, un incremento del 13% frente al año anterior. Esa audiencia, con sus visitas recurrentes, acumuló un total de 40 millones de visitas, con un tiempo medio de permanencia en el portal de casi 4 minutos.

Desde su fecha de lanzamiento, el nuevo portal experimentó una mejora notable de su rendimiento, pero, a principios del 2017, una serie de factores ajenos al portal habían empezado a perjudicar notablemente los resultados: fin del acuerdo con Milanuncios.com, cambios en el algoritmo de posicionamiento de Google, nuevos competidores…

Los responsables de producto volvieron a confiar en nosotros para revisar el diseño del portal. Debido al fuerte crecimiento del portal, se habían generado ciertas inconsistencias tanto funcionales como visuales:

  • Exceso de carga visual, en parte debido al gran peso de la publicidad.
  • Incoherencias en la escala tipográfica, jerarquía visual y problemas de legibilidad en algunos elementos.
  • Dificultad de interacción con los filtros y controles en algunos dispositivos.
  • Conflictos entre colores principales y secundarios.
  • Ventanas emergentes no optimizadas.
  • Exceso de llamadas a la acción en algunas páginas.
  • ...

En rasgos generales, creemos que hay que hacer una apuesta por eliminar aún más el ruido visual, así como los elementos innecesarios.

Página de detalle de Autocasion en 2017

Sobre la estructura anterior, en la nueva propuesta de diseño del año 2017 hacemos aún más foco en la definición de componentes y reutilización de elementos:

  • Definimos un único formulario de contacto que es reutilizado a lo largo de todo el site, potenciando el “efecto túnel” mediante un lightbox.
  • Potenciamos la navegación entre páginas de detalle, para facilitar la exploración.
  • Mejoramos el diseño de los filtros, dando más control al usuario.
  • Se limita la paleta de colores, para mejorar la legibilidad y usando sólo el color rojo corporativo para las llamadas a la acción, limitando el azul para los elementos publicitarios.
  • Normalizamos la escala tipográfica y los ritmos verticales.

Home de Autocasion en 2017

En resumen, una realineación y simplificación de módulos para potenciar el crecimiento del portal y facilitar el uso a sus usuarios.