Pular para o conteúdo
Voltar ao portfólio

Case conceito · Pousadas e hotéis pequenos

Alísio

Um site de pousada feito para trazer a reserva de volta para casa: direto no WhatsApp, sem a comissão das plataformas.

A Alísio é uma pousada fictícia. O site é real, foi feito pela pjerseN e está no ar para você testar.

Página inicial da Alísio no computador: piscina com vista para o mar ao pôr do sol, o nome da pousada e a barra de reserva com datas, hóspedes e acomodação.
A Alísio no celular, com a barra de reserva fixa no rodapé da tela.

Medido no site publicado

Números, não adjetivos.

no carregamento inicial do celular
~1 MB
De 780 KB a 1 MB, conforme a densidade da tela.
até o conteúdo principal aparecer
< 1,5 s
Medido sem limitar a rede.
de deslocamento de layout (CLS)
0
Nada pula na tela enquanto a página carrega.
meta de acessibilidade WCAG 2.2
AA
Teclado, contraste e respeito a “reduzir movimento”.

Página inicial em perfil de celular (390 × 844), cache limpo, mediana de cinco medições, em 28/09/2026.

O desafio

A reserva existe. Só não chega direto.

Pousada pequena depende do Booking e do Airbnb — e paga comissão em cada reserva. No Brasil, o Booking.com cobra 15% no padrão e 18% no programa preferencial. O Airbnb cobra 16% do anfitrião.

E existe um vazamento que quase ninguém percebe: o turista já conhece a pousada, pesquisa o nome no Google, não acha um site oficial e volta para a plataforma. Uma reserva que já era sua sai com desconto.

A solução

Um site que termina em reserva.

  • Reserva direta

    O hóspede escolhe datas, hóspedes e acomodação, e a mensagem chega pronta no WhatsApp da pousada. Ele só aperta enviar.

  • Celular primeiro

    A barra de reserva fica fixa no rodapé da tela. Em qualquer ponto da página, reservar está a um toque.

  • Fotos que se movem sozinhas

    As faixas de fotos e de acomodações andam sozinhas, param com o toque e acompanham o dedo.

  • Uma página por acomodação

    Cada suíte tem a própria página, com galeria ampliável e tudo o que ela oferece.

  • Encontrável e acessível

    Dados estruturados de hotel e sitemap para o Google. Navegação por teclado, contraste AA e respeito a “reduzir movimento”.

  • A identidade de cada pousada

    A base técnica é da pjerseN; cores, fontes e fotos são de cada pousada. O projeto já traz quatro direções visuais — praia, urbano, serra e neutro — como ponto de partida.

Painel de reserva da Alísio no celular: calendário, número de adultos e crianças, escolha da acomodação e o botão para verificar disponibilidade no WhatsApp.
O painel de reserva no celular. A mensagem sai pronta para o WhatsApp da pousada.
Faixa de acomodações da Alísio no computador, com quatro suítes em fotos grandes, nome e capacidade de cada uma.
As acomodações em faixa: anda sozinha, para com o toque.

Direção visual

Editorial costeiro.

Areia, oceano profundo e terracota. Serifa leve com itálico, muito respiro e as fotos como protagonistas. O site precisa ter cara de lugar — não de sistema de reservas.

  • Areia#F6F2EA
  • Areia molhada#EDE4D6
  • Oceano profundo#2F5D62
  • Terracota#A85A32

As fotos da Alísio foram geradas por IA para este projeto. Numa pousada real, entram as fotos dela.

Galeria da Alísio no computador: mosaico de fotos da piscina à noite, da varanda, das suítes e do café da manhã.
A galeria. As fotos são a protagonista.

Tecnologia

Por baixo.

As páginas ficam prontas antes da visita e saem de um servidor perto de quem acessa. Nenhum plugin pesando a página, nenhum painel para manter atualizado.

  • Next.js 16
  • TypeScript
  • Tailwind CSS v4
  • Páginas estáticas
  • Vercel