Visão Geral
Projeto de transformação digital + branding de A Divina Brigaderia · doceria artesanal com 11 anos de operação na cidade. Em 5 sessões intensas, construímos a Fase 1 do sistema de marketing (Atração Qualificada), o Brandbook completo em 4 sub-fases (A · B · C · D), o sistema de download funcional e publicamos tudo em www.adivinabrigaderia.com.br com URLs amigáveis em pt-BR, SSL automático e CDN global via Cloudflare Pages.
🟢 Site oficial no ar
URL principal: https://www.adivinabrigaderia.com.br
Atalhos prontos pra mandar pela equipe no WhatsApp:
- ·
www.adivinabrigaderia.com.br/manualdemarca→ Brandbook Formal - ·
www.adivinabrigaderia.com.br/galeria→ Galeria visual + downloads JPG - ·
www.adivinabrigaderia.com.br/sistema3d→ Sistema 3D Digital - ·
www.adivinabrigaderia.com.br/regras→ Don'ts Visuais - ·
www.adivinabrigaderia.com.br/atracao→ Projeto Atração e Retenção
Hospedado no Cloudflare Pages (projeto divinabrigaderia) · SSL automático · CDN global · sem indexação no Google (noindex) · acesso da equipe interna.
O que está pronto
| Projeto | Status | Entregáveis |
|---|---|---|
| Projeto 01 · Atração e Retenção Sistema de marketing em 7 fases |
Fase 1 CONGELADA | 5 documentos (pré-qualificador · parceiros · Instagram · tom · consolidado) · Fases 2-7 pendentes |
| Projeto 02 · Brandbook Identidade visual completa |
4 sub-fases prontas | Direção criativa · Sistema Visual · Brandbook Formal · Sistema 3D Digital · Don'ts · Galeria · 21 JPGs |
Princípios fundadores
- · Identidade visual existente é INTOCÁVEL · 11 anos de equity local preservado
- · Heritage é ativo · "Desde 2015" entra como elemento estrutural
- · Marca vende o ano todo · agro é termômetro, não cronograma
- · SLA WhatsApp 7 minutos · diferencial competitivo já real
- · Brigaderinho sagrado · olhos coração jamais removidos
- · Sistema 3D trabalha o ambiente · nunca a marca
Timeline
Diagnóstico estratégico
Diagnóstico completo do negócio de festas. Mapeamento de "máquina de vendas" (funil Atração → Captação → Conversão → Entrega → Recompra). Blueprint arquitetura no Excalidraw. Decisão: foco 100% em festas via marketing digital, com a Taize como rosto da marca.
manhã
Atração Qualificada · Fase 1 (5 documentos)
Validação de 14 perguntas estratégicas com Alexandre · análise dos 7 cardápios PDF · pesquisa externa em wedding industry · entrega de 5 documentos: 01_ATRACAO_QUALIFICADA.html (consolidado), pre_qualificador_spec.html (5 perguntas + GHL + Supabase + CAPI), parceiros_priorizados.html (15-20 parceiros + 3 camadas), instagram_destaques_e_editorial.html (8 destaques + 13 reels da Taize), conteudo_dor_emocao_taize.html (5 pilares).
tarde
Brandbook-A · Direção Criativa
Análise visual forense do logo atual · 3 style tiles criados (Heritage Boutique · Modern Romantic · Editorial Confectioner) em HTML interativo com tipografia real, paletas reais, mockups conceituais. Alexandre escolheu inicialmente Heritage Boutique.
noite
Brandbook-B · Construção do Sistema Visual
Construído sistema visual completo Heritage Boutique: 19 correções técnicas no logo · paleta de 8 cores · sistema tipográfico em 3 camadas · 12 ícones SVG · 6 padrões gráficos · Brigaderinho documentado · 7 documentos especializados + 1 style guide intermediário consolidado.
manhã
Conversão massiva .md → .html · correção do Brigaderinho real
17 documentos convertidos de Markdown para HTML (decisão: Alexandre não visualiza .md). Inspeção visual dos arquivos MASCOTE FUNDO BRANCO.jpg e BRIGADEIRO.png · correção da descrição do Brigaderinho (era "woodcut vintage", real é cartoon flat moderno com olhos coração).
tarde
Brandbook-D · Sistema 3D Digital
Documento completo do Sistema 3D para uso em landing pages, funnel hubs, cardápios digitais. 3 camadas (A: original · B: 3D mockups · C: CSS/SVG 3D). 5 mockups CSS 3D funcionando ao vivo (cartão flutuante · caixa rotacionável · Brigaderinho animado · Funnel Hub Linktree · hero parallax). 4 snippets de código pronto para usar no Lovable.
noite
Brandbook-C · Brandbook Formal + Don'ts Visuais
Documento oficial publicável (brandbook_formal.html) com 14 capítulos navegáveis: manifesto · heritage · logo · paleta · tipografia · ícones · padrões · Brigaderinho · 3D · aplicações · don'ts · tom visual · decisão rápida · pacote de ativos. Don'ts Visuais (donts_visuais.html) com 20 regras comparativas ✓/❌ para proteger a marca de uso indevido.
noite
Sistema de downloads JPG via PowerShell
21 ativos visuais convertidos em JPG (qualidade 92) via PowerShell + System.Drawing. Pasta _DOWNLOADS_JPG/ criada. Nomenclatura kebab-case sem acentos para compatibilidade universal. Galeria Visual atualizada com TODAS as imagens clicáveis para download · funciona em Android, iPhone, computador. Erros de português corrigidos ("Logo Principal", "Logo Marrom"). Seção "Fotos da Loja" removida.
sessão 4
Fix do botão de download da Galeria Visual + servidor HTTP local
Bug identificado: o atributo HTML download é ignorado por navegadores quando o arquivo é aberto via file:// (duplo-clique). Quando Alexandre clicava na imagem, ela só abria em nova aba. Correção em 2 frentes:
- ·
_GALERIA_VISUAL.htmlredesenhada · botão "⬇ Baixar JPG" visível e dedicado em cada card (separado do clique na imagem) · JavaScript robusto comfetch + Blob· feedback visual no botão (⏳ Baixando → ✓ Baixado!) · fallback para file:// com alerta orientando o usuário - ·
_iniciar_galeria.ps1+_iniciar_galeria.bat· servidor HTTP local viaSystem.Net.HttpListener· porta 8765 · MIME types completos · serve a pasta-mãe para permitir../LOGOS/· abre navegador automaticamente · duplo-clique resolve para usuário não-técnico
Resultado: dois caminhos para download funcional — direto (file://, com aviso) ou via servidor local (1 clique no .bat, 100% funcional).
sessão 5
🚀 Deploy oficial concluído · www.adivinabrigaderia.com.br NO AR
Bug arquitetural identificado: o _INDEX.html enviado solto via WhatsApp ficava num sandbox content://com.whatsapp/ e não conseguia acessar as pastas vizinhas (ERR_FILE_NOT_FOUND). Solução implementada: hospedar tudo online no domínio próprio.
Decisões e setup:
- · Decisão #21 trancada: padrão de URL obrigatório
www.adivinabrigaderia.com.br/OQUEVEMDEPOIS· slug minúsculo, sem acento, sem hífen, pt-BR · proibido usar URL de plataforma (.pages.dev, .vercel.app, .lovable.app) - ·
_redirectscom 17 slugs amigáveis (/manualdemarca,/galeria,/sistema3d,/regras,/atracao,/qualificador,/parceiros,/diagnostico,/playbooke variações tolerantes a erro) - ·
_headerscomX-Robots-Tag: noindex, nofollow+ cache control diferenciado (assets 1 ano, HTMLs 1 hora) + headers de segurança - ·
_DEPLOY_INSTRUCOES.htmldocumenta o passo-a-passo completo
Execução do deploy (Alexandre + Gerardinho ao vivo):
- · Ghostscript não estava no winget · pivotamos para PyMuPDF (Python) que já estava instalado · script
_comprimir_pdfs.pycriado em substituição - · 3 PDFs gigantes comprimidos: Doces 56.86 → 10.38 MB (-81.7%) · Bolos e Tortas 48.24 → 18.99 MB (-60.6%) · Revendas 30.81 → 14.05 MB (-54.4%) · total 135 MB → 43 MB (-68% · 92 MB economizados)
- · Originais preservados em
_BACKUP_PDFS_ORIGINAIS/(movidos para fora do projeto após erro do Wrangler tentando fazer upload deles) - ·
npm install -g wrangler· Wrangler 4.94.0 instalado - ·
npx wrangler login· OAuth via navegador (PATH não atualizado na sessão, usamos npx) · Successfully logged in - ·
npx wrangler pages deploy . --project-name=divinabrigaderia --commit-dirty=true· projeto criado · 219 MB de assets uploaded - · Custom domains:
www.adivinabrigaderia.com.brativo +adivinabrigaderia.com.brapex redirecionando · ambos com SSL · MakeFunnels desconectado do apex (funnel hub legado será substituído)
Testes finais (todos 200): /, /manualdemarca, /galeria, /sistema3d, /regras, apex.
Ressalva técnica: Cloudflare Pages está fazendo 308 (redirect) em vez de rewrite nas rotas amigáveis · a URL muda pra versão longa após carregar (/manualdemarca vira /BRANDBOOK_IDENTIDADE_VISUAL/10_brandbook_final/brandbook_formal) · funciona perfeitamente mas a URL bonita não persiste · resolver depois via Pages Functions ou renomeando arquivos.
Próxima atualização do site: npx wrangler pages deploy . --project-name=divinabrigaderia --commit-dirty=true da raiz do projeto.
Projeto 01 · Atração e Retenção
Sistema de marketing em 7 fases · projetado para aumentar volume de festas (5-8/mês → 12-15/mês) e ticket médio, mantendo caráter boutique premium.
| Fase | Status | Foco |
|---|---|---|
| 1 · Atração Qualificada | CONGELADA | Pré-qualificador 5 perguntas · parceiros · Instagram · tom da Taize |
| 2 · Retenção e Lifecycle | Pendente | Calendário Família · Régua Memória 11 meses · Cross-sell · Régua aniversário pessoal |
| 3 · Gamificação por Níveis | Pendente | Cliente → Família da Casa → Madrinha → Embaixadora |
| 4 · Programa de Madrinhas | Pendente | Estrutura indicação · tracking · recompensas |
| 5 · Atendimento Estratificado | Pendente | Protocolo Taisa + Taize por faixa de ticket |
| 6 · Arquitetura Técnica | Pendente | Schema Supabase consolidado · Make · GHL · CAPI |
| 7 · Copy e Mensagens | Pendente | WhatsApp · e-mails · scripts · cartas |
Documentos entregues na Fase 1
- · 01_ATRACAO_QUALIFICADA.html ⭐ consolidado
- · pre_qualificador_spec.html · 5 perguntas + GHL + Supabase + CAPI · SLA 7 min
- · parceiros_priorizados.html · 15-20 parceiros · modelo 3 camadas
- · instagram_destaques_e_editorial.html · 8 destaques · 13 reels da Taize
- · conteudo_dor_emocao_taize.html · 5 pilares · léxico · anti-IA
Projeto 02 · Brandbook
Brandbook completo em 4 sub-fases · preserva 11 anos de equity local · adiciona disciplina, hierarquia e contexto digital.
| Sub-fase | Entrega | Status |
|---|---|---|
| Brandbook-A · Direção Criativa | 3 style tiles · Heritage Boutique escolhido | Concluída |
| Brandbook-B · Sistema Visual | Style guide intermediário com SVGs reais | Concluída |
| Brandbook-C · Brandbook Formal | Documento oficial · 14 capítulos navegáveis + Don'ts Visuais (20 regras ✓/❌) | Concluída |
| Brandbook-D · Sistema 3D Digital | 5 mockups CSS 3D + código pronto | Concluída |
| Galeria Visual | 21 ativos clicáveis para download em JPG | Concluída |
Componentes documentados
- · 4 variações principais (V1 + V2)
- · 4 selos circulares
- · 5 logos legado
- · 19 correções técnicas documentadas
- · 8 cores oficiais com hierarquia
- · 5 combinações aprovadas
- · WCAG checado · combinações proibidas listadas
- · Playfair Display (Display)
- · Inter (Texto)
- · Cursiva exclusiva só no logo
- · 12 ícones SVG derivados da marca
- · 6 padrões gráficos
- · Brigaderinho (cartoon flat moderno · olhos coração rosa)
- · Sistema 3D em 3 camadas
21 ativos prontos para download (JPG)
Convertidos via PowerShell · nomenclatura kebab-case sem acentos · pasta BRANDBOOK_IDENTIDADE_VISUAL/_DOWNLOADS_JPG/
Compatível com Android · iPhone · Windows · Mac. Compacte a pasta em ZIP e envie para a equipe de marketing.
20 Decisões Trancadas
Não reabrir sem motivo forte. Cada decisão custou debate · documenta caminho percorrido.
| 1 | Marca = "A Divina Brigaderia" (sempre com artigo) |
| 2 | Heritage = desde 2015 (11 anos em 2026) · honra explícita |
| 3 | Tagline 2026 = "Desde 2015, confeitaria de festa" |
| 4 | Mascote = Brigaderinho · cartoon flat moderno · olhos coração rosa INTOCÁVEIS |
| 5 | Hierarquia mascote: FORTE em Kit Escolar/Infantil · AUSENTE em Casamento/15 Anos/Corporativo |
| 6 | Paleta = 8 cores (Chocolate · Cacau · Magenta · Dourado · Areia · Off-white · Creme · Preto) |
| 7 | Cinza #C3C3C3 descontinuado · substituído por Off-white #F8F0E5 |
| 8 | Tipografia = 2 camadas · Playfair Display + Inter |
| 9 | Cursiva exclusiva restrita ao LOGO · não é fonte do sistema |
| 10 | Identidade visual existente é INTOCÁVEL · 11 anos de equity |
| 11 | Caminho de identidade = Heritage Boutique (Caminho 01) · pode migrar para Editorial Digital |
| 12 | Atendimento WhatsApp = Taisa padrão · Taize em paralelo (autoridade técnica, ticket alto, IA refs) |
| 13 | SLA WhatsApp = até 7 minutos em todas as trilhas |
| 14 | Mensagem automática = "Em alguns instantes a equipe A Divina Brigaderia irá lhe responder. 🤎" |
| 15 | Agro = termômetro de contexto, não cronograma · vende o ano todo |
| 16 | Combos Mini-Festa SEM checkout direto · sempre atendimento humano antes |
| 17 | Gateway = Pagar.me |
| 18 | Sample Box ELIMINADA · degustação R$ 199 presencial já cumpre o papel |
| 19 | MÉTODO VGP da Taize fora do escopo · projeto externo |
| 20 | Sistema 3D = ambiente 3D ao redor da marca · NUNCA modelar logo/mascote em 3D |
| 21 | Padrão de URL obrigatório = www.adivinabrigaderia.com.br/OQUEVEMDEPOIS · slug minúsculo, sem acento, sem hífen, pt-BR · proibido usar URL de plataforma (.pages.dev, .vercel.app, .lovable.app) |
Aprendizados Operacionais
Padrões de trabalho que emergiram nas 3 sessões · aplicar em qualquer cliente Funnel Labs.
1. Sempre HTML, nunca Markdown
Alexandre não visualiza arquivos .md. Todo entregável deve nascer em HTML com design consistente. Tipografia Playfair + Inter · paleta da marca · navegação por breadcrumb · ícones de download quando aplicável.
2. Imagens reais embedadas, sempre
Documento descrevendo a marca sem mostrar a marca = "receita sem foto do prato". Quando o cliente tem acervo visual real, embedar as imagens reais nos HTMLs usando caminhos relativos para a pasta de ativos.
3. Inspeção visual antes de descrever
Eu havia descrito o Brigaderinho como "woodcut vintage" sem ver o arquivo real. Errado: ele é cartoon flat moderno. Sempre abrir o arquivo de imagem antes de descrever o ativo visual. Read tool funciona com imagens.
4. PowerShell + System.Drawing para conversões em massa
Para gerar versões JPG de PNGs com transparência (download universal), usar System.Drawing do .NET. Roda direto no Windows sem dependência externa. Salvo em pasta dedicada com nomenclatura kebab-case sem acentos para compatibilidade universal (Android, iPhone, Windows).
5. Heritage como ativo estratégico em 2026
Marcas com 10+ anos têm vantagem competitiva em 2026. Burberry · Pepsi · Pringles validam o movimento "heritage revival com refinamento". Não esconder a idade da marca · celebrar. "Desde 2015" vira selo, não nota de rodapé.
6. Sistema 3D sem modelar a marca
Modelar logo/mascote em 3D real descaracteriza. O caminho premium é manter a marca 2D e trabalhar o AMBIENTE 3D ao redor (sombras realistas · perspective · parallax · CSS transform). Spline + CSS puro entregam 80% do efeito com 10% do esforço.
7. Don'ts Visuais como defesa de equity
Marca com terceiros (gráfica · freelancer · parceiro · funcionário novo) precisa de guia EXPLÍCITO ✓/❌. Texto não basta · precisa de exemplo visual comparativo. 20 regras protegem 11 anos de equity das aplicações ruins inevitáveis.
Próximos Passos Sugeridos
Em ordem de prioridade. Alexandre escolhe o que disparar primeiro · cada um pode ser uma sessão completa.
🥇 Prioridade 1 · Funnel Hub (próxima sessão)
Substituir o funnel hub legado do MakeFunnels (já desconectado do apex em 2026-05-25) por uma versão própria em HTML/CSS aplicando o Sistema 3D Digital. Hub central de todos os links do Instagram bio. Tempo: 1 sessão · entrega imediata.
Inclui: avatar 3D · cards 3D para cada link · navegação suave · responsivo mobile-first. URL alvo: www.adivinabrigaderia.com.br/links ou /hub.
🥈 Prioridade 2 · Landing Page de Orçamento
Construir a página do pré-qualificador da Fase 1 (5 perguntas · ramificação Combo/Sob Medida · captura de origem) em Lovable com Sistema 3D no hero. Tempo: 2-3 sessões.
Inclui: integração GHL · webhook Make · Pagar.me para Combos · CAPI server-side.
🥉 Prioridade 3 · Cardápio Digital interativo
Versão web dos 7 cardápios PDF · navegação por categoria · scroll com perspective · fotos reais dos doces em 3D · responsivo. Tempo: 2-3 sessões.
🏁 Prioridade 4 · Retomar Fase 2 do projeto Atração
Retomada do Projeto 01 · Fase 2 (Retenção e Lifecycle): Calendário da Família · Régua de Memória 11 meses · Cross-sell por tipo · Régua aniversário pessoal. Tempo: 2 sessões.
Depende do go-live da Fase 1 (sem clientes cadastrados, lifecycle não roda).
📦 Prioridade 5 · Mockups de embalagens
Mockups visuais das 7 embalagens planejadas (caixa de bombom · caixa de bolo · sacolas · etiquetas · papel de seda · tag de presente). Para apresentar a gráficas e validar produção. Tempo: 1-2 sessões.
🌐 Prioridade 6 · Site Institucional
Home · Sobre · Produtos · Galeria · Contato · com Spline avançado e parallax. Maior projeto da lista. Tempo: 5-7 sessões.
Como Retomar (nova sessão)
Texto para iniciar nova sessão
Cole isso no início de qualquer nova conversa do Claude Code para retomar o projeto:
Checklist da nova sessão
- ☐ Ativar squad
/Gerardinho - ☐ Ler
CLAUDE.md(contexto · pessoas · stack · 20 decisões trancadas) - ☐ Abrir
PLAYBOOK.html(timeline · projetos · próximos passos) - ☐ Abrir
_INDEX.html(hub visual de navegação) - ☐ Confirmar com Alexandre qual prioridade atacar
- ☐ Não reabrir decisões trancadas sem motivo forte
- ☐ Sempre entregar em HTML · nunca .md
- ☐ Sempre embedar imagens reais quando aplicável
Heritage de 11 anos preservado · brandbook completo · marketing fase 1 congelado · Sistema 3D documentado · 21 ativos prontos para uso.
O projeto está respirando. Manda quando quiser continuar.