Imobiliária Projeto de demonstração
Atlântico Properties — imobiliária da Linha de Cascais
Um website leve, em tons de areia e mar, para uma agência independente de Cascais: carteira de imóveis filtrável com preços tabulares, fichas de detalhe, mapa interativo da costa e funil de avaliação gratuita.
feitura.pt/demo/atlantico — Ao vivo
Uma agência imobiliária independente de Cascais precisa de um site tão calmo e premium como a costa que vende. Os compradores têm de filtrar a carteira por tipologia, preço e concelho em segundos, no telemóvel, e os vendedores têm de ser conduzidos sem fricção até ao pedido de avaliação gratuita.
O que está lá dentro
- Grelha de imóveis filtrável: tipologia T1–T4, escalão de preço e concelho combinados em tempo real
- Modal de detalhe com ficha técnica completa, certificado energético e pedido de visita
- Mapa SVG interativo da costa — tocar num concelho filtra a carteira
- Formulário de avaliação gratuita com estado de confirmação inline
- Numerais tabulares IBM Plex Mono em preços e áreas em todo o site
- Sistema de design próprio em tons de areia e mar, com arte de horizonte abstrata por imóvel
- Layout mobile-first que se recompõe em tablet e desktop
- Fontes self-hosted, zero pedidos externos, suporte a movimento reduzido
Registo de construção
- Direção de arte: paleta areia/mar, escala tipográfica, sistema de arte de horizonte
- Tokens do sistema de design + header, hero e faixa de números
- Modelo de dados dos imóveis e grelha de cartões com arte de horizonte gerada
- Filtros combinados (tipologia, preço, concelho) + estado vazio
- Modal de detalhe: ficha técnica, extras, pedido de visita
- Mapa SVG da costa ligado aos filtros; formulário de avaliação
- Passagem responsiva a 768/1100, auditoria de contraste, movimento reduzido, afinação de copy
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
Lighthouse
95
Performance
100
Accessibility
100
Best practices
100
SEO