Data CFM — UX/UI

O produto

O Data CFM é uma plataforma web e mobile de compra e gestão de créditos. As instituições usam esses créditos em três tipos de consulta (simples, digital e facial), e cada tipo consome uma quantidade diferente. Neste case mostro as telas do sistema, do cadastro à administração.

Dois perfis

Depois do cadastro e do login, o sistema se divide em dois perfis. A instituição tem Dashboard, Perfil, Carteira, Simulador e Segurança. O administrador tem Dashboard, Adesões, Pacotes, Relatórios e Volumetria. Os dois menus têm cinco áreas, cada um com as tarefas do seu perfil.

Do cadastro à consulta

• Cadastro em três etapas: anexos (certificado e-CNPJ e contrato social), dados da empresa e do responsável, e termos. No celular, as etapas ficam na vertical.
• Login por CNPJ ou por certificado digital.
• Dashboard: créditos atuais, gastos diários e mensais, uma previsão de quando o saldo acaba, histórico de gastos com filtros de 1 dia a 1 ano, consultas por tipo e as últimas consultas.

Compra de créditos

• Simulador: a instituição informa quantas consultas de cada tipo pretende fazer, vê o total de créditos e recebe um pacote sugerido (“Você precisa de 37 mil créditos”).
• Carteira: pacotes de 50 mil a 10 milhões de créditos, com desconto nos maiores.
• Pagamento: saldo em créditos, cartão, boleto, Pix ou depósito, até a confirmação do pedido e o recibo.

Acompanhamento e segurança

• Pedidos: lista com status e uma página de detalhe com as etapas Pedido realizado, Aprovação do pagamento e Pedido finalizado.
• Segurança: últimas consultas e acessos à conta, com dispositivo, local e sessão.
• Perfil: usuário responsável, chave e senha de acesso, extrato e uma avaliação da solução por estrelas.

Administração

O painel do administrador reúne adesões aguardando análise, consultas, créditos e receita, além do histórico de consumo, do extrato por instituição e das últimas compras. Em Adesões, os pedidos aparecem com totais de deferidos, indeferidos e aguardando. Em Pacotes, o administrador define valor, desconto e visibilidade de cada pacote, e os relatórios mostram compra e consumo por instituição.

Sistema visual

Tipografia Roboto em escala de títulos a legendas, botões e uma paleta de 12 cores: o verde #008159 como primária, cinzas de apoio e cores de status. Os mesmos cartões, tabelas e indicadores de etapa aparecem no desktop e no celular.

As telas finais estão na galeria acima.