Booking.com

Redesign de uma experiência de reserva

  • Projeto acadêmico · 2026
  • Redesign
  • UX/UI
  • Web & Mobile

Visão geral

O projeto foi desenvolvido na disciplina de UX/UI da faculdade, a partir de uma atividade que propunha escolher um sistema que já utilizamos no dia a dia e identificar pontos que poderiam ser melhorados através de um redesign.

Escolhi trabalhar com o Booking por já conhecer sua experiência como usuária e por enxergar oportunidades de melhoria na jornada de reserva. A proposta foi redesenhar as três principais páginas da experiência, tanto para web quanto para mobile.

Visão geral do redesign em web e mobile

O ponto de partida

Comecei explorando a experiência existente e observando as principais etapas da reserva. A ideia não era criar uma nova solução do zero, mas entender o que já funcionava e quais partes poderiam ser repensadas.

A partir dessa análise, selecionei três páginas principais e comecei a observar como as informações e ações estavam organizadas em cada uma delas.

Captura da página inicial original do Booking.com
role para explorar
Captura da busca de acomodações original do Booking.com
role para explorar
Captura da página de detalhes da acomodação original do Booking.com
role para explorar

Card interativo com scroll interno

Captura da página inicial original no mobile
role para explorar
Captura da busca de acomodações original no mobile
role para explorar
Captura dos detalhes da acomodação original no mobile
role para explorar

Analisando o que já existia

Ao olhar para as telas com mais atenção, comecei a identificar pontos que poderiam ser trabalhados principalmente na hierarquia das informações, nos espaçamentos e na organização dos elementos.

Esse processo me fez perceber que um redesign não significa simplesmente mudar aquilo que já existe. Antes de começar a criar, é importante entender a lógica da experiência e pensar no que realmente pode ser melhorado.

Análise das telas originais do Booking.com

Redesenhando para web e mobile

Com os pontos que queria trabalhar definidos, comecei a desenvolver a nova proposta para as três páginas.

Na versão web, trabalhei a organização das informações e a hierarquia dos elementos, buscando deixar a navegação mais clara.

Depois, levei a proposta para o mobile, repensando a disposição dos elementos para que a experiência continuasse funcionando bem em uma tela menor.

Trabalhar os dois formatos me ajudou a entender que responsividade não é apenas reduzir uma interface. Cada tamanho de tela apresenta necessidades diferentes e exige decisões próprias de organização.

Antes

Depois

Página inicial · Web

Página inicial: interface anterior em web
role para explorar
Página inicial: redesign atual em web
role para explorar

Busca de acomodações · Web

Busca de acomodações: interface anterior em web
role para explorar
Busca de acomodações: redesign atual em web
role para explorar

Detalhes da acomodação · Web

Detalhes da acomodação: interface anterior em web
role para explorar
Detalhes da acomodação: redesign atual em web
role para explorar

Página inicial · Mobile

Página inicial: interface anterior em mobile
role para explorar
Página inicial: redesign atual em mobile
role para explorar

Busca de acomodações · Mobile

Busca de acomodações: interface anterior em mobile
role para explorar
Busca de acomodações: redesign atual em mobile
role para explorar

Detalhes da acomodação · Mobile

Detalhes da acomodação: interface anterior em mobile
role para explorar
Detalhes da acomodação: redesign atual em mobile
role para explorar

A solução

O resultado foi um redesign das três principais páginas da experiência de reserva, desenvolvido para web e mobile, mantendo a essência da plataforma original enquanto explorava uma nova organização visual.

Mais do que o resultado visual, esse projeto me ajudou a entender melhor como trabalhar em cima de uma experiência existente.

Aprendi que um redesign começa muito antes de mudar cores ou elementos de uma interface. É preciso observar, questionar e entender o que pode ser melhorado sem perder aquilo que já funciona.

Também foi uma experiência importante para perceber as diferenças entre projetar para web e mobile e como essas decisões influenciam diretamente a experiência de quem utiliza o produto.

Página inicial redesenhada — webBusca de acomodações — webDetalhes da acomodação — webPágina inicial redesenhada — mobileBusca de acomodações — mobileDetalhes da acomodação — mobile
Prévia do projeto Cursiva

Próximo projeto

Cursiva

Ver estudo de caso