Incorporadora de alto padrãoFlorianópolis
Quebramar Incorporadora.
Site de lançamento do Maré Jurerê, prédio de 24 apartamentos da Quebramar Incorporadora em Jurerê Internacional. Quem compra na planta decide por andar, metragem, vista e prazo; o site organiza tudo em torno dessas quatro perguntas.
Estudo de caso
O desafio.
Sites de lançamento imobiliário costumam abrir com uma perspectiva e um formulário, e deixar a informação que decide a compra para o PDF ou para a conversa com o corretor. Os sites estrangeiros premiados que analisamos escondem registro, prazo e área. No Brasil, a Lei 4.591/64 e o Código de Defesa do Consumidor pedem o contrário: registro da incorporação nas peças, prazo com a tolerância contratual e publicidade precisa. O site precisava transformar essas exigências em parte do desenho.
- 01 Escolher antes da visitaO comprador quer comparar andar, metragem, suítes e vista antes de falar com alguém da incorporadora.
- 02 Anúncio que vira contratoPelo CDC, o que o anúncio informa com precisão passa a integrar o contrato, inclusive metragens e prazos.
- 03 Prazo com tolerânciaO prazo de entrega precisava aparecer sempre junto da tolerância de 180 dias do art. 43-A da Lei 4.591/64.
- 04 Sem pressão de vendaSelos de “últimas unidades” e status de vendida pressionam a decisão; a marca pede um tom sereno e preciso.
Método Flowt
O diagnóstico.
O site responde às quatro perguntas de quem compra na planta (andar, metragem, vista e prazo) e deixa o cronograma da obra e a tolerância de entrega à vista antes do contato.
- Primeira tela e proposta de valorNo celular, a primeira tela diz o que é e onde: 24 apartamentos de 3 e 4 suítes em Jurerê Internacional, salas e varandas para o norte.
- VelocidadeNa abertura, o maior elemento é o parágrafo das 24 unidades, e a perspectiva chega em várias larguras.
- Acessibilidade verificávelNo seletor, cada andar é uma aba com setas, Home e End, e a contagem do filtro é anunciada ao leitor de tela.
- Caminho até a ação principalAção principal: entrar na lista VIP, que diz o que a pessoa recebe: plantas em PDF, tabela quando publicada e convite com hora marcada.
- Informação por unidadeAs 24 unidades têm planta, área privativa, suítes, vagas, andar, fachadas, sol e a vista daquela altura.
- Obra e prazoA entrega aparece sempre com a tolerância de 180 dias, o cronograma marca a etapa atual e o início previsto da obra, e o site informa que há patrimônio de afetação.
Ver análise completa
Os 13 critérios, com a evidência de cada ponto: o que atende, o que atende em parte e o que depende de uma empresa real. Como a marca é um conceito, não existe um "antes" nem nota somada.
Ser encontrado
Títulos com bairro, suítes e metragem, um H1 por página, dados ApartmentComplex e seis FloorPlan nas Plantas, tudo em texto. Fica em parte: noindex, robôs de IA bloqueados e nenhuma menção de terceiros.
Marca conceito, sem avaliações reais. Num projeto real, a reputação da incorporadora seria medida antes e depois no Reclame Aqui e no Google, como pós-venda.
Ser escolhido
No celular, a primeira tela diz o que é e onde: 24 apartamentos de 3 e 4 suítes em Jurerê Internacional, salas e varandas para o norte. Plantas e lista VIP ficam à vista.
6 de 6 checagens
Estrutura pronta: incorporadora descrita pelo método, dois nomes com cargo, registro de incorporação e CRECI-J marcados como exemplo. Numa empresa real entram empreendimentos entregues, com endereço, data e registro verdadeiro.
Marca conceito, sem portais nem material de venda para comparar. Dentro do site, metragens, suítes e prazo saem de um só arquivo de dados, e o build para se um texto divergir.
As 24 unidades têm planta, área privativa, suítes, vagas, andar, fachadas, sol e a vista daquela altura. O preço fica sob consulta, com o caminho para receber a tabela quando sair.
A entrega aparece sempre com a tolerância de 180 dias, o cronograma marca a etapa atual e o início previsto da obra, e o site informa que há patrimônio de afetação.
Mapa desenhado com dados do OpenStreetMap e distâncias a pé e de carro com fonte e data. Como o prédio não tem terreno, o mapa marca só um ponto de referência, sem endereço.
Ser chamado
Na abertura, o maior elemento é o parágrafo das 24 unidades, e a perspectiva chega em várias larguras. Medição de laboratório, sem dados de campo, porque o site não tem visitas.
Lighthouse 99 no celular · LCP 2,1 s
No seletor, cada andar é uma aba com setas, Home e End, e a contagem do filtro é anunciada ao leitor de tela. No celular, a tabela avisa que rola e prende a primeira coluna.
Lighthouse 100 · axe sem violações nas 4 páginas
Nenhum rastreador, cookie ou pedido a terceiros. O consentimento da lista VIP cita uma política de privacidade que o site não tem, e não há medição instalada, porque é conceito.
Ação principal: entrar na lista VIP, que diz o que a pessoa recebe: plantas em PDF, tabela quando publicada e convite com hora marcada. Pela planta, a unidade já vem preenchida.
1 toque; 2 pela planta, com a unidade preenchida
A lista VIP tem consentimento específico e confirmação na hora, mas pede seis campos, não oferece WhatsApp nem telefone e não diz em quanto tempo responde. A resposta real não se mede num conceito.
Obrigações do setorLei 4.591/64 e Resolução COFECI 1.065/2007: registro de incorporação com cartório e CRECI-J no rodapé de todas as páginas, como exemplo, e a entrega sempre acompanhada da tolerância de 180 dias.
Num projeto real, cada critério é medido antes e depois, com a mesma régua e a evidência de cada ponto. Não há nota: o que se vê é quantos pontos continuam abertos.
Estratégia
Estratégia e mapa do site.
Todos os números do site saem de um arquivo de dados único, o mesmo que gera a ficha técnica, e a geração do site para se algum texto citar metragem ou prazo que não esteja nele. A home segue a ordem de quem decide: o lugar, o projeto em corte, o interior, as áreas comuns, o cronograma e a incorporadora. A página Plantas reúne o seletor de andares e a tabela das 24 unidades, ligados entre si. A Lista VIP recebe a unidade escolhida e diz o que a pessoa vai receber.
01Início
- Abertura e números do lançamento
- O lugar
- O projeto
- Por dentro
- Áreas comuns
- Cronograma de obra
- A incorporadora
- Chamada para a Lista VIP
02Plantas
- Abertura
- Filtro de unidades
- Seletor de andares
- As 24 unidades
- Chamada para a Lista VIP
03Lista VIP
- O que a pessoa recebe
- Formulário
- Perspectiva do prédio
Sistema visual
Tipografia, cor e ritmo.
Marcellus, em versais espaçadas, dá aos títulos o ar de letreiro gravado; Jost mantém tabelas e fichas legíveis. Mar profundo, espuma e areia alternam as seções, e o latão marca só o que orienta: botões, fios de rótulo e a linha do olhar no corte. As figuras abrem a partir de uma linha horizontal, como um horizonte, e o nome do lançamento fecha o espaçamento das letras ao entrar.
- Seletor de andares
- Corte com o sol calculado
- Mapa sobre o OpenStreetMap
- Ficha da unidade
- Rodapé regulatório
Momento assinatura
Seletor de andares.
O corte do prédio vira o menu: cada andar é uma aba, e uma linha de latão sobe até a altura dos olhos de quem mora ali. O painel mostra a planta do andar, a ficha da unidade, a planta do apartamento e a vista daquela altura. O filtro por suítes e área apaga o que não interessa, e a unidade escolhida segue para a Lista VIP com o número preenchido.
No celular
Feito para a tela pequena.
Três telas do site num celular de 390 px de largura, a mais comum hoje.
Recibos
Desempenho medido.
As notas abaixo são do site publicado, medidas pelo Lighthouse do Google. Não são uma promessa: são o estado do site no dia da medição. As demonstrações são apresentadas em vídeo. As medições registram o estado do projeto na data indicada.
No celular
- Maior elemento visível (LCP)
- 2.1 s
- Estabilidade (CLS)
- 0
- Bloqueio (TBT)
- 0 ms
No computador
- Maior elemento visível (LCP)
- 0.6 s
- Estabilidade (CLS)
- 0
- Bloqueio (TBT)
- 0 ms
Medido em 03/10/2026 com o Lighthouse 13.5.0, celular simulado e computador. *O SEO fica abaixo de 100 de propósito: o site conceito leva a instrução noindex para não aparecer no Google nem competir com empresas reais. Acessibilidade conferida também com o axe (zero violações) e alinhamento revisado em 7 larguras de tela.
Bastidores
Ficha técnica.
- Páginas
- Início, Plantas, Lista VIP e página 404
- Idiomas
- Português (Brasil)
- Tecnologia
- HTML, CSS e JavaScript sem framework
- GSAP e ScrollTrigger para as aberturas e o seletor de andares
- Arquivo de dados único em JSON para o site e a ficha técnica, com conferência automática dos textos
- Corte, 12 plantas de unidade e implantação em SVG desenhados no código
- Mapa em SVG com dados do OpenStreetMap e distâncias calculadas no OSRM
- Imagens em AVIF e WebP, em várias larguras
- CSS e JavaScript compactados com esbuild
- Dados estruturados schema.org (ApartmentComplex)
- Imagens
- Quinze perspectivas geradas por IA, todas com o selo “perspectiva ilustrada” e sem nada que identifique Florianópolis; o lugar entra só pelo mapa e pelas distâncias. Corte, plantas e implantação foram desenhados por código.
- Acessibilidade
- Andares como abas com setas, Home e End, contagem do filtro anunciada a leitores de tela, tabelas com a primeira coluna presa no celular, versão sem movimento e zero violações no axe nas quatro páginas.
- Regras do setor
- Segue a Lei 4.591/64 e a Resolução COFECI 1.065/2007: registro da incorporação, cartório e CRECI-J, marcados como exemplo, no rodapé de todas as páginas, e o prazo sempre com a tolerância de 180 dias.
Comece agora
Vamos colocar o seu digital no nível do seu serviço.
Comece pelo diagnóstico gratuito: a gente mede a sua presença digital e mostra, ponto a ponto, o que corrigir primeiro.
Agenda aberta para novos projetos
Conte sobre o seu projeto
Poucas informações bastam. O resto a gente pergunta.