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

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:12, com mudança ainda não commitadaesta é 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 08:55esta é 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, com os nove números que decidem iguais aos do Debriefing e a retenção por visualização
    v22 versões
    1. v104/09 01:04Como a tela nasceu, na primeira leva de alta fidelidade.
    2. v211/09 16:18esta é a que abre na linha acimaA 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.

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 curso, aluno a aluno, com WhatsApp (dado simulado)
  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)
  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 fidelidadecampanha por campanha, com ROAS e CPA só do papel vendas: o Method nunca entra nessa conta
    v22 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. v211/09 16:18esta é a que abre na linha acimaAs 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. 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 peça a peça, com as duas janelas de dinheiro separadas e nomeadas
    v22 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. v211/09 16:18esta é a que abre na linha acimaO 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.
  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
    v22 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. v211/09 16:18esta é a que abre na linha acimaRodapé 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.

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 Alta fidelidadea planilha do método, tabela e gráfico
  4. Debriefing com 51 turmas Alta fidelidadesimulação de números inventados, para provar o desenho em escala

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