Fase 1 · protótipo em avaliação
Uma base para evoluir.
Sem perder a história.
Home institucional e página do Albatroz, com direção visual própria, materiais identificados e navegação demonstrável. Esta versão ainda não é um tema WordPress nem um site publicado.
01 / Direção visual
A Home segue a referência OnePack Home 01 — Light: abertura ampla, hierarquia editorial e portfólio. Os empreendimentos seguem a Home 02 — Dark: imersão no projeto, imagens grandes e narrativa dos espaços. Referências de composição, sem copiar código, imagens ou identidade do tema.
A marca mantém seus logotipos originais. Branco quente, grafite e dourado organizam os contrastes; a fonte Manrope é local e sua licença acompanha os arquivos. As linhas de design dos carrosséis permanecem intactas.
02 / O que será editável no WordPress
| Módulo | Campos previstos | Regra editorial |
|---|---|---|
| Abertura da Home | Título, apoio, imagem/vídeo, poster, CTA e empreendimento em destaque. | Uma mensagem central, imagem identificada e alternativa estática. |
| Empreendimentos | Nome, cidade/UF, imagem, ordem, filtros, link, status e ficha. | Status e disponibilidade só com fonte atualizada. |
| Institucional | História, imagens, marcos e links. | Indicadores e datas sujeitos à confirmação. |
| Blog e histórias | Posts existentes, categorias, busca, paginação, chamadas e template de artigo com autor, data e mídias. | Preservar o acervo desde 2019, URLs e metadados. Nesta prévia, os links abrem os artigos atuais. |
| Vídeos | Destaque na Home, filme e atualizações dentro do empreendimento, incorporações nos artigos. | Carregar player apenas após interação; organizar videoteca por projeto quando houver acervo suficiente. |
| Página do empreendimento | Abertura, atributos, implantação, experiências, galeria, vídeo, localização, materiais e FAQ. | Acervo isolado por empreendimento; não alterar arquitetura. |
| Obras | Etapa, percentual validado, data, fotos e responsável pela atualização. | Não publicar 0% como substituto de dado ausente. |
| Atendimento | Destino, mensagem, campos, consentimento e integrações. | Validação de privacidade, antifraude e entrega antes de ativar. |
Proposta técnica: tema de blocos com padrões reutilizáveis e um plugin do cliente para o tipo de conteúdo “Empreendimento” e seus campos. Assim, os dados não ficam presos à aparência do tema. O tema será próprio, conforme o PRD; o OnePack permanece apenas como referência visual. O levantamento do ambiente atual e a aprovação visual antecedem essa implementação.
03 / Blender e experiência visual
Agora: a abertura da Home aproxima a imagem conforme a rolagem, com botão de pausa e alternativa para movimento reduzido. É um efeito 2D sobre o render existente. A implantação navega entre perspectivas fornecidas; não há mapa de disponibilidade, geometria 3D ou medições técnicas interativas.
Próxima fase: receber arquivos nativos e autorização de uso; validar geometria, materiais e câmeras; produzir uma sequência curta no Blender; aprovar um quadro estático antes de renderizar a animação completa.
Para uma câmera que avance de verdade, o Blender renderizará um percurso validado. O site poderá vincular o progresso desse vídeo ou de uma sequência otimizada de quadros à rolagem, com poster e carregamento progressivo. Uma versão 3D interativa, se necessária, terá orçamento próprio de peso e desempenho, níveis de detalhe e alternativa estática. Movimento reduzido, celular e controles por teclado fazem parte dos critérios de aceite.
04 / Migração com pontos de controle
- Aprovar esta direção: Home, Albatroz, conteúdo e comportamento no celular.
- Inventariar o site atual: URLs, páginas, posts, mídia, formulários, SEO, plugins, hospedagem e backups.
- Construir em homologação: ambiente separado, bloqueado para indexação e sem receber contatos reais.
- Migrar e comparar: preservar slugs; mapear redirecionamentos somente quando uma URL precisar mudar; conferir imagens, textos, canonical e sitemap.
- Testar antes de publicar: formulários e entrega, consentimentos, acessibilidade, desempenho, links e dispositivos.
- Publicar com autorização: backup verificado, plano de retorno e acompanhamento pós-lançamento.
Metas propostas de experiência: LCP ≤ 2,5 s, INP ≤ 200 ms e CLS ≤ 0,1 no percentil 75. São metas para validação, não resultados medidos neste protótipo local.
05 / Antes de entrar em produção
- Aprovação visual e revisão das chamadas editoriais.
- Lista completa dos empreendimentos e situação comercial atual.
- Validação das informações, documentos e etapas de obras do Albatroz.
- Contatos, política de privacidade e destino real dos formulários.
- Direitos de publicação de imagens e vídeos; autorização para materiais 3D.
- Escolha final da base WordPress e levantamento do ambiente existente.
O formulário do protótipo apenas demonstra o fluxo: nenhum dado é enviado ou armazenado. Links do portfólio, notícias, vídeo e material institucional podem levar ao conteúdo público atual.
06 / Referências de implementação
WordPress: tipo de conteúdo em plugin · Google: migração de URLs · Core Web Vitals · Carregamento progressivo de 3D