Imagem principal do case Daitan

A digital experience for the whole customer journey

Honda Daitan

Redesign of a digital ecosystem connecting vehicles, services and support in a more organized, responsive experience.

Role

Information Architecture

UX/UI Design

Responsive interfaces

Delivery

Honda Daitan website

Content management

01

Context

Understanding the project context and the people involved.

This section presents the product, the audience and the business environment that shaped the work.

The goal was to organize information, services and decision points into a clearer digital experience.

My role

  • Information architecture
  • Content organization
  • UX/UI Design
  • Responsive interfaces
  • Model page structuring
  • Pre-owned experience organization
  • After-sales area structuring
  • Form and conversion point creation
  • Visual standardization across website areas

Project characteristics

  • Customers interested in new and sophisticated models
  • Search for pre-owned vehicles with confidence and provenance
  • Technologies, accessories and maintenance services
  • Corporate conditions and commercial opportunities
  • Support and relationship channels
  • Frequent updates to models, offers and services
The homepage presents models, offers, services and support paths right at the website entry point.
Models
Pre-owned
After-sales
02

Challenge

Turning complexity into a simpler, more useful journey.

The main challenge was to reduce friction without hiding important information or weakening the business goals.

Each decision balanced clarity, content hierarchy, conversion paths and the real needs of people using the product.

03

Role

From strategy and information architecture to interface design.

My work connected UX strategy, journey organization, information architecture, UI design and high-fidelity prototyping.

The process also included alignment with stakeholders and preparation for implementation and future product evolution.

Scope of work

  • Information architecture
  • Content organization
  • UX/UI Design
  • Responsive interfaces
  • Model page structuring
  • Pre-owned experience organization
  • After-sales area structuring
  • Form and conversion point creation
  • Visual standardization across website areas
04

New vehicles

Presenting models with clarity and commercial purpose.

Model pages bring together visual presentation, versions, features and conversion points.

The goal was to support both desire and practical evaluation before visiting or contacting the dealership.

The model page brings together vehicle imagery, versions, colors, specs and conversion calls.
05

Technology

Highlighting features without making the page heavy.

Technology, safety and connectivity details were grouped into clearer blocks for exploration.

This makes the product easier to scan while preserving relevant details.

Tecnologia, segurança e conectividade
06

Pre-owned

Creating a more practical search and evaluation flow.

Listings, filters and detail pages were organized to make evaluation easier before contacting the business.

The journey gives more visibility to information that supports confidence and continuity.

01

Search

02

Filter

03

Explore the vehicle

Desktop listing with search, filters and key pre-owned vehicle information.
Pre-owned vehicle detail with photos and information to support journey continuity.
07

After-sales

Extending the digital journey beyond the sale.

After-sales areas connect maintenance, parts, accessories and service information in a more accessible flow.

The experience supports recurring needs and keeps the relationship active.

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

Model selection and exploration of compatible parts and accessories.
Compatible accessory listing on mobile.

Revisão programada

Scheduled maintenance with expected services, mileage and maintenance prices.
08

Relationship

Opening clearer paths for contact and support.

Contact channels were positioned as natural parts of the journey, not isolated destinations.

This helps connect digital discovery with real service moments.

Special conditions bring corporate audiences closer to the dealership.
Direct Line creates an open communication channel with the company.
09

Responsiveness

Adapting the journey for smaller screens.

Mobile screens were planned to keep priority actions, reading and navigation accessible.

The responsive structure preserves hierarchy without forcing desktop behavior into a narrow viewport.

The mobile experience organizes the dealership’s main paths from the first screen.
On mobile, the page keeps visual presentation, quote buttons and test drive actions visible.
Versions, features and model information remain accessible on smaller screens.
Mobile filters help users narrow options before contacting the dealership.
Pre-owned vehicle detail with photos and information to support journey continuity.
Vehicle selection on mobile.
Compatible accessory listing on mobile.
10

Impact

Impact of the solution

The solution improved clarity, organization and continuity across key moments of the digital journey.

For users

More confident decisions

Models, versions, features and contact options were organized to support research before visiting the dealership.

For the business

More contact opportunities

Test drives, offers and support were incorporated into the browsing journeys as natural conversion points.

For operations

Faster updates

The structure was prepared to handle frequent updates to vehicles, pre-owned inventory, banners and commercial campaigns.

11

Learning

What the project reinforced about product experience.

The work reinforced that design decisions affect journeys, content, operations and future evolution.

A strong experience is built by connecting individual screens to the wider product system.

12

Conclusion

A clearer foundation for a product that can keep evolving.

The project organized information, flows and interface patterns into a more coherent experience.

Beyond the visual layer, it created structure for ongoing improvements and new business needs.

Great products are not born from screens.

They are born from understanding the right problems. Let’s talk about your product, process or digital experience?

Fabio Lopes
Download CV

Falopes Tecnologia Ltda. CNPJ: 44.968.718/0001-41

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