// playbook-data.jsx — all content data, exported to window.PDATA const PDATA = { meta: { name: 'Operação Design', version: '1.0', updated: 'Abril 2026', designerCount: 13, accountCount: 19, }, nav: [ { id: 'overview', num: '01', label: 'Visão Geral', desc: 'Como organizamos o trabalho criativo' }, { id: 'accounts', num: '02', label: 'Tipologia de Contas', desc: 'A, B e C — complexidade e processo' }, { id: 'allocation', num: '03', label: 'Alocação de Designers', desc: 'Modelos, limites e senioridade' }, { id: 'map', num: '04', label: 'Mapa de Alocação', desc: 'Quem cuida de quê agora' }, { id: 'pipeline', num: '05', label: 'Pipeline de Trabalho', desc: 'Do briefing à entrega' }, { id: 'briefing', num: '06', label: 'Briefing como Contrato', desc: 'O acordo mínimo que protege todos' }, { id: 'principles', num: '07', label: 'Princípios Criativos', desc: '4 princípios não negociáveis' }, { id: 'guardrails', num: '08', label: 'Guardrails de Decisão', desc: 'Verde, Amarela e Vermelha' }, { id: 'rituals', num: '09', label: 'Rituais de Governança', desc: 'Cadência sem reunionite' }, { id: 'metrics', num: '10', label: 'Métricas Essenciais', desc: 'Para aprender, não vigiar' }, { id: 'gestao', num: '⚙', label: 'Gestão', desc: 'Cadastrar designers e contas' }, ], accounts: { A: { label: 'Contas de Sistema', desc: 'Alta complexidade criativa e impacto estratégico', color: 'purple', decision: 'Direção Criativa', rework: 'Alto', iterations: 'Muitas', characteristics: [ 'Construção de sistema visual completo', 'Múltiplas entregas simultâneas e integradas', 'Exige direção criativa consistente', 'Alto valor estratégico para o cliente', ], examples: 'Lançamento de marca, rebranding, campanha integrada multi-canal, desenvolvimento de linguagem visual', items: [ { name: 'Aurum Mobility', designer: 'Lara Monteiro', initials: 'LM' }, { name: 'Vértice Bank', designer: 'Caio Nunes', initials: 'CN' }, { name: 'Nimbo Play', designer: 'Bianca Avelar', initials: 'BA' }, { name: 'Prisma Pay', designer: 'Hugo Teles', initials: 'HT' }, { name: 'Laboratório IA', designer: 'Vitor Lessa', initials: 'VL' }, { name: 'Projetos Especiais', designer: 'Vitor Lessa', initials: 'VL' }, { name: 'Instituto Mosaico', designer: 'Lara Monteiro', initials: 'LM' }, ], }, B: { label: 'Produção Estratégica', desc: 'Demanda recorrente com padrão estabelecido', color: 'blue', decision: 'Produção Guiada', rework: 'Médio', iterations: 'Poucas', characteristics: [ 'Sistema visual já estabelecido', 'Produção recorrente e previsível', 'Requer consistência e velocidade', 'Baixa necessidade de exploração criativa', ], examples: 'Posts mensais redes sociais, adaptações de campanha, materiais de PDV, newsletters', items: [ { name: 'Giro Market', designer: 'Beatriz Paes', initials: 'BP' }, { name: 'Atlas Outdoor', designer: 'Joaquim Zago', initials: 'JZ' }, { name: 'Nativa Pharma', designer: 'Tainá Neves', initials: 'TN' }, { name: 'Forno & Afeto', designer: 'Mirela Bastos', initials: 'MB' }, { name: 'Órbita Tech', designer: 'João Valente', initials: 'JV' }, ], }, C: { label: 'Contas Táticas', desc: 'Baixo escopo, demandas pontuais e rápidas', color: 'green', decision: 'Execução Direta', rework: 'Baixo', iterations: 'Mínimas', characteristics: [ 'Entregas pontuais e esporádicas', 'Escopo simples e bem definido', 'Prazo curto, execução rápida', 'Alta autonomia do designer', ], examples: 'Banner para evento, ajuste em template, apresentação simples, peça única sem desdobramentos', items: [ { name: 'Cromo Editorial', designer: 'Isadora Reis', initials: 'IR' }, { name: 'Mobi One', designer: 'Isadora Reis', initials: 'IR' }, { name: 'Bloco Kids', designer: 'Ariane Melo', initials: 'AM' }, { name: 'Doce Norte', designer: 'Joaquim Zago', initials: 'JZ' }, { name: 'Rota Livre', designer: 'Mirela Bastos', initials: 'MB' }, { name: 'Centro Arquipélago', designer: 'João Valente', initials: 'JV' }, { name: 'Maré Alta', designer: 'Tainá Neves', initials: 'TN' }, ], }, }, // Perfis demonstrativos. As alocações são definidas exclusivamente em accounts.items. designers: [ { name: 'Lara Monteiro', role: 'Designer Sênior', email: 'lara.monteiro@equipe.example' }, { name: 'Caio Nunes', role: 'Designer Sênior', email: 'caio.nunes@equipe.example' }, { name: 'Bianca Avelar', role: 'Designer Sênior', email: 'bianca.avelar@equipe.example' }, { name: 'Hugo Teles', role: 'Designer Lead', email: 'hugo.teles@equipe.example' }, { name: 'Vitor Lessa', role: 'Designer Sênior', email: 'vitor.lessa@equipe.example' }, { name: 'Beatriz Paes', role: 'Designer Pleno', email: 'beatriz.paes@equipe.example' }, { name: 'Isadora Reis', role: 'Designer Pleno', email: 'isadora.reis@equipe.example' }, { name: 'Ariane Melo', role: 'Designer Júnior', email: 'ariane.melo@equipe.example' }, { name: 'João Valente', role: 'Designer Pleno', email: 'joao.valente@equipe.example' }, { name: 'Joaquim Zago', role: 'Designer Pleno', email: 'joaquim.zago@equipe.example' }, { name: 'Tainá Neves', role: 'Designer Pleno', email: 'taina.neves@equipe.example' }, { name: 'Mirela Bastos', role: 'Designer Pleno', email: 'mirela.bastos@equipe.example' }, { name: 'Pedro Diniz', role: 'Designer (Pausado)', email: 'pedro.diniz@equipe.example' }, ], pipeline: { stages: [ { num: '01', label: 'Entrada', desc: 'Recebimento da demanda e briefing inicial' }, { num: '02', label: 'Triagem', desc: 'Classificação, priorização e validação' }, { num: '03', label: 'Produção', desc: 'Criação e desenvolvimento criativo' }, { num: '04', label: 'Revisão', desc: 'Revisão interna e ajustes' }, { num: '05', label: 'Aprovação', desc: 'Validação com o cliente' }, { num: '06', label: 'Entrega', desc: 'Finalização e arquivamento' }, ], byType: { A: [ { stage: 'Entrada', detail: 'Briefing completo + reunião de kick-off. Entendimento profundo do contexto estratégico e escopo.' }, { stage: 'Triagem', detail: 'Análise de complexidade + materiais do cliente + alocação de designer dedicado.' }, { stage: 'Produção', detail: 'Exploração criativa → apresentação de conceitos → iteração aprovada → desenvolvimento. Múltiplas rodadas.' }, { stage: 'Revisão', detail: 'Revisão com direção criativa + validação técnica (checklist).' }, { stage: 'Aprovação', detail: 'Apresentação ao cliente + rodadas de ajuste + sign-off formal.' }, { stage: 'Entrega', detail: 'Entrega de assets finais + upload no servidor + finalização de arquivo.' }, ], B: [ { stage: 'Entrada', detail: 'Briefing via formulário padrão ou reunião rápida (15–30 min). Sistema visual já estabelecido.' }, { stage: 'Triagem', detail: 'Verificação de clareza do briefing + priorização + deadline.' }, { stage: 'Produção', detail: 'Levantamento de referências → adaptação de peças → execução do plano de conteúdo. 1–2 rodadas.' }, { stage: 'Revisão', detail: 'Validação técnica rápida (checklist) + revisão com par ou direção criativa.' }, { stage: 'Aprovação', detail: 'Envio para cliente via canal acordado + uma rodada de ajuste se necessário.' }, { stage: 'Entrega', detail: 'Entrega de assets finais no formato solicitado + upload no servidor.' }, ], C: [ { stage: 'Entrada', detail: 'Briefing rápido (email, mensagem ou formulário mínimo). Escopo bem definido.' }, { stage: 'Triagem', detail: 'Confirmação de escopo + priorização + confirmação do recebimento.' }, { stage: 'Produção', detail: 'Execução direta do briefing. Minimal viable design. 1 rodada.' }, { stage: 'Revisão', detail: 'Auto-revisão + validação técnica rápida (checklist).' }, { stage: 'Aprovação', detail: 'Envio direto. Ajuste pontual se necessário.' }, { stage: 'Entrega', detail: 'Entrega rápida no formato combinado + upload no servidor.' }, ], }, }, briefing: { items: [ { num: '01', field: 'Contexto', desc: 'O que precisa ser criado', example: '"Criar 3 posts para Instagram anunciando o lançamento do produto X."' }, { num: '02', field: 'Objetivo', desc: 'O que este trabalho precisa resolver', example: '"Gerar awareness e direcionar tráfego para landing page de pré-venda."' }, { num: '03', field: 'Público', desc: 'Quem vai ver, contexto de uso', example: '"Millennials e Gen Z, urbanos, interesse em tecnologia e sustentabilidade."' }, { num: '04', field: 'Entregável', desc: 'Formato, quantidade, dimensões', example: '"3 posts estáticos, 1080×1080px, PNG, texto editável separado."' }, { num: '05', field: 'Prazo', desc: 'Deadline final e milestones', example: '"Primeira versão em 3 dias úteis. Entrega final após 1 rodada, 5 dias totais."' }, { num: '06', field: 'Referências', desc: 'Exemplos visuais, tom, direção', example: '"Tom clean e minimalista. Ver referências anexadas de marcas similares."' }, { num: '07', field: 'Restrições', desc: 'Obrigatórios, limitações, aprovador final', example: '"Logo deve aparecer em todos. Evitar cores quentes. Aprovador: Fulano."' }, ], good: [ 'Responde todas as 7 perguntas essenciais', 'É claro e objetivo, sem ambiguidade', 'Inclui referências visuais quando relevante', 'Define critério de sucesso ("como saberei que está pronto?")', 'Prazo é realista e acordado com o designer', ], bad: [ '"Faz algo bonito" — sem contexto ou objetivo', '"Você já sabe como é" — assume conhecimento não compartilhado', '"Urgente!" sem contexto do porquê da urgência', 'Escopo vago ou aberto à interpretação', 'Falta definição de entregável ou formato', ], }, principles: [ { num: 'P1', color: 'blue', title: 'Consistência sobre Novidade', subtitle: 'Design constrói sistemas, não peças isoladas', desc: 'Cada entrega deve reforçar o sistema visual da conta, não reinventá-lo. Criatividade acontece dentro da estrutura, não apesar dela.', actions: ['Usar paleta, tipografia e grid estabelecidos', 'Evoluir o sistema, não criar paralelo', 'Se precisa quebrar padrão, justificar estrategicamente'], example: 'Se a conta tem sistema minimalista, crie variação dentro do minimalismo — não uma peça maximalista "porque é criativo".', }, { num: 'P2', color: 'teal', title: 'Contexto antes de Execução', subtitle: 'Entender o "porquê" define o "como"', desc: 'Nenhuma decisão criativa sem entender o contexto. Briefing não é burocracia — é ferramenta de pensamento estratégico.', actions: ['Sempre perguntar "qual o objetivo desta peça?"', 'Entender o público e onde o material será usado', 'Não começar a criar sem briefing completo'], example: 'Um post para Instagram tem propósito diferente de um banner de site. Mesmo conteúdo, execução diferente baseada no contexto.', }, { num: 'P3', color: 'green', title: 'Escopo Claro, Criatividade Focada', subtitle: 'Limites não matam criatividade, direcionam', desc: 'Criatividade com escopo claro é solução elegante. Respeite o briefing. Se tiver sugestão fora do escopo, apresente separadamente.', actions: ['Entregar o que foi pedido, não o que você acha melhor', 'Sugestões extras? Apresente separadamente', 'Não adicionar complexidade desnecessária'], example: 'Se o briefing pede "3 posts simples", não entregue "3 posts + stories + reels". Entregue o que foi pedido com excelência.', }, { num: 'P4', color: 'amber', title: 'Timing é Parte da Qualidade', subtitle: 'Entrega no prazo é entrega de qualidade', desc: 'Design perfeito que chega atrasado não é perfeito. Qualidade inclui previsibilidade e respeito ao prazo acordado.', actions: ['Priorizar entrega no prazo sobre perfeccionismo', 'Comunicar antecipadamente risco de atraso', 'Iterar depois, não bloquear o cliente'], example: 'Se em dúvida entre "iterar mais" ou "entregar no prazo com 90% de certeza", escolha entregar. Sempre há uma próxima rodada.', }, ], guardrails: { green: { label: 'Zona Verde', sublabel: 'Você decide sozinho', desc: 'Decisões táticas dentro do escopo, padrão e sistema visual estabelecido. Autonomia total.', items: [ 'Variações de layout dentro do grid', 'Aplicar cores da paleta estabelecida', 'Ajustar hierarquia tipográfica no sistema', 'Selecionar imagens no tom visual', 'Criar variações para A/B test', 'Ajustar copy menor (CTAs, microcopy)', 'Exportar nos formatos técnicos solicitados', 'Ajustes técnicos (alinhar pixels, corrigir RGB/CMYK)', ], }, yellow: { label: 'Zona Amarela', sublabel: 'Alinhamento necessário', desc: 'Decisões que podem impactar consistência, escopo ou expectativa. Valide antes de executar.', with: ['Direção Criativa / DSM — decisões criativas que afetam consistência', 'Gestor de Conta / DSM — mudanças de escopo, prazo ou interpretação', 'Par Designer — segunda opinião rápida sobre decisão criativa'], items: [ 'Propor variação significativa de estilo visual', 'Adicionar ou remover elementos do briefing', 'Mudar headline ou copy principal', 'Interpretar briefing ambíguo', 'Sugerir mudança de escopo ou formato', 'Propor solução diferente da pedida', 'Usar imagem ou recurso fora do padrão', 'Entregar com atraso (mesmo pequeno)', ], }, red: { label: 'Zona Vermelha', sublabel: 'Escalada obrigatória', desc: 'Decisões estratégicas que impactam negócio, marca ou operação. Sempre envolvem liderança.', with: ['Direção Criativa — identidade visual, reposicionamento, estratégia', 'Direção Criativa — problemas de alocação, sobrecarga, conflito de prioridades', 'DSM / Direção — insatisfação de cliente, mudança de escopo, renegociação'], items: [ 'Mudança de identidade visual ou sistema de marca', 'Reposicionamento criativo da conta', 'Cliente pedindo mudança estrutural de escopo', 'Situação de crise (erro grave, problema legal)', 'Cliente insatisfeito repetidamente com entregas', 'Sobrecarga de trabalho insustentável', 'Pedido que conflita com ética', 'Renegociar prazo ou budget estrutural', ], }, }, rituals: [ { freq: 'Semanal', day: 'Segunda-feira', title: 'Planning Semanal', duration: '30–45 min', who: 'Todo o time de design', desc: 'Alinhar prioridades da semana, identificar gargalos, redistribuir carga se necessário.', format: [ 'Check-in rápido — bloqueios urgentes (5 min)', 'Visão geral de entregas da semana (15 min)', 'Identificação de riscos e sobrecarga (10 min)', 'Redistribuição se necessário (10 min)', ], output: 'Cada designer sabe suas prioridades da semana e a quem recorrer.', }, { freq: 'Semanal', day: 'Quarta-feira', title: 'Stand-up de Progresso', duration: '15 min', who: 'Por squad (opcional)', desc: 'Check-in de meio de semana. Identificar bloqueios antes que se tornem atrasos.', format: [ 'O que entreguei desde segunda?', 'O que está em andamento?', 'Algum bloqueio ou risco?', ], output: 'Pode ser assíncrono (Slack/Teams) se o time preferir.', }, { freq: 'Quinzenal', day: 'Dia fixo', title: 'Critique Session', duration: '60 min', who: 'Todo o time de design', desc: 'Espaço para compartilhar trabalho, receber feedback estruturado, elevar padrão criativo.', format: [ 'Apresentação — designer mostra contexto, desafio, solução (10 min)', 'Feedback estruturado — baseado nos 4 princípios criativos (15 min)', 'Síntese — designer resume aprendizados (5 min)', '2 designers por sessão', ], output: 'Feedback construtivo baseado em princípios, não em gosto pessoal.', }, { freq: 'Mensal', day: 'Última semana', title: 'Retrospectiva Operacional', duration: '60–90 min', who: 'Todo o time + liderança', desc: 'Reflexão coletiva sobre o que funcionou, o que não funcionou, como melhorar.', format: [ 'Revisão de métricas do mês (15 min)', 'O que funcionou — celebrar acertos (20 min)', 'O que não funcionou — identificar sem culpa (20 min)', 'Ações concretas — 2–3 melhorias para próximo mês (20 min)', ], output: 'Lista de ações concretas para melhorar a operação. Não catarse, melhoria contínua.', }, { freq: 'Mensal', day: 'Mensal', title: 'Revisão de Portfolio', duration: '45 min', who: 'Time + Direção Criativa', desc: 'Revisar o melhor trabalho do mês, identificar cases, celebrar qualidade criativa.', format: [ 'Showcase — cada designer compartilha 1–2 trabalhos de orgulho (30 min)', 'Seleção — time vota nos melhores para portfolio (10 min)', 'Celebração — reconhecimento público dos destaques (5 min)', ], output: 'Manter time motivado e consciência coletiva sobre o padrão de qualidade.', }, ], metrics: [ { num: '01', color: 'blue', title: 'Volume de Entregas', question: 'Quantas entregas fizemos por tipo de conta no mês?', measures: ['Total de entregas finalizadas no mês', 'Distribuição por tipo (A, B, C)', 'Média de entregas por designer', 'Tempo médio por tipo de entrega'], purpose: ['Entender capacidade real do time', 'Identificar desbalanceamento de carga', 'Planejar contratações ou realocar recursos', 'Negociar expectativas com clientes'], example: '"No último mês, fizemos 45 entregas: 5 Tipo A, 25 Tipo B, 15 Tipo C. Designer X fez 8 (sobrecarga), Designer Y fez 2 (subutilizado)."', }, { num: '02', color: 'amber', title: 'Taxa de Retrabalho', question: 'Quantas entregas precisaram de mais de 2 rodadas de ajuste?', measures: ['% de entregas com 3+ rodadas de ajuste', 'Motivos (briefing ruim, erro técnico, mudança de escopo)', 'Retrabalho por tipo de conta', 'Tempo gasto vs. primeira entrega'], purpose: ['Identificar problemas de briefing ou comunicação', 'Melhorar processo de validação interna', 'Treinar clientes em como dar feedback', 'Reduzir desperdício de tempo do time'], example: '"15% das entregas Tipo B tiveram 3+ rodadas. Principal motivo: briefing incompleto (60%). Ação: revisar template de briefing."', }, { num: '03', color: 'red', title: 'Gargalos e Atrasos', question: 'Onde o trabalho está travando ou atrasando?', measures: ['% de entregas com atraso', 'Etapa com mais atrasos (triagem, produção, revisão, aprovação)', 'Motivos de atraso (sobrecarga, briefing, cliente, processo)', 'Tempo médio de espera em cada etapa'], purpose: ['Identificar ineficiências no processo', 'Resolver gargalos de aprovação com cliente', 'Realocar recursos para etapas congestionadas', 'Melhorar previsibilidade de entregas'], example: '"30% dos atrasos na etapa de aprovação com cliente (média 3 dias de espera). Ação: criar SLA de resposta com clientes."', }, { num: '04', color: 'green', title: 'Satisfação', question: 'Cliente e time estão satisfeitos com o resultado?', measures: ['NPS ou satisfação do cliente (escala simples)', 'Feedback qualitativo dos clientes', 'Satisfação do designer com o processo (mensal)', 'Nível de burnout ou sobrecarga (auto-relatado)'], purpose: ['Garantir que clientes estão felizes com entregas', 'Identificar designers em risco de burnout', 'Ajustar alocação ou processos para saúde do time', 'Manter cultura de qualidade sustentável'], example: '"NPS médio de clientes: 8.5/10. Designer Y reportou sobrecarga (8/10). Ação: redistribuir 1 conta de Y para Z."', }, ], }; Object.assign(window, { PDATA });