(01) O pedido
A residência recebe estudantes e trabalhadores estrangeiros por meses. O site anterior era de 2011: não era responsivo, o inglês era tradução automática e as consultas caíram de centenas por ano para quase nenhuma.
(02) O que faz
- Um percurso pela casa em fotos verticais (as que se tiram com o celular) mostradas na proporção real, sem cortes forçados.
- Quartos com preço, o que está incluído e disponibilidade atualizada pelo dono.
- Versão em inglês escrita do zero, não traduzida por máquina, para o visitante estrangeiro.
- Contato por WhatsApp e formulário, com a localização a passos do metrô.
(03) Como foi construído
- Resgate integral dos textos do site antigo e de um histórico de reservas de 15 anos para não perder posicionamento nem URLs.
- Next.js com App Router e rotas paralelas por idioma; hreflang recíproco para o Google mostrar a versão certa a cada visitante.
- Painel em subdomínio separado: o cookie de sessão não viaja a cada visita ao site público.
- Animações com Motion só onde ajudam (entrada das fotos), respeitando a preferência de movimento reduzido do sistema.
(04) Segurança
- Senha do painel guardada como hash scrypt gerado no computador do dono; o servidor nunca vê a senha.
- Painel bloqueado para buscadores e sem links a partir do site público.
- Cabeçalhos CSP e HSTS; sem dependências de terceiros no site público.
(05) Velocidade e Google
Fotos convertidas para WebP com tamanhos por tela. Dados estruturados de hospedagem com endereço e preço.
(06) O que não faz, de propósito
- Não é um motor de reservas: a reserva é fechada por WhatsApp ou e-mail.
- Não processa pagamentos online.
(07) Medição real
| Desempenho | Acessibilidade | Boas práticas | SEO | LCP |
|---|---|---|---|---|
| 94 | 96 | 100 | 100 | 3,0 s |
Google PageSpeed Insights, celular, 30 de setembro de 2026. Números sem arredondar para cima; medidos novamente de tempos em tempos. Tabela completa dos 27 sites →
