Diseño UX y UI para productos automotrices en varios países

Claridad para recorridos de usuario automotrices complejos

Automoción

Aplicación móvil

Europa

CLIENTOLX GROUP Ltd.
LOCATIONLisboa, Portugal
EQUIPOUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSITE

OLX opera una de las plataformas de anuncios clasificados más grandes de Europa Central y del Este, con millones de personas que utilizan el marketplace automotriz para buscar y publicar coches, motocicletas y piezas a través de apps nativas y la web móvil. El vertical de automoción había crecido mediante muchas decisiones de producto locales y experimentos. Países como Polonia, Portugal y Rumanía habían introducido sus propios filtros, flujos y puntos de entrada. Los compradores y vendedores aún podían completar sus tareas, pero el diseño UX general del marketplace se volvió más difícil de dirigir. Los equipos de producto veían una acumulación de funcionalidades, los responsables de país impulsaban variaciones locales, y el desarrollo tenía que rehacer los flujos en fases tardías del ciclo.

Este proyecto forma parte de nuestro trabajo continuo en el diseño de marketplaces de automoción y plataformas de consumo a gran escala, donde la UX basada en evidencia, la arquitectura de producto multi-país y la optimización de marketplaces de dos lados dan forma a interfaces para millones de usuarios en mercados diversos.

OLX invitó a nuestra agencia de diseño de plataformas de consumo a ayudar en tres frentes. Primero, aclarar la estructura de la app de compra de coches entre países, lo que describimos como la UX architecture. Segundo, crear conceptos que muestren cómo deberían funcionar los recorridos para compradores y vendedores en un marketplace automotriz a gran escala. Tercero, establecer un design system que sus propios diseñadores e ingenieros pudieran usar en iOS, Android y la web móvil.

Aplicamos Dynamic Systems Design, un método que hace crecer las soluciones mediante experimentación integrada, resuelve las tensiones entre la optimización local y la coherencia del sistema, y acompaña la implementación hasta que las organizaciones alcanzan la independencia.

La colaboración duró diez semanas y combinó trabajo en Lisboa con colaboración remota. Nuestro enfoque no fue una renovación visual, sino cuestiones de escala de plataforma. Cómo debería funcionar una plataforma de anuncios de vehículos de dos lados en distintos mercados. Cómo pueden los equipos añadir funcionalidades sin fragmentar la experiencia. Cómo pueden los actores internos en diferentes países tomar decisiones a partir del mismo mapa.

NUESTRAS CONTRIBUCIONES

Evidence-Based Research

Product Architecture

Arquitectura de la información

Interaction Architecture

Prototipos de alta fidelidad

Design System

Multi-Stakeholder Alignment

Capability Transfer

ENMARCAR EL DESAFÍO DE PRODUCTO DEL MARKETPLACE AUTOMOTRIZ

Comenzamos con un taller de tres días en Lisboa que reunió a los equipos de producto, diseño, investigación, marketing e ingeniería de los principales mercados automotrices durante Sandbox Experiments. Equipos de Polonia, Portugal, Rumanía y países vecinos compararon cómo se comportaban sus apps de automoción en la práctica. Analizamos los funnels de búsqueda, la creación de anuncios, la mensajería entre compradores y vendedores y las opciones de promoción para concesionarios.

El primer objetivo fue pasar de quejas generales sobre la complejidad a una descripción clara de los problemas operativos. Los equipos de cada país compartieron situaciones en las que los usuarios abandonaban la creación de anuncios, en las que los filtros de búsqueda diferían entre mercados o en las que funciones similares existían bajo etiquetas distintas. Los product managers explicaron cómo esto ralentizaba las hojas de ruta y dificultaba la priorización. Los responsables de marketing señalaron cómo los flujos inconsistentes limitaban las campañas que abarcaban varios países.

Juntos elaboramos un mapa compartido del recorrido automotriz de principio a fin en todos los mercados. Esto incluía el descubrimiento, la búsqueda, la preselección, el contacto, la negociación y el seguimiento postventa. Para cada etapa registramos los puntos de fricción conocidos, las preguntas abiertas y los datos que OLX ya estaba siguiendo. También introdujimos registros de decisión sencillos que recogían qué ideas se llevarían adelante, se pospondrían o se descartarían, y por qué.

Al final de esta fase, OLX contaba con una visión unificada del problema de la marketplace automotriz y una lista priorizada de cuestiones que merecían atención inmediata en diseño, acordada entre funciones y países.

MAPEO DE RECORRIDOS A TRAVÉS DE REGIONES Y SEGMENTOS DE USUARIOS

Con una definición compartida del problema, nos centramos en los recorridos y la arquitectura. Definimos la UX architecture de forma muy concreta como la combinación de la estructura de la información, el modelo de navegación y las reglas de comportamiento que gobiernan las funcionalidades a través de superficies y países. Luego mapeamos los recorridos para distintos segmentos de usuarios. Para los compradores, esto incluía a los usuarios móviles primerizos, a los entusiastas experimentados que comparan muchos vehículos y a quienes alternan entre escritorio y app. Para los vendedores, distinguimos entre particulares que publican un solo coche y concesionarios que gestionan inventario continuo. Cada segmento seguía rutas ligeramente diferentes entre exploración, búsqueda, comparación, guardado, contacto y negociación.

La variación regional añadió otra capa. Por ejemplo, en Polonia los usuarios dependían más de filtros técnicos detallados y vistas de comparación, mientras que en Portugal y Rumanía la confianza en el historial del vehículo, las inspecciones y los patrones de mensajería tenía un papel más importante. En algunos mercados los compradores preferían el chat dentro de la app, mientras que en otros pasaban rápidamente al contacto telefónico.

Utilizamos este análisis para diseñar un marco de coherencia del marketplace mediante tension-driven reasoning. En su núcleo había un pequeño conjunto de recorridos que debían ser coherentes en todos los mercados, como de la búsqueda al contacto y la creación de anuncios, con puntos claramente definidos donde los países podían adaptar módulos, contenido y textos. Esta arquitectura permitió a OLX respetar las necesidades locales sin crear una app de compra de coches diferente en cada mercado.

DEVELOPING CONCEPTS FOR THE CAR SHOPPING EXPERIENCE

Una vez que la arquitectura quedó acordada a nivel de principios, la trasladamos a flujos y pantallas concretas durante Concept Convergence. Creamos wireframes y prototipos interactivos para los recorridos clave de la app automotriz, cubriendo la búsqueda, los detalles de los anuncios, la comparación, los elementos guardados, las alertas, el contacto y las tareas básicas de cuenta.

Cada concepto mostraba cómo las decisiones de UX design en un marketplace afectan a ambos lados de la plataforma. Por ejemplo, rediseñamos las tarjetas de anuncios y los resultados de búsqueda para que la información importante para los compradores también facilitara a los vendedores presentar ofertas fiables. Tratamos los filtros, las búsquedas guardadas y las alertas como una sola familia de funcionalidades que acompaña al usuario desde la primera búsqueda hasta las visitas posteriores, en lugar de funciones separadas repartidas en distintas vistas.

Estos prototipos no eran diseños finales. Eran herramientas de trabajo para el debate dentro de OLX. Queríamos que los product managers, los equipos de marketing y los ingenieros vieran claramente los trade offs. Si un país solicitaba un paso adicional de verificación, ¿cómo afectaría eso a las tasas de finalización de la creación de anuncios. Si se añadía un nuevo espacio promocional para concesionarios, ¿cómo impactaría en el recorrido de búsqueda a contacto para los compradores.

Mantuvimos un ritmo regular de feedback. Cada dos días revisábamos los detalles con los responsables principales de producto y diseño. Cada semana realizábamos una sesión estructurada con un grupo más amplio de varios mercados. Todas las decisiones y alternativas se registraban en Confluence, vinculadas a los recorridos y flujos en lugar de guardarse como comentarios aislados.

ALIGNING PRODUCT MARKETING DESIGN AND ENGINEERING

A medida que los conceptos maduraban, la validación con múltiples stakeholders se convirtió en la tarea central. OLX opera como una plataforma paneuropea de anuncios clasificados con muchas voces internas. Los responsables de país quieren flexibilidad, los líderes de producto buscan coherencia, los ingenieros necesitan soluciones viables y el equipo de marketing se centra en cómo la marketplace automotriz se presenta a los usuarios.

Utilizamos un lienzo de decisión sencillo para cada cambio significativo mediante option space mapping. Para cada propuesta consideramos el impacto en los usuarios, la salud del marketplace, la complejidad técnica y las implicaciones regionales. Este formato facilitó la comparación de opciones sin caer en debates abstractos. También hizo explícitos los trade offs. Por ejemplo, una nueva señal de confianza en los anuncios podía ayudar a los compradores y a la calidad a largo plazo del marketplace, pero a la vez introducir más trabajo para los concesionarios y más estados para el equipo de ingeniería.

En estas sesiones actuamos como líderes de diseño que aportaban direcciones concretas a la mesa y luego las refinaban junto con OLX, en lugar de facilitar debates neutrales. También nos aseguramos de que los desacuerdos fueran visibles. Cuando un país favorecía una vía específica, registrábamos tanto su justificación como las razones de una decisión diferente.

El resultado no fue un consenso perfecto, sino un patrón de gobernanza más claro. Los equipos sabían qué recorridos eran fijos en la app de compra de coches y dónde se permitía la experimentación local. Los product managers pudieron centrar sus hojas de ruta en una estructura compartida, y el equipo de desarrollo contó con una referencia más estable para la implementación y el mantenimiento futuro.

FORMACIÓN DEL EQUIPO DE DISEÑO DE OLX E INTEGRACIÓN DEL FRAMEWORK

Con los flujos principales ya estabilizados, regresamos a Lisboa para un segundo periodo de trabajo presencial durante Implementation Partnership. Esta fase se centró en la transferencia de conocimiento y en proporcionar a los diseñadores y equipos de producto de OLX herramientas prácticas para aplicar el marco de coherencia del marketplace sin depender constantemente de apoyo externo.

Realizamos sesiones de trabajo en las que los diseñadores internos se encargaron de partes menos centrales de la app automotriz y aplicaron por sí mismos la nueva arquitectura. Por ejemplo, rediseñaron secciones para la gestión de anuncios, herramientas para concesionarios o ajustes de notificaciones. Estuvimos a su lado, no para prescribir cada detalle, sino para mostrar cómo utilizar los recorridos, los registros de decisión y las reglas de componentes como herramientas cotidianas.

Los product managers y los ingenieros participaron en sesiones sobre cómo leer la nueva documentación, cómo presentar solicitudes de cambio y cómo evaluar las ideas locales frente a los journeys globales. Acordamos hábitos sencillos, como acompañar cada propuesta de nueva funcionalidad con un plan de retirada de los flujos heredados, para evitar una acumulación silenciosa de funcionalidades.

Al final de esta fase, OLX contaba con equipos internos capaces de ampliar la app de compra de coches siguiendo la misma lógica. El marco no vivía solo en diapositivas y diagramas, sino en el trabajo diario de las personas que continuarían desarrollando la marketplace automotriz.

Quotes

Ha sido muy gratificante trabajar con expertos de tan alto nivel para plasmar nuestras ideas en un diseño listo para ser aplicado.

Tiago CabaçoDirector de Diseño de Producto @ OLX

RESULTADOS: DESIGN SYSTEM Y CLARIDAD ORGANIZATIVA

En paralelo, configuramos la capa visual y de interacción que apoyaría a la marketplace automotriz a largo plazo. El design system debía funcionar en apps nativas de iOS y Android y en la web móvil, manteniéndose lo suficientemente neutral como para soportar varias marcas locales. Organizamos la biblioteca en torno a patrones comunes de marketplace en lugar de componentes aislados. Las tarjetas de anuncios, los resultados de búsqueda, los paneles de filtros, el chat y el contacto, las secciones de cuenta y los espacios promocionales formaban familias de patrones con reglas claras. Los design tokens recogían espaciados, tipografía, color y estados de interacción para que el equipo de ingeniería pudiera implementar componentes coherentes y reutilizarlos en distintos países.

El rendimiento y la accesibilidad se trataron como restricciones básicas. El lenguaje visual se mantuvo compacto para garantizar interfaces rápidas en dispositivos de gama media y en conexiones más lentas presentes en partes de Europa Central y del Este. Los elementos siguieron estándares modernos de accesibilidad para que los textos, los controles y los estados de interacción siguieran siendo utilizables en distintos contextos.

El resultado para OLX no fue un rediseño congelado, sino una base estable. Obtuvieron una arquitectura para el vertical automotriz que aclara cómo funcionan los recorridos en los distintos mercados, un design system que sus propios equipos pueden ampliar, y prácticas de gobernanza que reducen el riesgo de un diseño fragmentado de la marketplace móvil. Los equipos de cada país pueden proponer adaptaciones locales dentro de límites definidos sin romper la coherencia global. Los equipos de ingeniería implementan nuevas funcionalidades con patrones predecibles y menos retrabajo. Los equipos de marketing pueden planificar campañas entre países sabiendo que los recorridos principales se comportan de forma consistente.

La organización ha obtenido recursos intangibles: criterio sobre lo que realmente importa en el diseño de marketplaces automotrices multi-país a gran escala, una intuición de producto compartida sobre cómo las plataformas de anuncios de vehículos de dos lados deben equilibrar la flexibilidad local con la coherencia global, y una capacidad de razonamiento que permite a los equipos ampliar las funcionalidades del marketplace sin fragmentar la experiencia de usuario. El sistema mantiene su competitive position al ofrecer recorridos de compra de coches predecibles y eficientes en los diversos mercados de Europa Central y del Este, mientras que los competidores que priorizan las solicitudes locales de funcionalidades por encima de la disciplina arquitectónica tienen dificultades para atender a millones de usuarios que se enfrentan a experiencias de marketplace móvil fragmentadas con patrones de interacción inconsistentes. Los product managers, diseñadores e ingenieros comparten ahora un mapa común para decidir cómo debe evolucionar la marketplace automotriz.

RESULTADOS

Flujos de usuario y lógica de interacción UX entregados en 6 semanas

Sistema de diseño independiente de la marca entregado en 4 semanas

Hoja de ruta de funciones con protocolos de prueba

Todo el pensamiento de diseño documentado en Confluence

Equipos de diseño y producto formados para desplegar la visión del diseño

¿Tienes un proyecto en mente?