02Quero Passagem · Design Lead

Redesign que alinhou o site à força da marca

O site tinha um visual datado, desalinhado com a força que a marca já tinha no mercado. Reformulei a experiência visual completa, da Home ao fluxo de compra.

RedesignUI DesignE-commerceLiderança
Cliente
Quero Passagem
Meu papel
Design Lead e UI Designer
Período
2019–2020
Ferramentas
Adobe XD

Problema

O nome chamava atenção. O site, não.

O site tinha um visual praticamente dos anos 90, desalinhado com a identidade visual e o logotipo novos que outro designer já havia criado para a marca.

Para o time entender o problema, construí uma pequena narrativa em torno de um usuário fictício, o Bruno: ele busca passagens de ônibus, encontra a Quero Passagem entre os resultados (o nome chama atenção), mas se decepciona ao entrar no site.

Apontei essa necessidade diretamente aos CEOs, que aprovaram a iniciativa. O time de desenvolvimento participou desde o início.

Home: antes e depois

Antes
Home antes do redesign
Depois
Nova Home, com a identidade visual renovada

Clique em uma imagem para ver a página inteira.

Processo

Sitemap, protótipos e colaboração direta com o time

  1. 01

    Sitemap e jornadas

    Mapeamento da estrutura completa do site: mais de 18 páginas, sem contar as páginas de cada empresa de ônibus parceira.

  2. 02

    Protótipos navegáveis no Adobe XD

    Revisados em ciclos de comentários com o time, incluindo idas e vindas com o Product Owner sobre a origem dos dados e o comportamento de cada seção.

  3. 03

    Colaboração constante com desenvolvimento

    Acompanhamento de cada entrega, da fila de “Aguardando início” até “Pronto para testes”.

Equipe: 1 designer UX/UI (eu), 3 programadores, 1 coordenador de produto e o CEO.

A nova identidade em desktop

Resultados de busca, páginas de destino e institucional. Clique para ver cada página inteira.

Destino Rio de Janeiro
Resultados de busca
Quem Somos

E no mobile

Home
Busca
Quem Somos

Durante a pandemia, a busca ganhou informações de segurança sanitária, sem perder o foco na comparação de preços e horários.

Fluxo de pagamento

O ponto mais crítico para a conversão, reformulado com o mesmo cuidado visual da Home.

Escolha de poltronas
E-mail para prosseguir
Pagamento por boleto
Parcelamento
Desconto aplicado

Impacto

Aprovação e dados confirmando a direção

Os CEOs aprovaram o resultado, e os ajustes pedidos depois do lançamento foram quase todos de conteúdo, não de layout. Testes A/B mostraram redução no tempo de conclusão da compra, e o Google Analytics indicou menos tempo por página e aumento na conversão de quem completava a compra.

Aprendizado

O que eu faria diferente

Organizaria melhor as pessoas envolvidas desde o início, explicando os objetivos antes de partir para a execução. Eu ainda estava no começo da carreira em produto, e o aprendizado foi entender o processo como um todo e quem precisa participar de cada etapa.