← Todos os projetos ↳ case · 01 / 04 · web premium · 3D

Mirantes
da Ilha

Tipo Site de loteamento premium
Localização Palmital de Minas, MG
Stack Three.js · GSAP · HTML/CSS/JS
Status ● Live · mirantesdailha.com.br

O projeto

Mirantes da Ilha é um loteamento de luxo às margens da represa UHE Queimado, em Palmital de Minas/MG. O cliente precisava de uma presença digital à altura do empreendimento — algo que transmitisse exclusividade, natureza e segurança de investimento.

A solução foi um site com hero imersivo em tela cheia, mapa 3D interativo dos lotes construído em Three.js r128, e animações de scroll suaves via GSAP. Tudo servido via Vercel com deploy automático.

3D Mapa interativo
dos lotes
100vh Hero imersivo
com parallax
A+ Lighthouse
Performance
Mirantes da Ilha — Hero com vista aérea da represa
↳ Hero — Vista aérea da represa UHE Queimado

O que precisava
ser resolvido

O maior desafio era comunicar a localização e os limites dos lotes de forma que o comprador em potencial conseguisse visualizar o terreno sem visitar o local — especialmente compradores de outras cidades.

Sites tradicionais de loteamento usam imagens estáticas ou PDFs de plantas. A proposta foi criar uma experiência 3D interativa onde o usuário poderia girar, aproximar e explorar a disposição dos lotes diretamente no browser, sem precisar instalar nada.

Mirantes da Ilha — Mapa 3D interativo dos lotes
↳ Mapa 3D — Lotes interativos com Three.js r128

Como foi
construído

O mapa 3D usa Three.js r128 com geometrias personalizadas para representar o terreno e os lotes. Cada lote é um mesh clicável que exibe informações detalhadas (área, preço, disponibilidade) ao ser selecionado. A câmera permite órbita livre com OrbitControls.

O hero usa parallax nativo via CSS transform com aceleração de GPU, garantindo 60fps mesmo em dispositivos móveis. As animações de entrada das seções foram implementadas com GSAP ScrollTrigger, criando um ritmo de revelação cinematográfico ao descer a página.

O formulário de contato captura interesse nos lotes específicos e direciona para WhatsApp com o lote selecionado pré-preenchido na mensagem.

Tecnologias

Three.js r128 GSAP 3.x ScrollTrigger HTML5 / CSS3 JavaScript ES6+ OrbitControls Vercel GitHub Actions Schema.org Open Graph
Mirantes da Ilha — Vista dos terrenos à beira da represa
↳ Seção de lotes — Visão dos terrenos à beira d'água

O que
foi entregue

Site totalmente responsivo, com loading suave, mapa 3D interativo funcional em desktop e mobile, formulário integrado ao WhatsApp do corretor e SEO técnico completo (Schema.org, Open Graph, sitemap).

A experiência 3D se tornou o principal diferencial do empreendimento nas apresentações para compradores — o cliente relatou que prospectivos compradores passavam mais tempo explorando os lotes online antes de agendar visitas presenciais.

● Live · mirantesdailha.com.br

↳ Quer algo assim?

Visitar o site ↗ Falar sobre meu projeto ↗
← Todos os cases Ver todos