Telas

Mapa do protótipo clicável

São 118 telas organizadas em cinco painéis. O protótipo HTML não é o sistema final: é um modelo navegável para alinhar fluxo, textos e permissões antes do desenvolvimento. Todos os nomes, valores e empresas são fictícios e repetidos de forma consistente em todo o blueprint.

O que isso significa para você

Cada miniatura abre a tela real do protótipo no navegador. Use este mapa para revisar fluxos com o time; a galeria completa permite buscar por nome, épico ou persona.

Galeria do protótipo (novo índice) O catálogo oficial está em prototype/index.html: busca por nome, ID, rota ou persona; filtros por área, épico e persona; e 10 fluxos navegáveis com botão Começar para percorrer jornadas completas. Cada tela abre em um arquivo próprio — ideal para apresentações e validação com stakeholders.

Em toda mockup, a barra escura MOCKUP no topo permite trocar estados (normal, carregando, vazio, erro de conector, sem permissão), alternar a marca white-label entre Sua Marca e Fibra Litoral (e outras demos) e ajustar densidade — sem servidor, só no navegador.

Abrir galeria do protótipo → Ver fluxos com Começar

Índice do protótipo — Índice · 118 telas

Painel VC1 visão geral — VC1-01 Visão geral

Painel revenda início — REV-01 Início revenda

Proposta aceite público — PUB-09 Aceite proposta

Controle “Estados da tela” Em muitas listas do protótipo há abas compactas para simular o que o usuário vê em situações reais: carregando (esqueleto), vazio (primeiro uso), erro de conector (quando a fonte é legado e a integração falha) e sem permissão (papel sem acesso àquele dado). No produto final, esses estados são obrigatórios nas telas de lista conforme 07-SCREENS.md.

Badges “Pós-MVP (E5+)” Algumas telas (ex. API/webhooks da revenda, recarga mePay no cliente) só entram depois do go-live inicial. O MVP previsto cobre épicos E0–E4 no modo “revenda fatura”; E5 habilita “VC1 fatura” com mePay, NFCom e repasse — ver 09-ROADMAP.md.

Públicas e autenticação 16 telas

Quem usa: prospects, clientes e vendedores da revenda no site público.

Para que serve: login, convites, proposta com PIN, aceite e assinatura — tudo com a marca da revenda, antes do cliente entrar no painel.

Entrar, recuperar senha e convite de usuário
Verificação em duas etapas (2FA)
Funil da proposta: PIN, visualização, cadastro, aceite
Assinatura meSign e tela de ativação
Proposta expirada, PIN bloqueado, conta suspensa, 404

PUB-02 Esqueci a senha — **PUB-02** Esqueci a senha

PUB-03 Redefinir senha — **PUB-03** Redefinir senha

PUB-04 Aceitar convite — **PUB-04** Aceitar convite

PUB-05 Verificação em duas etapas — **PUB-05** Verificação em duas etapas

PUB-06 Proposta: acesso com PIN — **PUB-06** Proposta: acesso com PIN

PUB-07 Proposta: visualização — **PUB-07** Proposta: visualização

PUB-08 Proposta: cadastro do contratante — **PUB-08** Proposta: cadastro do contratante

PUB-09 Proposta: aceite — **PUB-09** Proposta: aceite

PUB-10 Assinatura enviada — **PUB-10** Assinatura enviada

PUB-11 Contratado, ativando — **PUB-11** Contratado, ativando

PUB-12 Proposta expirada — **PUB-12** Proposta expirada

PUB-13 Acesso bloqueado — **PUB-13** Acesso bloqueado

PUB-14 Conta suspensa — **PUB-14** Conta suspensa

PUB-15 Página não encontrada — **PUB-15** Página não encontrada

PUB-16 Portal de revendas — **PUB-16** Portal de revendas

PUB-01 Login PUB-02 Esqueci a senha PUB-03 Redefinir senha PUB-04 Aceitar convite PUB-05 Verificação 2FA PUB-06 Proposta: PIN PUB-07 Proposta: visualização PUB-08 Proposta: cadastro PUB-09 Proposta: aceite PUB-10 Assinatura enviada PUB-11 Contratado, ativando PUB-12 Proposta expirada PUB-13 Acesso bloqueado PUB-14 Conta suspensa PUB-15 Página não encontrada PUB-16 Portal de revendas

Documentos, e-mails e SMS 15 telas

Quem usa: destinatários externos; a equipe revisa textos e layout.

Para que serve: modelos de PDF, e-mail e SMS que o sistema dispara nos marcos do funil e do financeiro (proposta, fatura, alertas, repasse).

Proposta comercial A4 e contratos (dois modos de cobrança)
Faturas VC1, extrato tarifado e demonstrativo de repasse
E-mails de convite, proposta, alertas 80%/bloqueio, fatura e régua
Repasse disponível, STFC vencendo, SMS de PIN e alertas

DOC-01 Proposta comercial A4 — **DOC-01** Proposta comercial A4

DOC-02 Contrato modo VC1 fatura — **DOC-02** Contrato modo VC1 fatura

DOC-03 Contrato modo revenda fatura — **DOC-03** Contrato modo revenda fatura

DOC-04 Fatura VC1 para o cliente final — **DOC-04** Fatura VC1 para o cliente final

DOC-05 Fatura VC1 para a revenda — **DOC-05** Fatura VC1 para a revenda

DOC-06 Extrato tarifado para a revenda faturar — **DOC-06** Extrato tarifado para a revenda faturar

DOC-07 Demonstrativo de repasse — **DOC-07** Demonstrativo de repasse

DOC-08 E-mail de convite — **DOC-08** E-mail de convite

DOC-09 E-mail de proposta — **DOC-09** E-mail de proposta

DOC-10 E-mail de alerta 80% — **DOC-10** E-mail de alerta 80%

DOC-11 E-mail de bloqueio — **DOC-11** E-mail de bloqueio

DOC-12 E-mail de fatura emitida e régua de atraso — **DOC-12** E-mail de fatura emitida e régua de atraso

DOC-13 E-mail de repasse disponível — **DOC-13** E-mail de repasse disponível

DOC-14 E-mail de STFC vencendo — **DOC-14** E-mail de STFC vencendo

DOC-01 Proposta A4 DOC-02 Contrato VC1 fatura DOC-03 Contrato revenda fatura DOC-04 Fatura cliente final DOC-05 Fatura revenda DOC-06 Extrato tarifado DOC-07 Demonstrativo repasse DOC-08 E-mail convite DOC-09 E-mail proposta DOC-10 E-mail alerta 80% DOC-11 E-mail bloqueio DOC-12 E-mail fatura / régua DOC-13 E-mail repasse DOC-14 E-mail STFC DOC-15 SMS

Painel VC1 42 telas

Quem usa: equipe VC1 (administração, financeiro, operações, suporte).

Para que serve: operação do atacado — revendas, preços, tráfego, fechamento do mês, faturas, NFCom e suporte “ver como revenda”.

Onboarding e gestão de revendas (dados, STFC, faixa, marca, usuários)
Base de preços, pacotes sugeridos, clientes e assinaturas globais
Números, portabilidade, CDR, reconciliação e fechamento de ciclo
Faturas, NFCom, repasses, crédito, bloqueios, conectores
Equipe, auditoria, configurações, modelos, ver como revenda

VC1-00 Login da equipe — **VC1-00** Login da equipe

VC1-01 Visão geral — **VC1-01** Visão geral

VC1-03 Cadastro de revenda — **VC1-03** Cadastro de revenda

VC1-04 Revenda: dados — **VC1-04** Revenda: dados

VC1-05 Revenda: contrato e faixa — **VC1-05** Revenda: contrato e faixa

VC1-06 Revenda: modo de cobrança e STFC — **VC1-06** Revenda: modo de cobrança e STFC

VC1-07 Revenda: marca e domínio — **VC1-07** Revenda: marca e domínio

VC1-08 Revenda: usuários — **VC1-08** Revenda: usuários

VC1-09 Revenda: clientes — **VC1-09** Revenda: clientes

VC1-10 Revenda: faturas — **VC1-10** Revenda: faturas

VC1-11 Revenda: repasses — **VC1-11** Revenda: repasses

VC1-12 Revenda: crédito e limite — **VC1-12** Revenda: crédito e limite

VC1-13 Revenda: auditoria — **VC1-13** Revenda: auditoria

VC1-14 Bases de preços — **VC1-14** Bases de preços

VC1-15 Editor de faixas — **VC1-15** Editor de faixas

VC1-16 Publicar vigência — **VC1-16** Publicar vigência

VC1-17 Pacotes sugeridos — **VC1-17** Pacotes sugeridos

VC1-18 Editor de pacote sugerido — **VC1-18** Editor de pacote sugerido

VC1-19 Clientes finais — **VC1-19** Clientes finais

VC1-20 Assinatura — **VC1-20** Assinatura

VC1-22 Portabilidade — **VC1-22** Portabilidade

VC1-24 Reconciliação — **VC1-24** Reconciliação

VC1-25 Fechamento do ciclo: prévia — **VC1-25** Fechamento do ciclo: prévia

VC1-26 Fechamento do ciclo: emissão — **VC1-26** Fechamento do ciclo: emissão

VC1-27 Faturas para revendas — **VC1-27** Faturas para revendas

VC1-28 Faturas para clientes finais — **VC1-28** Faturas para clientes finais

VC1-30 Monitor de NFCom — **VC1-30** Monitor de NFCom

VC1-31 Repasses do ciclo — **VC1-31** Repasses do ciclo

VC1-33 Crédito e limites — **VC1-33** Crédito e limites

VC1-35 Saúde dos conectores — **VC1-35** Saúde dos conectores

VC1-36 Equipe e papéis — **VC1-36** Equipe e papéis

VC1-38 Configurações — **VC1-38** Configurações

VC1-40 Ver como revenda — **VC1-40** Ver como revenda

VC1-41 Validações de STFC — **VC1-41** Validações de STFC

VC1-00 Login equipe VC1-01 Visão geral VC1-02 Revendas VC1-03 Cadastro revenda VC1-04 Revenda: dados VC1-05 Contrato e faixa VC1-06 Modo e STFC VC1-07 Marca e domínio VC1-08 Usuários revenda VC1-09 Clientes da revenda VC1-10 Faturas revenda VC1-11 Repasses revenda VC1-12 Crédito revenda VC1-13 Auditoria revenda VC1-14 Bases de preços VC1-15 Editor de faixas VC1-16 Publicar vigência VC1-17 Pacotes sugeridos VC1-18 Editor pacote VC1-19 Clientes finais VC1-20 Assinatura VC1-21 Números VC1-22 Portabilidade VC1-23 Uso e CDR VC1-24 Reconciliação VC1-25 Fechamento prévia VC1-26 Fechamento emissão VC1-27 Faturas revendas VC1-28 Faturas clientes VC1-29 Fatura VC1-30 Monitor NFCom VC1-31 Repasses ciclo VC1-32 Repasse VC1-33 Crédito e limites VC1-34 Bloqueios VC1-35 Conectores VC1-36 Equipe VC1-37 Auditoria VC1-38 Configurações VC1-39 Modelos VC1-40 Ver como revenda VC1-41 Validações STFC

Painel da revenda 31 telas

Quem usa: dono, admin, financeiro e vendedores da revenda.

Para que serve: venda e gestão do dia a dia — planos, propostas, clientes, telefonia, financeiro com a VC1 e marca própria.

Conta com a VC1: faixa, faturas, repasses (modo VC1 fatura)
Planos, faixas de venda, propostas e venda direta
Clientes, telefonia, consumo, financeiro, ativações
Números, portabilidade, relatórios, marca, equipe
Suporte, notificações, perfil; API Pós-MVP E5+

REV-02 Minha conta VC1 — **REV-02** Minha conta VC1

REV-03 Faturas da VC1 — **REV-03** Faturas da VC1

REV-06 Construtor de pacote — **REV-06** Construtor de pacote

REV-07 Construtor de consumo mínimo — **REV-07** Construtor de consumo mínimo

REV-08 Clonar pacote sugerido — **REV-08** Clonar pacote sugerido

REV-09 Faixas para meus clientes — **REV-09** Faixas para meus clientes

REV-11 Novo cliente (venda direta) — **REV-11** Novo cliente (venda direta)

REV-12 Cliente: resumo — **REV-12** Cliente: resumo

REV-13 Cliente: SIP, números e canais — **REV-13** Cliente: SIP, números e canais

REV-14 Cliente: consumo e extrato — **REV-14** Cliente: consumo e extrato

REV-15 Cliente: financeiro — **REV-15** Cliente: financeiro

REV-16 Cliente: bloqueios e histórico — **REV-16** Cliente: bloqueios e histórico

REV-17 Propostas: kanban — **REV-17** Propostas: kanban

REV-18 Propostas: lista — **REV-18** Propostas: lista

REV-19 Nova proposta — **REV-19** Nova proposta

REV-23 Portabilidade — **REV-23** Portabilidade

REV-24 Financeiro — **REV-24** Financeiro

REV-25 Relatórios — **REV-25** Relatórios

REV-26 Marca e domínio — **REV-26** Marca e domínio

REV-28 API e webhooks — **REV-28** API e webhooks

REV-30 Notificações — **REV-30** Notificações

REV-31 Perfil e segurança — **REV-31** Perfil e segurança

Painel do cliente final 14 telas

Quem usa: administrador e usuários da empresa contratante.

Para que serve: self-service do cliente — tronco, números, extrato, plano, faturas ou saldo, conforme o modo de cobrança.

Status do tronco, franquia, saldo ou limite pós-pago
Credenciais SIP, números, canais, portabilidade
Extrato tarifado, plano, faturas (conforme modo de cobrança)
Crédito/recarga (manual no MVP; mePay E5+)
Usuários, suporte, perfil, bloqueio, banner de teste grátis

CLI-02 Credenciais SIP — **CLI-02** Credenciais SIP

CLI-04 Portabilidade — **CLI-04** Portabilidade

CLI-07 Plano e franquia — **CLI-07** Plano e franquia

CLI-08 Crédito e recarga — **CLI-08** Crédito e recarga

CLI-12 Perfil e segurança — **CLI-12** Perfil e segurança

CLI-13 Conta bloqueada — **CLI-13** Conta bloqueada

CLI-14 Teste grátis — **CLI-14** Teste grátis

CLI-01 Início CLI-02 Credenciais SIP CLI-03 Números CLI-04 Portabilidade CLI-05 Canais CLI-06 Extrato CLI-07 Plano e franquia CLI-08 Crédito E5+ mePay CLI-09 Faturas CLI-10 Usuários CLI-11 Suporte CLI-12 Perfil CLI-13 Conta bloqueada CLI-14 Teste grátis

Rotas, papéis e inventário técnico de telas →