Imagem principal do case Daitan

Una experiencia digital para acompañar toda la jornada del cliente

Honda Daitan

Rediseño de un ecosistema digital que conecta vehículos, servicios y atención en una experiencia más organizada y responsiva.

Rol

Arquitectura de Información

UX/UI Design

Interfaces responsivas

Entrega

Sitio Honda Daitan

Gestión de contenido

01

Contexto

Entender el contexto del proyecto y las personas involucradas.

Esta sección presenta el producto, el público y el ambiente de negocio que orientaron el trabajo.

El objetivo fue organizar información, servicios y puntos de decisión en una experiencia digital más clara.

Mi participación

  • Arquitectura de información
  • Organización de contenidos
  • UX/UI Design
  • Interfaces responsivas
  • Estructuración de páginas de modelos
  • Organización de la experiencia de seminuevos
  • Estructuración de áreas de posventa
  • Creación de formularios y puntos de conversión
  • Estandarización visual entre distintas áreas del sitio

Características del proyecto

  • Clientes interesados en modelos nuevos y sofisticados
  • Búsqueda de seminuevos con seguridad y procedencia
  • Tecnologías, accesorios y servicios de mantenimiento
  • Condiciones corporativas y oportunidades comerciales
  • Canales de atención y relación
  • Actualizaciones frecuentes de modelos, ofertas y servicios
La home presenta modelos, ofertas, servicios y caminos de atención desde la entrada del sitio.
Modelos
Seminuevos
Posventa
02

Desafío

Transformar complejidad en una jornada más simple y útil.

El principal desafío fue reducir fricción sin ocultar información importante ni debilitar los objetivos del negocio.

Cada decisión equilibró claridad, jerarquía de contenido, caminos de conversión y necesidades reales de las personas usuarias.

03

Rol

De la estrategia y arquitectura de información al diseño de interfaces.

Mi trabajo conectó estrategia de UX, organización de jornadas, arquitectura de información, UI design y prototipado de alta fidelidad.

El proceso también incluyó alineación con stakeholders y preparación para implementación y evolución futura del producto.

Alcance de actuación

  • Arquitectura de información
  • Organización de contenidos
  • UX/UI Design
  • Interfaces responsivas
  • Estructuración de páginas de modelos
  • Organización de la experiencia de seminuevos
  • Estructuración de áreas de posventa
  • Creación de formularios y puntos de conversión
  • Estandarización visual entre distintas áreas del sitio
04

Vehículos nuevos

Presentar modelos con claridad y propósito comercial.

Las páginas de modelo reúnen presentación visual, versiones, características y puntos de conversión.

El objetivo fue apoyar tanto el deseo como la evaluación práctica antes de visitar o contactar la concesionaria.

La página de modelo reúne imagen del vehículo, versiones, colores, ficha técnica y llamadas de conversión.
05

Tecnología

Destacar diferenciales sin volver pesada la página.

Detalles de tecnología, seguridad y conectividad fueron agrupados en bloques más claros para exploración.

Esto hace que el producto sea más fácil de escanear sin perder información relevante.

Tecnologia, segurança e conectividade
06

Seminuevos

Crear un flujo de búsqueda y evaluación más práctico.

Listados, filtros y páginas de detalle fueron organizados para facilitar la evaluación antes del contacto.

La jornada da más visibilidad a la información que apoya confianza y continuidad.

01

Buscar

02

Filtrar

03

Conocer el vehículo

Listado desktop con búsqueda, filtros e información principal de los seminuevos.
Detalle del seminuevo con fotos e información para apoyar la continuidad de la jornada.
07

Posventa

Extender la jornada digital más allá de la venta.

Las áreas de posventa conectan mantenimiento, piezas, accesorios e información de servicio en un flujo más accesible.

La experiencia apoya necesidades recurrentes y mantiene la relación activa.

Seleção do veículo e acessórios

Selección de modelo y exploración de piezas y accesorios compatibles.
Listado de accesorios compatibles en mobile.

Revisão programada

Revisión programada con servicios previstos, kilometraje y valores de mantenimiento.
08

Relación

Abrir caminos más claros para contacto y soporte.

Los canales de contacto fueron posicionados como partes naturales de la jornada, no como destinos aislados.

Esto conecta el descubrimiento digital con momentos reales de atención.

Condiciones especiales acercan públicos corporativos a la concesionaria.
Línea Directa crea un canal abierto de comunicación con la empresa.
09

Responsividad

Adaptar la jornada para pantallas más pequeñas.

Las pantallas móviles fueron pensadas para mantener accesibles acciones prioritarias, lectura y navegación.

La estructura responsiva preserva la jerarquía sin forzar el comportamiento desktop en un viewport estrecho.

La experiencia mobile organiza los principales caminos de la concesionaria desde la entrada al sitio.
En mobile, la página mantiene presentación visual, botones de cotización y test drive en evidencia.
Versiones, diferenciales e información del modelo siguen accesibles en pantallas menores.
Los filtros mobile ayudan al usuario a reducir opciones antes del contacto.
Detalle del seminuevo con fotos e información para apoyar la continuidad de la jornada.
Selección del vehículo en mobile.
Listado de accesorios compatibles en mobile.
10

Impacto

Impacto de la solución

La solución mejoró claridad, organización y continuidad en momentos clave de la jornada digital.

Para el usuario

Decisión más segura

Modelos, versiones, diferenciales y formas de contacto se organizaron para facilitar la investigación antes de visitar la concesionaria.

Para el negocio

Más oportunidades de contacto

Test-drive, ofertas y atención se incorporaron a las jornadas de navegación como puntos naturales de conversión.

Para la operación

Actualizaciones más ágiles

La estructura fue preparada para acompañar actualizaciones frecuentes de vehículos, seminuevos, banners y campañas comerciales.

11

Aprendizaje

Lo que el proyecto reforzó sobre experiencia de producto.

El trabajo reforzó que las decisiones de diseño afectan jornadas, contenido, operación y evolución futura.

Una buena experiencia se construye conectando pantallas individuales al sistema más amplio del producto.

12

Conclusión

Una base más clara para un producto que puede seguir evolucionando.

El proyecto organizó información, flujos y patrones de interfaz en una experiencia más coherente.

Más allá de la capa visual, creó estructura para mejoras continuas y nuevas necesidades del negocio.

Los grandes productos no nacen de pantallas.

Nacen de comprender los problemas correctos. ¿Conversamos sobre tu producto, proceso o experiencia digital?

Fabio Lopes
Descargar CV

Falopes Tecnologia Ltda. CNPJ: 44.968.718/0001-41

Fabio Lopes UX & Product Designer © 2026. Todos os direitos reservados.