Radar

Funil LPSG RegenCodes · RCS

Protótipos do Radar

Alta fidelidade, com dado real de produção. É o que a frente de implementação vai seguir depois, com TDD. Não é o Radar: o Radar está em radar.berclah.com.br.

As páginas de trabalho

  1. Andamentoas telas nas três frentes, com o andamento de cada uma
  2. Logo do Radara marca escolhida, as decisões com a frase do dono, e todo o caminho até ela
  3. Fundação v5 Alta fidelidadea galeria de componentes da geração v5: cada peça nos dois temas

Clientes e funis

  1. Clientes Wireframebaixa fidelidade: a Next escolhe o cliente
  2. Funis Wireframebaixa fidelidade: dentro do cliente, escolher o funil e ver o placar de cada um
  3. Clientes Alta fidelidadea Next escolhe o cliente: um cartão por cliente, com a receita total e o ROAS líquido do período todo, na geração v5
  4. Funis Alta fidelidadedentro do cliente, um cartão por funil com o estado, a última turma e o placar do período todo, na geração v5

Geral

  1. Geral Wireframebaixa fidelidade: o que aparece e em que ordem, sem cor e sem dado real
  2. Geral Alta fidelidadeo negócio inteiro, sem quebra de turma, na geração v5
    v33 versões
    1. v111/09 20:21A alta fidelidade da geração anterior, no desenho de folha, que o dono achou quadrado e sério.
    2. v212/09 07:24Geração v5 (12/09/2026): identidade Next em versão clean, cartões leves, Chart.js, fundação base/. O negócio veio para antes do catálogo, o cartão que manda cai para o peso comum quando falta a medida, o catálogo ganhou preço grande com "vendas" embaixo e a retenção passou a ter gráfico com risco de mínimo e ideal por barra. O dono viu e não aprovou: fundo branco, marca errada e pequena, bump desalinhado, "vendas" fora da linha, rótulo entre os riscos, e a tela "muito séria e pouco clean".
    3. v312/09 09:20esta é a que abre na linha acimaLeitura clean de 12/09/2026, a primeira tela do design system Next OS (DESIGN-SYSTEM-NEXT-OS.md): cinza oficial #F2F2F2 de fundo, superfícies brancas leves, Manrope nos títulos, Inter no corpo e Plex Mono só no valor principal de cartão, neon como único acento; marca oficial dos produtos em SVG, order bump alinhado embaixo, "N vendas" numa linha, riscos de mínimo e ideal atravessando a coluna com o rótulo acima de tudo, e nada de cartão esticado para fechar fileira.

Turmas

  1. Turma Wireframebaixa fidelidade: o que aparece e em que ordem, sem cor e sem dado real
    v33 versões
    1. v103/09 11:14Como a tela estava antes da revisão de UX. A retenção das aulas era desenhada por alcance único, com visualização apenas como interruptor desligado.
    2. v206/09 00:56A retenção passa a ser por VISUALIZAÇÃO, que é a sua ordem de 02/09: fora do Debriefing usa-se só ela. Antes, a mesma aula dava 183,3% aqui e 175,0% no Histórico. O gráfico das aulas ficou legível a 390 (as etiquetas se sobrepunham). O placar caiu de 8 para 5 cartões, tirando os três que repetiam a tabela de ROAS logo abaixo. E "turma anterior: XX" virou "turma 3, dia 9: 14", que separa parcial de final.
    3. v311/09 16:18esta é a que abre na linha acimaO alcance único e o pico ao vivo saíram da tela, por decisão do dono: fora do Debriefing usa-se só a visualização, e a v2 ainda os deixava como interruptor desligado. A tabela de aulas caiu de 7 para 3 colunas e passou a caber inteira no celular, sem rolar: ela ainda carregava a largura mínima de quando precisava de 7. As três medidas juntas continuam existindo no Debriefing, que é a planilha do método.
  2. Turma Alta fidelidadeuma turma, a tripa inteira da venda ao carrinho, na geração v5
    v22 versões
    1. v111/09 20:21A alta fidelidade da geração anterior, no desenho de folha, que o dono achou quadrado e sério.
    2. v212/09 17:30esta é a que abre na linha acimaGeração v5 (12/09/2026): identidade Next em versão clean, cartões leves, Chart.js, fundação base/. A tripa inteira da venda ao carrinho entrou: cronograma de 20 dias, placar com os cinco ROAS, funil de nove etapas, venda por dia, retenção entre as aulas com risco de mínimo e ideal, produto principal, recuperação, fichas e lead score, e mensageria; toda ausência de dado vira traço com o motivo na dica, nunca número inventado.
  3. Histórico de turmas Wireframebaixa fidelidade: turma a turma no tempo
    v22 versões
    1. v103/09 11:14Como a tela estava antes da revisão. No celular, a coluna que decide (a variação) ficava inteira atrás da rolagem.
    2. v211/09 16:18esta é a que abre na linha acimaA variação subiu para a segunda coluna e aparece sem rolar no celular: antes o Histórico entregava a tela sem a decisão. Os oito gráficos de evolução ficaram recolhidos atrás de um interruptor, tirando três telas de rolagem entre a decisão e os blocos que a completam. A coluna Preço do ingresso saiu (era o mesmo valor nas cinco turmas) e virou uma linha da legenda.
  4. Histórico de turmas Alta fidelidadeturma a turma no tempo, na geração v5
    v33 versões
    1. v104/09 01:04Como a tela nasceu, na primeira leva de alta fidelidade.
    2. v211/09 20:21A pílula de estado tinha contraste 4,08 no tema claro, abaixo do piso de 4,5 da casa. Foi para 10,74. Nada mais mudou: os números são os mesmos.
    3. v312/09 17:30esta é a que abre na linha acimaGeração v5 (12/09/2026): identidade Next em versão clean, cartões leves, Chart.js, fundação base/. A tela ganhou o filtro de turmas em duas caixas com multi-seleção, os oito gráficos de evolução recolhidos atrás do interruptor (com hachura de parcial, etiqueta MELHOR e os filetes de mínimo e ideal nas aulas), a terceira coluna de conversão (a da matrícula) no bloco 5, e a linha de fichas de interesse com o motivo da ausência de novo no bloco 1.

Score

  1. Score da turma atual Wireframebaixa fidelidade: a fila de quem procurar hoje, aluno a aluno, com o WhatsApp na célula
    v33 versões
    1. v103/09 11:14Como a tela estava antes da revisão. O número de telefone inteiro ocupava 147 px e empurrava para fora da tela o argumento da ligação.
    2. v207/09 13:34A ligação virou só a palavra WhatsApp, com o número na dica, e com isso Intenção e Dor cabem sem rolar: quem contactar, por quê e com que urgência voltam a ficar na mesma linha. Entrou o quinto estado de compra, "aguardando pagamento", para quem gerou Pix ou boleto e não pagou: antes essa pessoa aparecia como "sem compra" e recebia o discurso de oferta em vez do lembrete de pagamento.
    3. v311/09 16:18esta é a que abre na linha acimaOs oito pedidos da revisão de voz de 06/09. O número da turma passou a ser escrito no título, os cartões mostram percentual junto da contagem, a tabela de faixas ganhou o percentual escrito além da barra, o bloco virou "Lista de alunos", e o WhatsApp e o e-mail andam juntos no fim da linha. Com o carrinho ABERTO a ordem muda: a coluna Compra entra logo depois de Faixa e puxa os dois canais para perto. As duas ordens estão desenhadas, cada uma como estado do carrinho.
  2. Score da turma atual Alta fidelidadea turma em aula, aluno a aluno, com WhatsApp e e-mail (nomes simulados), na geração v5
    v22 versões
    1. v112/09 09:39A alta fidelidade da primeira geração, com os oito pedidos do dono de 06/09 aplicados.
    2. v212/09 17:30esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. O título leva a turma, a lista tem as duas ordens de colunas (carrinho fechado e aberto) e os grupos, e cada aluno tem WhatsApp e e-mail como ligação.
  3. Score no histórico Wireframebaixa fidelidade: a régua de pontuação turma a turma, e a prova de que ela acerta
    v33 versões
    1. v103/09 11:14Como a tela estava antes da revisão. O cartão da prova mostrava a taxa, e o critério de decisão é o multiplicador.
    2. v207/09 13:35O cartão da prova passa a escrever o multiplicador ao lado da taxa, com o piso de 1,5 vezes visível: você decide comparando 1,7 com 1,5, e antes precisava fazer a divisão de cabeça. O gatilho da reavaliação saiu da legenda e subiu para o cartão.
    3. v311/09 16:18esta é a que abre na linha acimaOs nove pedidos de 06/09. "Compradores com nota" virou "com score", e a coluna Nota virou Score para a tela falar uma língua só. Turma de carrinho futuro PERDEU a linha "compraram": a linha sai, não vira traço, porque traço quer dizer não medido e aqui a medida ainda não existe. Turma com carrinho aberto ganhou a terceira linha, o percentual de conversão, que separa faixa sem aluno (traço, sem denominador) de faixa com zero comprador (0% medido). O bloco virou "Histórico de turmas" e a linha de grupo virou "Carrinhos futuros".
  4. Score no histórico Alta fidelidadeturma a turma, alunos e compradores por faixa, e quem comprou com a nota (nomes simulados), na geração v5
    v22 versões
    1. v112/09 09:39A alta fidelidade da primeira geração, com os nove pedidos do dono de 06/09 aplicados.
    2. v212/09 17:30esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. As faixas com o multiplicador, o histórico com três linhas por turma e o interruptor das turmas depois da medição.
  5. Score: a metodologiaa régua RCS v1: faixas A a E, distribuição e validação contra os compradores do Method. Não é tela do Radar, é o documento da régua

Tráfego

  1. Tráfego: vendas Wireframebaixa fidelidade: onde carregar verba e de onde tirar, peça por peça
    v33 versões
    1. v103/09 11:14Como a tela estava antes da revisão. A tabela de campanhas tinha 12 colunas, todas de resultado, e nenhuma de configuração: nem se a campanha está no ar, nem quanto ela gasta por dia.
    2. v207/09 13:35Entraram Estado e Verba diária logo depois de Investimento. Sem elas, uma campanha pausada com CPA bom mandava você carregar verba numa campanha que não existe mais, e uma a R$ 20 por dia lia igual a uma a R$ 300. Os quatro cartões de vídeo viraram traço com o motivo, porque o número deles usa o denominador da conta inteira e não serve para comparar com o alvo. As duas datas soltas viraram um campo de intervalo, com a linha de recorte gerada do dado.
    3. v311/09 16:18esta é a que abre na linha acimaOs sete pedidos de 06/09. O placar ganhou DOIS ROAS separados, do ingresso e da imersão, mais o ticket médio. O bloco virou "Detalhamento", com campanha, conjunto e anúncio virando o seletor de grão dentro dele. Taxa checkout e Conversão do ingresso voltaram para a tabela, revertendo uma decisão que a hierarquia tinha tomado. E o funil deixou de parar em "Ingressos": fecha com a conversão e as duas pontas de dinheiro, sem o dinheiro virar barra, que faria a escala mentir.
  2. Tráfego: vendas Alta fidelidadeplacar, detalhamento por campanha, conjunto ou anúncio, funil do dinheiro pago e o que não casou, só do papel vendas, na geração v5
    v33 versões
    1. v104/09 01:04Como a tela nasceu. Os botões das outras duas visões do Tráfego vinham desativados, dizendo que elas não existiam.
    2. v212/09 09:39As três visões passam a se falar: os botões viraram link de verdade e abrem a tela certa. Antes, nenhum dos seis caminhos funcionava.
    3. v312/09 17:37esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. A visão ganhou os dois ROAS separados (ingresso e imersão), o ticket médio, as quatro razões do método na tabela, o funil com os três universos e o fecho de três cartões, e o grão em grupo de opções dentro do Detalhamento.
  3. Tráfego: atração Wireframebaixa fidelidade: quanto custou cada seguidor, de qual peça ele veio, e o que não foi medido
    v33 versões
    1. v103/09 11:14Como a tela estava antes da revisão. A peça mais cara aparecia como candidata a pausar sem dizer há quanto tempo ela está no ar, e o rótulo do teto cobria os valores das duas primeiras colunas do gráfico no celular.
    2. v207/09 13:35Cada peça passa a mostrar quando entrou no ar, na dica do nome: peça de dois dias com três seguidores é cara por ser nova, não por ser ruim, e sem a data você pausava a errada. O rótulo do teto saiu de cima dos valores. O cartão "Seguidores agora" saiu do placar, porque não mudava a leitura do cartão que manda, e com isso o gráfico sobe uma fileira no celular.
    3. v311/09 16:18esta é a que abre na linha acimaA meta de novos seguidores, no período e por dia contra o realizado por dia. Ela se CALCULA, não se digita: verba de atração dividida pelo teto de R$ 2,50 por seguidor, decidido pelo dono em 06/09. Se o teto mudar, a meta muda junto, sem ninguém reescrever tela.
  4. Tráfego: atração Alta fidelidadecusto por seguidor dia a dia contra o teto, a meta de seguidores e a tabela peça a peça, na geração v5
    v33 versões
    1. v104/09 01:04Como a tela nasceu. Turma sem nenhuma medição mostrava "soma R$ 0,00" na legenda da tabela, enquanto o cartão logo acima dizia "sem investimento".
    2. v212/09 09:39O zero fabricado saiu: turma sem medição agora diz que não houve medição, com a mesma frase do cartão. Os botões de visão viraram link, e a pílula PAUSADA saiu de contraste 4,08 para 10,74 no tema claro.
    3. v312/09 17:30esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. O gráfico aprovado ficou, agora em Chart.js com o teto escrito na calha do eixo e os dias acima dele em vermelho; entrou a meta de seguidores novos (pedido do dono de 06/09) no cartão, e a tabela peça a peça ordena por qualquer coluna.
  5. Tráfego: distribuição Wireframebaixa fidelidade: para onde o dinheiro foi por camada e por público, e o que isso comprou
    v22 versões
    1. v103/09 11:14Como a tela estava antes da revisão. O bloco do acervo mostrava cinco totais de vida inteira (295 publicações, alcance total, views totais) e não nomeava peça nenhuma.
    2. v211/09 16:18esta é a que abre na linha acimaA tela passa a responder a segunda metade da pergunta dela. Os cinco totais viraram uma tabela com as 10 publicações de maior alcance, com formato, data, e a marca de quais já são anúncio: "295 publicações" não escolhe peça nenhuma, uma lista escolhe. Uma tabela que cabia no celular parou de rolar sem aviso, e a coluna Exclusões saiu porque a lista de públicos logo abaixo já nomeia os mesmos.
  6. Tráfego: distribuição Alta fidelidadecamada por camada e público por público, com o recorte da barra separado do acumulado de vida inteira, na geração v5
    v33 versões
    1. v104/09 01:04Como a tela nasceu. O rodapé abria e nunca fechava, e o botão da visão Atração vinha desativado.
    2. v212/09 09:39Rodapé fechado, botões de visão virando link de verdade, e a pílula de estado com contraste 10,74 no tema claro, contra 4,08 antes.
    3. v312/09 17:30esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. A visão aprovada pelo dono sem alteração, redesenhada: a lista de públicos por camada entrou no bloco 2, a coluna Camada na tabela de peças, e o acervo ganhou a tabela por formato (a lista das dez maiores espera o pacote).

Debriefing

  1. Debriefing: tabela Wireframebaixa fidelidade: a réplica da planilha do método, 52 métricas, uma linha por turma
    v22 versões
    1. v103/09 11:14Como a tela estava antes da revisão. A turma 5, que está vendendo, entrava na tabela com os mesmos números das turmas fechadas, sem nenhuma marca de que aquilo é parcial.
    2. v211/09 16:18esta é a que abre na linha acimaA turma com a janela de venda aberta ganhou hachura na linha inteira, com "até DD/MM" na dica e uma linha na legenda. Antes, na reunião de fechamento, o segundo dia de venda da turma 5 lia como fechamento: 1 ingresso, CAC R$ 517,84, ROAS 0,19. O cabeçalho parou de quebrar no meio da palavra (INGRESS OS, INVESTIME NTO). E as 13 colunas de Pico ao vivo, que são traço em toda linha por falta de fonte, ficaram recolhidas: eram 1.088 pontos de rolagem só de traço.
  2. Debriefing: gráfico Wireframebaixa fidelidade: a transposta, uma métrica por gráfico ao longo das turmas
    v22 versões
    1. v103/09 11:14Como a tela estava antes da revisão. A turma 5, que está vendendo, entrava nos 28 gráficos como coluna cheia, e era a leitura de repouso de 29 deles.
    2. v211/09 16:18esta é a que abre na linha acimaA coluna da turma com a janela aberta ganhou hachura, com "parcial até DD/MM" na dica. Antes, sem tocar em nada, 29 gráficos afirmavam o valor de uma turma pela metade como se fosse o último fechamento, e é o último ponto que decide se subiu, caiu ou parou. Os seis grupos viraram âncoras no topo: chegar no ROAS Total, que é o número que abre a reunião, custava seis telas de rolagem. E os 30 gráficos saíram da miniatura de 76 pontos para a altura da base.
  3. Debriefing: tabela Alta fidelidadea réplica da planilha do método, 68 métricas em 7 blocos, uma turma por linha, com a prova de escala de 51 turmas, na geração v5
    v22 versões
    1. v112/09 09:39A alta fidelidade da primeira geração: tabela e gráfico na mesma página, 52 métricas.
    2. v212/09 17:32esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. As 68 métricas em 7 blocos, com as 16 colunas novas do dono em traço e motivo, o painel congelado nos dois eixos, a turma em venda hachurada e a prova de escala de 51 turmas no interruptor.
  4. Debriefing: gráfico Alta fidelidadea transposta em linhas, uma métrica por gráfico ao longo das turmas, com as metas do método, na geração v5
    v22 versões
    1. v112/09 09:39A alta fidelidade da primeira geração: o gráfico era a segunda aba da mesma página, em SVG desenhado à mão.
    2. v212/09 17:32esta é a que abre na linha acimaGeração v5 na leitura v3 do design system (12/09/2026 à tarde, construída pela sessão por ordem do dono, revisão de código por Sonnet 5): identidade Next clean, cartões leves, fundação base/, notas de uma linha e os motivos de cada traço na dica. Uma linha por métrica em Chart.js, com a leitura ao toque, a turma em venda tracejada, as 13 metas do método em linha e os sete saltos de grupo.

Página de trabalho, fora de busca. Os números são reais, menos onde a própria página avisar que é simulação.