[33.1]Fluxo horizontalFluxo horizontal
Uma leitura contínua das etapas, das passagens críticas e da relação depois da venda.
Valores demonstrativos
Fluxo aprovado em desenho humano: as setas verdes destacam as passagens críticas sem deslocar as etapas do funil.
[33.2]Funil verticalFunil vertical
Uma ampulheta para localizar onde o fluxo afunila e como a relação se expande depois da venda.
Fluxo vertical aprovado em desenho humano: a leitura afunila até a venda e se expande no pós-venda.
01
FlowDiagram
// Canvas Interativo Data-Driven
Referência técnica
Clique para expandir
Nodes
Array<Node>
Lista de nos com id, label, tipo e posicao (x, y)
Edges
Array<Edge>
Conexoes entre nos com source, target e label opcional
CanvasWidth
Number
Largura do viewBox SVG. Default: 900
Zoomable
Boolean
Habilita controles de zoom e slider. Default: true
Theme
String
Paleta ativa: "orange" ou "gold". Default: orange
OnSelect
Function
Callback ao clicar num no. Recebe (nodeId, nodeData)
Tipos de nó
Clique para expandir
Default/Retangulo 8px radius
Start/Pilula rx:24
End/Pilula rx:24
Decision/Losango (polygon)
Action/Retangulo arredondado
Exemplo 01 — Funil de Vendas
7 Nos // 8 Arestas // Interativo
01 — Funil de Vendas
7 nos / 8 arestas / ativo: Atracao
100%
Funil de Vendas
Visualizacao do Pipeline Maggium
12.4K
Leads / Mes
30%
Conversao
R$ 2.7M
Pipeline
R$ 82
CAC Medio
Atracao
0Visitantes / mes
100%do topo
R$ 0,82custo por visita
Ativo
Etapa
Decisao
Conector
Scroll para Zoom · Drag para Pan · Clique nos nos
Exemplo 02 — Jornada do Cliente
6 Nos // 5 Arestas // Linear
02 — Jornada do Cliente
6 nos / 5 arestas / linear
100%
Dor
Busca
Comparacao
Contato
Fechamento
Expansao
Exemplo 03 — Fluxo de Atendimento
6 Nos // 7 Arestas // Com Decisao
03 — Fluxo de Atendimento ao Cliente
6 nos / 7 arestas / ativo: entrada
Ativo
Decisao
Conector
Scroll para Zoom · Drag para Pan
Exemplo 04 — Jornada de Compra E-Commerce
5 Nos // 4 Arestas // Sequencial
04 — Jornada de Compra E-Commerce
5 nos / 4 arestas / sequencial
Navegacao
Pagamento
Conclusao
Scroll para Zoom · Drag para Pan
Exemplo 05 — Mapa Estrategico Maggium
9 Nos // 10 Arestas // Hierarquico
05 — Mapa Estrategico Maggium
9 nos / 10 arestas / org chart
Lideranca
Diretorias
Hierarquia
Scroll para Zoom · Drag para Pan
02
FlowMap
// Mindmap Agrupado com Canvas
Props Reference
Clique para expandir
Groups
Array<Group>
Grupos contendo itens e posicao
Items
Array<Item>
Itens dentro de cada grupo
Edges
Array<Edge>
Conexoes entre grupos ou itens
Layout
String
"radial" ou "grid". Default: grid
Expandable
Boolean
Grupos expandem ao clicar
OnGroupSelect
Function
Callback ao selecionar grupo
Exemplo 01 — Ecossistema de Servicos Maggium
5 Grupos // 12 Itens // Interativo
FlowMap — Ecossistema Maggium
5 grupos / 12 itens
Grupo Ativo
Grupo
Conexao
Clique nos grupos para expandir
03 — Metodo S.A.V.E.
Metodologia Proprietaria
Sistema proprietario da Maggium · 4 pilares sequenciais · nao se pula etapa
A Metodologia que gera R$1M+ em 13 meses.
S
Segurança e Organização
Fundacao solida antes de investir: ativos digitais protegidos, acessos organizados, processos documentados em SOPs.
A
Avaliação e Comparação
Benchmarking de 10 a 20 concorrentes, subnicho, avatar e PUV definidos por dados, nao por achismo.
V
Validação e Execução
MVP e orcamento pequeno em 3 ondas: conceito (CTR), interesse (CPL) e conversao (venda).
E
Escala e Repetição
Aumento gradual em degraus, diversificacao de canais e otimizacao continua ate reconhecer o teto.
04
Pipeline comercial
// acompanhamento de oportunidades e decisões
Prospeccao12
Clinica Odonto SP
LinkedIn
R$ 4.800/mes
E-com Fashion RS
Indicacao
R$ 8.200/mes
Academia BH
Google
R$ 3.500/mes
Qualificacao8
Construtora BH
Demo Quinta
R$ 12.000/mes
SaaS FinTech
Aguardando doc
R$ 15.000/mes
Proposta6
Rede Clinicas RJ
Proposta enviada
R$ 22.000/mes
Imoveis Premium SP
Negociando escopo
R$ 9.000/mes
Negociacao4
Grupo Educacional MG
Aguardando CEO
R$ 35.000/mes
Fechado11
Su Cavalli
Ativo 8 meses
R$ 7.200/mes
Vet Saude
Ativo 5 meses
R$ 5.800/mes