HABIROBIM
Um website imobiliário com catálogo dinâmico sobre Supabase: cada empreendimento com a sua página, frações com estado e preço individuais, e documentos prontos para quem está a decidir comprar.
Visitar website↗
A MIRAE construiu o website da Habirobim sobre uma base de dados desenhada de raiz: catálogo de empreendimentos e vendidos gerado do Supabase, filtros de pesquisa por tipologia e preço, componentes próprios sem dependências externas e SEO imobiliário completo.
O briefing
A Habirobim vende empreendimentos fração a fração, e o site foi construído para refletir essa realidade a partir da base de dados: cada fração com estado vendido ou disponível, venda ou arrendamento e preço individual, com filtros por tipologia (T0 a T6), tipo de imóvel, preço e localização.
O âmbito é claro: sem área de cliente, sem e-commerce, um site em português. A força está no catálogo dinâmico, nos componentes feitos de raiz e no trabalho de SEO e performance, com testes automáticos a garantir que nada parte.
Abordagem de design
Cada empreendimento, a sua página
Páginas de detalhe por slug para empreendimentos e para vendidos, com hero, plantas, galeria e mapa, em que cada bloco só aparece quando os dados existem. Quem está a decidir descarrega plantas, mapa de vendas e ficha técnica em PDF.
Movimento sem dependências
Componentes próprios, sem bibliotecas externas: um ScrollReveal com nove tipos de animação sobre IntersectionObserver, um lightbox que pré-carrega a imagem grande ao passar o rato na miniatura, e transições de página limpas com o scroll a voltar ao topo.
Desenvolvimento
Supabase como camada de conteúdo
Um schema desenhado de raiz: empreendimentos com detalhes em JSONB, tabela própria de frações e galerias de obras, com cinco migrações SQL versionadas, scripts de seed e leitura pública com escrita protegida (RLS). Um CMS headless leve, gerido com segurança.
Catálogo vivo, páginas estáticas
As páginas são pré-geradas no build e revalidadas a cada 60 segundos: o catálogo acompanha a base de dados sem sacrificar velocidade. E o build é resiliente: se a base de dados faltar, o site continua a gerar-se on-demand.
Testado como um produto
Testes unitários com Vitest e testes end-to-end com Playwright, mais uma auditoria de performance e responsividade documentada. O formulário de contacto, com validação e RGPD, envia por EmailJS: a mesma entrega que o site da MIRAE usa.
SEO imobiliário a sério
Dados estruturados schema.org RealEstateAgent e WebSite, sitemap dinâmico gerado do conteúdo da base de dados, robots.txt programático e Open Graph por empreendimento, com imagem, título e descrição de cada imóvel.
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.