VICTORIA PROJECT
Um website bilingue para um alojamento local no coração do Porto: cinco unidades, disponibilidade em tempo real e reserva direta no próprio site.
Visitar website↗
A MIRAE construiu o novo website do Victoria Project: bilingue de raiz, com disponibilidade em tempo real e checkout integrado via Lodgify, conteúdo gerido no Supabase e a migração completa do site antigo com o SEO preservado.
O briefing
O Victoria Project gere cinco unidades no centro do Porto, três apartamentos e duas casas, com reservas sincronizadas entre Airbnb, Vrbo e Booking.com através da Lodgify. O site anterior vivia em Wix; o objetivo era uma presença própria à altura, com reserva direta e disponibilidade real.
O mandato técnico: nunca reimplementar a lógica de disponibilidade e preços (essa vive na Lodgify, que sincroniza todos os canais, por isso o overbooking é impossível por arquitetura), servir tudo em português e inglês, e migrar sem perder o posicionamento conquistado nos motores de busca.
Abordagem de design
Um sistema de animação editorial
Revelações de texto linha a linha com GSAP SplitText, imagens em parallax e smooth scroll com Lenis, construídos como um sistema próprio. Com prefers-reduced-motion ativo, o movimento desliga-se e o conteúdo aparece de imediato.
Design system próprio
Componentes de marca reutilizáveis sobre tokens CSS, tipografia self-hosted otimizada, e um cartão social og:image gerado dinamicamente em cada idioma com a identidade da marca, sem um único asset estático.
Desenvolvimento
Reservas em duas camadas
O site lê a disponibilidade em tempo real da API Lodgify através de um proxy no servidor (a chave nunca chega ao browser) e entrega o pagamento ao checkout da Lodgify. Preços e disponibilidade nunca são reimplementados: sem risco de overbooking, por arquitetura.
Conteúdo bilingue no Supabase
As cinco unidades, as galerias e os testemunhos vivem no Supabase como camada de conteúdo headless, com colunas em português e inglês. O site é totalmente bilingue via next-intl, com routing localizado e cerca de 200 chaves de tradução por idioma.
Privacidade a sério
Gestão de consentimento RGPD feita à medida: os conteúdos de terceiros, como o Google Maps e o widget de checkout, ficam bloqueados até o visitante consentir, com uma página própria de gestão de cookies.
Migração sem perder SEO
A saída do Wix fez-se com redirects 301 de cada URL antigo, sitemap dinâmico com alternates de idioma, hreflang completo e dados estruturados por unidade (schema.org Apartment e House), para os motores de busca lerem cada espaço como ele é.
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.