O que existe agora, nos mínimos detalhes.

1 · A home (/)

A vitrine. Herói em vídeo aéreo com "Um Laguna é inconfundível", busca decorativa "Encontre o seu Laguna", grade de seis projetos, bloco dos 30 anos em vídeo, reconhecimento (LEED Platinum, 1º WELL residencial da América Latina, 30 anos; os números contam de zero até o valor quando entram na tela e dão uma mexida no hover), marquee de imprensa, Estúdio Laguna com esteira de pôsteres, Galeria Laguna, Clube Laguna e o footer padrão com newsletter.

• Só o ZAHI navega. VAZ, BIOOS, KAÁ, TREVI e JOÁ estão com selo fixo "Em breve" na foto e sem clique: ninguém cai nas páginas antigas numa demonstração. No footer, mesma regra.
• Ícones do menu, busca e chat se redesenham no hover; o balão de chat dá um pulinho.
• Consertados nesta rodada: grafia "Táunay"→Batel no card do ZAHI, vão exagerado entre a busca e os projetos, selo "Protótipo IHC · estudo" no canto (padrão das outras páginas).

2 · A página do ZAHI (/emp/zahi/)

A página de venda, na ordem sonho → produto → vida → autoridade → prova → confiança → ação:

• Hero em vídeo: loop de 14s cortado do filme oficial, sem lettering, sem o trio de arquitetos, sem cartão-logo, upscalado para 2K. No celular, o conjunto empilha à esquerda e o menu enxuga para Início + logo.
• Manifesto: "Quando as linhas precisas se encontram…" com o texto oficial do conceito.
• O filme: thumbnail em alta (frame da fachada com o letreiro ZAHI, upscalado para 4K; o texto pequeno da placa foi devolvido ao original porque o upscaler inventou letras) com botão de play; o vídeo só carrega no clique, já tocando.
• O bairro: painel escuro com distâncias reais a pé e de bike (Praça da Espanha, Vita Batel, Pátio Batel…).
• O projeto em números: ficha oficial em duas fileiras de três; números contam ao entrar na tela e reagem ao mouse.
• Residências disponíveis: cinco cartões com as plantas recortadas (fundo removido por algoritmo próprio, três iterações até ficar limpo); CTA agora é "Página em breve" até fazermos as páginas de unidade no nível.
• Galeria "por dentro e por fora": três abas (Empreendimento, Áreas comuns, Residências) com lightbox.
• Áreas comuns: painel escuro com os dois masterplans oficiais convertidos para o fundo escuro via nano banana (com controle de qualidade número a número: uma alucinação "20→28" foi transplantada de volta do original), 49 botões tocáveis com nome e foto de cada área, legenda completa. No celular, o masterplan ganha zoom com arrasto lateral e a dica "arraste · toque nos números".
• Design Thinkers: 42 retratos vivos: sérios parados, ganham vida no hover (no celular, ganham vida ao entrar na tela); clique abre o cartão do profissional com vídeo + bio factual. Bernardes em destaque como melhor escritório residencial do mundo em 2024 (Architizer A+Awards).
• Curadoria Simões de Assis: painel escuro com a fachada da galeria.
• Concierge: seis serviços com ícones de linha animados.
• Performance: fundo em imagem inteira (piscina/fachada) e botão para a experiência imersiva embutida (abre em tela cheia com Fechar alinhado, sem brigar com nada).
• Padrão Laguna: cinco abas no mesmo padrão: banner inteiro, três cartões-destaque com ícones, lista compacta. Sustentabilidade e Bem-estar entraram no padrão nesta noite, com os selos LEED/WELL discretos em cinza que ganham cor no hover.
• Status do empreendimento: anel animado com os 13% da obra, onze fases com barras que crescem, fita mensal de fotos reais do canteiro (dez/2025 → jun/2026).
• O Batel, na porta: mapa real (Leaflet/CARTO) em seção inteira, pino pulsante no endereço, cartão com referências e link pro Google Maps. No celular o dedo rola a página (o mapa move por pinça e botões).
• Chamada final + footer padrão: "Veja o Batel por um novo prisma", consultor e Sala de Experiência, footer idêntico ao da home.

Sistema da página

• Ritmo vertical único: um só espaçamento entre todas as seções (a causa-raiz dos "buracos" e das seções coladas era uma regra que zerava o respiro; corrigida na base).
• Tudo anima: textos e imagens sobem ao entrar na tela; todo ícone se desenha traço a traço (o detalhe verde entra depois); no hover, ícones se redesenham, números pulam, imagens dão zoom sutil.
• Sem travessão em texto nenhum (16 removidos e reescritos), acentuação conferida.
• Fidelidade: só material oficial: medidas, legendas, fases da obra e textos vêm da página oficial do ZAHI; estrutura de arquitetura é intocável.

3 · A experiência imersiva (/performance-assets/…)

O scrollytelling de performance (piso aberto camada por camada, janela em corte, água, números medidos) agora termina em "Sentiu na tela. Agora sinta ao vivo." com o footer padrão da casa logo abaixo: a experiência deixou de ser um beco sem saída. Quando roda embutida no ZAHI, o botão de consultor do topo some e só o Fechar fica no canto. No celular: título do herói sem colidir com o "role para descer", legendas quebrando linha (antes vazavam da tela), cartões finais no tamanho certo.

4 · Imagens e vídeos gerados ou tratados com IA

Total de gerações de IA nesta frente: 42 sorrisos + 21 regenerações de descanso + 42 vídeos + 2 masterplans + upscales = cerca de 129 jobs. Pôsteres do Estúdio Laguna, vídeos da home e retratos-base vêm das sessões anteriores do projeto.

5 · Acervo e infraestrutura

• Canal do YouTube da Laguna: 148 de 148 vídeos baixados (7,8 GB, com legendas de metadados e thumbnails); os 33 bloqueados pelo YouTube caíram nas tentativas espaçadas da madrugada. É o banco de matéria-prima para heróis, fundos e a página da Galeria.
• Bancada de prova própria: screenshots reais de cada seção e cada fronteira em desktop (1440px) e iPhone (390px), usada antes de cada entrega: nada foi dado como pronto sem foto.
• Simulador de iPhone (iPhone 17 Pro real, Safari): as três páginas abertas e verificadas; vídeo do herói e experiência imersiva rodando de verdade no iOS.

6 · Mobile: o que mudou nesta madrugada

• ZAHI: menu enxuto (Início + logo, sem colisão), herói empilhado à esquerda, bairro sem vão morto, masterplan com zoom + arrasto lateral + números maiores pro dedo, botão de play do filme no tamanho certo, mapa que não sequestra a rolagem, ficha em duas colunas, status empilhado, footer já responsivo.
• Imersão: título sem colidir com "role para descer", barrinhas de progresso escondidas, legendas quebrando linha, textos de estatística ocupando a largura, CTA final no tamanho certo.
• Home: já estava sólida (auditoria anterior); ganhou os selos Em breve e as contagens.
• Toque substitui hover onde precisa: retratos ganham vida ao entrar na tela, números do masterplan respondem ao toque, ícones se desenham na revelação.

7 · O que falta (backlog honesto)

• Páginas das 5 residências do ZAHI (hoje "Em breve"), incluindo o tour virtual pela planta (scrollytelling) que ficou desenhado mas não construído.
• Página própria da Galeria Laguna (pedido explícito) e galeria do ZAHI em 4 abas (separar áreas comuns internas/externas).
• CTA final com horários reais da Galeria Laguna e formulário de consultor (depende de decidir o destino do lead no CRM).
• Páginas dos outros empreendimentos no nível do ZAHI (BIOOS, KAÁ, TREVI, VAZ com unidades reais 62/81).
• Navegação utilitária no topo (fone/WhatsApp/portal) se a página for a público.

8 · Onde mora cada coisa

Tudo é protótipo de estudo, com selo IHC em todas as páginas e crédito ao material oficial da Laguna.

estrutura é intocávelboca fechada nos retratosQC de letreiro em toda geraçãoum só ritmo de espaçamentosem travessãosó material oficialnada pronto sem screenshotmobile antes de mostrar