CASA D'AVÓ AMÁLIA
Um website em cinco idiomas para uma casa de campo com piscina e jardim, com sistema de traduções próprio e reserva direta por telefone ou WhatsApp.
Visitar website↗
A MIRAE construiu o website da Casa D'Avó Amália em cinco idiomas, com um sistema de traduções feito de raiz, consentimento de cookies que cumpre o que promete, e a casa apresentada com o vagar de quem convida a ficar.
O briefing
A Casa D'Avó Amália recebe quem vem de fora, e o site fala a língua de quem chega: português, inglês, francês, alemão e espanhol, com deteção automática do idioma do browser e a escolha guardada para a visita seguinte.
A reserva é direta e sem intermediários: um botão na navegação abre telefone e WhatsApp, sem motor de reservas nem checkout. O site existe para mostrar a casa, responder às doze perguntas mais frequentes e levar a essa conversa.
Abordagem de design
A casa em movimento lento
O hero passa cinco imagens em crossfade com um zoom lento, os testemunhos rodam sozinhos e param quando o rato pousa, e sete fotografias mostram os espaços: o ritmo da página é o ritmo de quem chega para descansar.
Pensado para o dedo e para o rato
Os cartões da secção "Descobrir" detetam o tipo de aparelho: revelam a imagem ao passar o rato no computador e ao toque no telemóvel. O seletor de idioma tem alvos de 44px, fecha com Escape e devolve o foco a quem o abriu.
Desenvolvimento
Cinco idiomas, sistema próprio
Sem biblioteca de traduções: um registo de idiomas, contexto de React e uma cadeia de resolução que vai da preferência guardada ao idioma do browser. E uma ferramenta de build própria que verifica se as chaves dos cinco ficheiros estão todas em paridade, a mesma disciplina que usamos no nosso site.
Consentimento que faz o que promete
O sistema de analytics com consentimento RGPD só carrega depois de o visitante aceitar, e quem recusa não fica apenas sem o script: os cookies _ga e _gid são apagados ativamente. Banner e analytics falam por um sistema de eventos próprio.
Estável desde o primeiro pixel
Todas as imagens levam dimensões explícitas, para nada saltar enquanto a página carrega, e a primeira imagem do hero tem prioridade máxima e descodificação imediata. As fotografias são servidas em WebP, preparadas antes do build.
Encontrada e em conformidade
Dados estruturados schema.org LodgingBusiness com coordenadas, comodidades e contactos, mais sitemap.xml e robots.txt. Do lado legal, a ligação ao Livro de Reclamações eletrónico e a política de cookies num modal próprio.
Continua a explorar o nosso trabalho
Diga-nos o que está a construir
Fale-nos dos seus objetivos e respondemos em 24 horas com um âmbito claro e os próximos passos.