INDÚSTRIA:
VIAGEMS
EMPRESA:
RENTCARS
ANO:
2021 - 2023
FUNÇÃO:
UX/UI DESIGNER
Rentcars
sobre.
A Rentcars é a maior plataforma de aluguel de carros online nas Américas e um dos líderes globais no segmento. Na Rentcars, as pessoas podem comparar preços e opções de aluguel de carros de centenas de empresas de aluguel e reservar online. Atualmente, a empresa está presente em mais de 160 países, com cerca de 1,2 milhão de usuários mensais na plataforma.
Como UX/UI designer, fiz parte de uma equipe de produto cujo principal objetivo era melhorar a taxa de conversão e a usabilidade da plataforma. Trabalhei junto com essa equipe para analisar os principais pontos de dor dos usuários no funil de reservas e propor melhorias na experiência que também impactaram diretamente os resultados para o negócio.
desafio.
A homepage foi a página mais acessada na plataforma, correspondendo a 13% do total de visualizações de página.
Sendo a principal entrada do usuário, foi a 4ª página que teve o maior acesso ao chatbot, que os usuários geralmente acessam com perguntas relacionadas a como fazer uma reserva no site, e em muitos casos, eles fizeram o processo diretamente com um atendente.
Do ponto de vista de desempenho, a página não tem uma boa taxa quando analisamos os principais requisitos relacionados ao Core Web Vitals do Google, a página teve um desempenho médio de 70.
Além disso, a falta de atualização também faz com que a página pareça mais antiga, e a marca recentemente passou por um rebranding, exigindo uma adaptação mais moderna de acordo com as novas diretrizes da marca.
pesquisa.
No passo de descoberta, várias fontes de dados foram analisadas, as principais utilizadas como base para o estudo foram informações do chatbot, mapas de calor, gravações de navegação e eventos do Google Analytics. Além disso, uma análise da página considerando as dez heurísticas de Nielsen.
Chatbot
Analisando os relatórios do chatbot e as transcrições de conversas, pudemos identificar os principais motivos para os contatos dos usuários quando estão na página inicial. Com 40% de acessos, a principal dúvida está relacionada a como fazer a reserva, seguida de 12% de perguntas gerais e 11% sobre como configurar o carro.
Hotjar
Quando observamos o comportamento do usuário com a ferramenta Hotjar, notamos que 87,49% das interações são realizadas na caixa de pesquisa localizada no lado esquerdo da primeira dobra da página. Outras interações da primeira dobra têm pouca ou nenhuma interação. Além disso, a maioria dos usuários (75%) permanece na primeira dobra.
Google Analytics
Outro fato interessante é os eventos do Google Analytics, nos quais 95% das interações são realizadas na caixa de busca. Outras seções da página, como o cabeçalho (0,4%) e a faixa de comunicação (0,3%) têm baixa interação.
Análise da página
Ao realizar uma análise da página considerando as heurísticas de Nielsen, foram encontrados dois pontos importantes a serem considerados.
Consistência e padronização
Não apenas a página inicial, mas toda a aplicação apresenta inconsistências e falta de padronização nas interfaces, fazendo com que o usuário precise entender vários padrões e diferentes formas de interação em cada tela, tornando a experiência menos clara e dificultando a compreensão.
Estética e design minimalista
A página tem muita informação, especialmente na primeira dobra. Quanto maior a quantidade de informação, maior será o esforço do usuário para analisar e tomar uma decisão. É essencial manter apenas as informações que são realmente importantes e necessárias para um dado momento, portanto, a aplicação se torna mais eficiente.
definição.
Levando em consideração todo o contexto, alguns pontos de partida foram definidos para serem trabalhados nesse primeiro momento.
Evidenciar a caixa de pesquisa como o principal objetivo da página.
Alocar o componente Trustpilot de forma secundária.
Mudar a localização da área do banner de marketing de forma secundária e abaixo da primeira dobra, pois isso impacta diretamente a performance da página.
Manter o conteúdo devido à classificação da página no SEO.
Melhorar a aparência e a sensação da página seguindo as novas diretrizes da marca e mantendo outros projetos atuais como referência.
Atualização dos componentes do sistema de design com o objetivo de trazer padronização, consistência e modernização.
ideação.
Benchmarking
Três principais concorrentes que são referência no mercado de turismo e aluguel de carros foram analisados. Foi possível identificar pontos relevantes que apresentam um padrão entre as empresas.
Os principais insights foram:
Todos apresentaram páginas bem estruturadas, com uma hierarquia bem definida, tornando a informação mais clara, objetiva e fácil de entender.
Apresentam boa aparência visual e padronização dos componentes, além de trazer uma abordagem mais limpa e minimalista.
Usam cores mais neutras para a maior parte do conteúdo nas páginas, utilizando outras cores para destacar elementos como botões, etiquetas, promoções, entre outros.
O motor de busca horizontal é o principal elemento da página, deixando outras informações em segundo plano.
Em segundo lugar, apresentam as vantagens da empresa e a classificação do site de avaliações Trustpilot.
Moodboard
Após analisar os concorrentes, algumas outras referências relevantes também foram coletadas que podem ser aplicadas ao novo projeto e servir como inspiração.
design visual.
Uma vez que os problemas de usabilidade foram definidos, passei a projetar as telas finais no Figma. Meu objetivo era criar um visual que estivesse alinhado com os valores da marca e resolvesse os problemas.
Para o projeto, optamos por usar uma abordagem visual minimalista para incluir apenas os elementos e componentes mais essenciais, proporcionando ao usuário uma visão limpa e clara para completar suas tarefas e objetivos finais.
Assim, o objetivo principal era destacar a caixa de pesquisa e deixar outras informações de forma secundária, criando uma hierarquia ao longo da página.
Os elementos foram considerados pensando na melhor experiência, acessibilidade e desempenho da página. As versões para desktop e PWA (mobile) foram criadas.
resultados.
Ao avaliar os resultados, implementamos uma metodologia de teste A/B que comparou as duas versões do site desktop, especificamente para o idioma pt-br. Aqui está um resumo dos dados coletados:
Melhoras notáveis no desempenho da página, de acordo com as estatísticas do Core Web Vitals, subindo em média de 70 para 92, um aumento de 22.
Uma ligeira, mas notável, redução na taxa de rejeição em 0,17% (de 12,66% para 12,49%).
A receita por sessão viu uma melhoria de 0,45% (aumentando de R$ 13,23 para R$ 13,29).