Livelo Viagens: Busca de Passagens Aéreas, Hotéis e Aluguel de Carros
Na Livelo, os usuários acumulam pontos que podem ser trocados por produtos e experiências, incluindo viagens. Fui responsável por desenhar a experiência de busca de viagens nas versões mobile e desktop, incluindo a busca de passagens aéreas, hotéis e aluguel de carros.
O desafio
Ao buscar uma passagem aérea utilizando pontos, os usuários precisam comparar preços em pontos e dinheiro, entender as condições das tarifas e tomar uma decisão sem se perder em uma longa lista de opções. A experiência precisava ser clara e fácil de consultar, especialmente em dispositivos móveis.
A página de busca de passagens aéreas:
Resultados fáceis de comparar. Cada voo é apresentado em um card com informações sobre os trechos de ida e volta, horários de partida e chegada, aeroportos, duração e número de escalas. Etiquetas como “Mais econômico” e “Melhor voo” ajudam os usuários a identificar rapidamente as melhores opções.
Preços em pontos e dinheiro lado a lado. O preço em pontos recebe destaque, enquanto o valor equivalente em reais é exibido logo abaixo, junto ao benefício para assinantes do Clube Livelo.
Filtros focados nos principais critérios de decisão. Os usuários podem filtrar os resultados por número de escalas, horários de partida e chegada, bagagem, tarifas reembolsáveis e faixa de preço em pontos. Também há uma opção simples de ordenação, com alternativas como melhores voos, menor preço, maior preço e voos mais rápidos.
Detalhes sem sair da busca. A opção “Detalhes do voo” permite expandir as informações e visualizar o itinerário completo, incluindo cada trecho do voo e a duração das conexões. Já a opção “Outros horários” permite alterar o horário do voo sem precisar iniciar uma nova busca.
Bagagem despachada com pontos. Os usuários podem adicionar bagagem despachada diretamente nos resultados da busca, pagando com pontos ou dinheiro, com uma confirmação clara de que a seleção foi adicionada com sucesso.
Novos componentes e handoff para o Design System
Na Livelo, a empresa já contava com uma equipe dedicada ao Design System, mas nosso time de produto estava desenvolvendo uma nova experiência que exigia a criação de diversos componentes. Como a equipe de Design System já tinha um alto volume de demandas, assumi a responsabilidade de documentar e preparar muitos desses componentes para o desenvolvimento, seguindo as diretrizes do sistema existente.
Trabalhei em detalhes como breakpoints para desktop, tablet e mobile, acessibilidade, áreas de clique, estados, interações e animações. Documentei os componentes e trabalhei em estreita colaboração com os desenvolvedores por meio de reuniões semanais, garantindo que a implementação estivesse alinhada ao design e ajudando a resolver eventuais problemas durante o desenvolvimento.
Comentários