O site tinha um visual "anos 90", completamente desalinhado com a força que a marca já tinha no mercado. Reformulei a identidade visual completa, do site ao fluxo de compra.
O site tinha um visual datado — praticamente um "formato de anos 90" — completamente desalinhado com a identidade visual e o logotipo novos que outro designer já havia criado para a marca. Para facilitar o entendimento do problema pelo time, construí uma pequena narrativa (estilo storytelling) em torno de um usuário fictício, o "Bruno": ele busca passagens de ônibus pela internet, encontra a Quero Passagem entre os resultados — o nome chama atenção — mas, ao entrar no site, se decepciona com um visual que não combina com a força da marca.
Identifiquei e apontei essa necessidade diretamente aos CEOs, que aprovaram a iniciativa. O time de Desenvolvimento entrou junto no processo desde o início.
Equipe envolvida: 1 Designer UX/UI (eu), 3 Programadores, 1 Coordenador de Produto e o CEO da empresa.
A Home passou por uma reformulação completa de layout, criada para expressar a nova identidade visual da marca — cores mais vivas, hierarquia mais clara, formulário de busca de passagem em destaque logo no topo. O mesmo cuidado se estendeu ao fluxo de compra de passagem, ponto mais crítico do site em termos de conversão.
Toque em qualquer miniatura para abrir a tela completa, com rolagem vertical — as capturas são de página inteira.
Resultados de busca, páginas de destino e institucional — todas com a mesma identidade visual nova, em desktop e mobile.
Durante a pandemia de Covid-19, a tela de busca ganhou reforço de informações de segurança sanitária (ônibus com mais espaço por passageiro), sem comprometer a comparação de preços e horários que já era o foco principal.
O ponto mais crítico do site em termos de conversão — reformulado com o mesmo cuidado visual da Home.
Os CEOs aprovaram o resultado — os ajustes solicitados depois do lançamento foram, majoritariamente, de conteúdo, não de layout, o que confirma que a direção visual proposta já tinha acertado o essencial. Os dados também confirmaram: testes A/B mostraram redução no tempo de conclusão de compra com o novo layout, e o Google Analytics indicou redução no tempo de página — sinal de que o usuário encontrava o próximo passo com mais facilidade — além de aumento na conversão de quem completava a compra.
Teria organizado melhor as pessoas envolvidas desde o início — explicando os objetivos antes de partir para a execução, e garantindo que todo o time entendesse o rumo do projeto, não só a parte que cabia a cada um. Na época, eu ainda estava no começo da carreira em produto; o aprendizado que ficou foi entender melhor o processo como um todo, e quem precisa estar envolvido em cada etapa dele.
Role para ver a página inteira · toque na imagem para dar zoom