Saltar para o conteúdo principal

Automóvel & Mobilidade

Projeto Conceptual

Tornar mais fácil encontrar o carro certo

Uma experiência de pesquisa e comparação que ajuda a decidir com confiança, em vez de mostrar apenas resultados.

Serviços

  • UX Design
  • UI Design
  • Design System

Disciplinas

  • UX Design
  • Interface Design
  • Design System

Conteúdo demonstrativo. Este projeto será substituído por um caso real.

02

Visão Geral

O contexto

Escolher um veículo envolve muitos critérios, comparações e mudanças de opinião ao longo do tempo.

O objetivo

Ajudar a comparar e decidir sem obrigar a memorizar informação entre ecrãs.

A abordagem

Desenhar a pesquisa como uma conversa progressiva, com filtros compreensíveis e comparação direta.

03

O desafio

Havia resultados a mais e critérios a menos: a interface mostrava tudo, mas não ajudava a escolher.

  • Filtros difíceis de combinar
  • Comparação manual entre separadores
  • Retomar a pesquisa era penoso
Estado inicial: uma listagem densa, com pouca orientação para a decisão.

04

Descoberta & Research

A descoberta centrou-se nos critérios reais de decisão e na ordem em que aparecem.

  • Research

    Perceber como as pessoas descrevem o que procuram.

  • Benchmark

    Analisar padrões de filtragem e comparação.

  • Analytics

    Ler onde a pesquisa é abandonada.

  • Journey Mapping

    Mapear a decisão ao longo de várias sessões.

05

Key Insights

  1. 01 · Insight

    A decisão é feita por etapas

    Poucos escolhem numa única sessão; a experiência tem de ser retomável.

  2. 02 · Insight

    Comparar é a ação central

    Sem comparação lado a lado, a escolha fica dependente da memória.

  3. 03 · Insight

    Filtros precisam de linguagem humana

    Termos técnicos afastam quem não conhece o setor.

06

Experiência de utilização

O fluxo foi organizado à volta de refinar, comparar e guardar.

  1. 01

    Arquitetura de informação

    Critérios agrupados por intenção de uso.

  2. 02

    User flow

    Pesquisa, comparação e retoma como um só percurso.

  3. 03

    Wireframes

    Densidade testada antes do detalhe visual.

  4. 04

    Interações

    Filtros que respondem sem recarregar o contexto.

07

Interface

A interface dá protagonismo ao conteúdo e mantém os controlos sempre acessíveis.

  • Cartões legíveis em qualquer largura
  • Estados de seleção evidentes
  • Comparação sem perder o contexto

08

Design System

Os padrões de listagem, filtro e comparação foram sistematizados.

  • Componentes de filtro
  • Grelha de resultados
  • Estados vazios e de carregamento

09

Validação

A solução foi validada com protótipos navegáveis focados na tarefa de comparar.

  • Testes de protótipo
  • Revisão de acessibilidade em teclado
  • Rondas de feedback

10

Resultado

A pesquisa passou a acompanhar a decisão em vez de apenas devolver resultados.

  • Comparação integrada no fluxo
  • Percurso retomável
  • Padrões reutilizáveis noutras áreas