Sequência e status
Tarefas por etapa
1 · Ambiente e documentação
1 · Ambiente e documentação
- Criar ambiente separado para a skin.
- Verificar DNS, HTTPS e redirecionamento.
- Disponibilizar a documentação no Mintlify.
- Registrar escopo, decisões, tarefas e critérios de aprovação.
- Conectar GitHub NOMMAD-Digital/Growtify, main e raiz.
- Conferir logo maior no site publicado em desktop.
- Validar documentação em mobile real.
2 · Viabilidade técnica GHL
2 · Viabilidade técnica GHL
- Revisar fontes oficiais de white label, Custom JS/Pages, menus e dashboards.
- Confirmar campos CSS/JS e tema na agência, sem salvar alterações.
- Confirmar requisitos de plano/distribuição e isolamento para o pacote final.
- Classificar superfícies com fontes e amostra de dashboard, oportunidades, contatos, conversas, calendário, automações, AI Agents e Sites.
- Medir interface atual em 390/1440 px e dashboard a 768 px; abrir/cancelar modal vazio sem salvar.
- Confirmar defeitos mobile e iframe de automações; separar observação de solução testada.
- Obter superfície autorizada de teste que permita CSS/JS temporário, sem salvar na agência.
- Executar prova de correção e reversão; login e aparelhos físicos ainda sem homologação.
- Definir direção CSS/JS mínimo e critérios de isolamento/reversão.
- Comprovar esses mecanismos no piloto antes da aplicação global.
- Registrar restrições de iframe, gráficos, builders e distribuição Marketplace.
3 · Direção visual e tema
3 · Direção visual e tema
- Preparar referências atuais e links oficiais de três candidatos.
- Comparar demos com Marcelo e registrar a direção visual.
- Comparar edições, componentes anunciados, amostra responsiva e termos públicos de licença.
- Validar todos os componentes e arquivos do pacote exato; confirmar licença por escrito.
- Registrar a escolha aprovada por Marcelo.
- Receber o pacote comprado e a licença.
4 · Base visual do tema aprovado
4 · Base visual do tema aprovado
- Instalar o pacote no ambiente estático, sem banco ou integrações.
- Criar a página interativa do Design System com tokens compartilhados.
- Preparar uma amostra representativa de componentes.
- Confirmar que os componentes do tema respeitam o mecanismo e a reversão provados na etapa 2.
5 · Telas reais e protótipo
5 · Telas reais e protótipo
- Inventariar rotas, perfis, estados e componentes reais.
- Começar pelo login e seguir a fila de telas observadas.
- Reproduzir cada tela em desktop, tablet e mobile.
- Registrar aprovação e ajustes por página.
- Preparar roteiro demonstrável com dados fictícios, se necessário para o vídeo.
6 · Aplicar a skin nativa
6 · Aplicar a skin nativa
- Adaptar componentes aprovados pelo mecanismo validado.
- Preservar ações, dados, permissões e navegação.
- Conferir estados dinâmicos e transições entre rotas.
- Registrar cobertura e exclusões por versão.
7 · Homologar
7 · Homologar
- Testar fluxos reais e comparar com a experiência sem skin.
- Conferir dark/light, três tamanhos, teclado e toque.
- Verificar gráficos, conversas, oportunidades, formulários e áreas isoladas.
- Corrigir falhas que impeçam tarefas e testar a reversão.
8 · Publicar
8 · Publicar
- Identificar pacote, versão anterior e cobertura autorizada.
- Liberar de forma controlada, sem expandir o escopo por conta própria.
- Verificar o carregamento e os fluxos no Growtify real.
- Registrar versão, mudanças, limitações e evidências.
9 · Manter
9 · Manter
- Revisar o monitor de atualizações já existente, evitando duplicação.
- Configurar verificações visuais e funcionais das rotas críticas.
- Definir alertas, permissões de correção e aprovação das exceções.
- Vincular mudanças do GHL a tarefas e versões da skin.