Primeiro acesso

​

Primeiro Acesso — Fluxo de Onboarding

​

O que este módulo faz?

​

Visão geral do fluxo

​

Etapa 1 — Boas-vindas

​

O que você vê nesta tela

• Ilustração do mascote: Personagem médico animado no topo do card, transmitindo leveza e acolhimento.
• Mensagem de boas-vindas: Exibe “Bem-vindo!” seguido do nome do médico logado (ex: “Dr. Fábio”).
• Subtítulo: Informa que é necessário confirmar a identidade antes de continuar (“Estamos quase lá / Precisamos confirmar sua identidade”). Na variante dark mode, a mensagem é: “Complete seu cadastro, é rápido e prático…”.
• Botão Iniciar: Botão verde centralizado que inicia o fluxo.
• Ícone de sair (canto inferior esquerdo): Permite tentar abandonar o fluxo.
• Ícone de tema (canto inferior direito): Alterna entre modo claro e escuro.

​

O que cada botão faz

​

Etapa 2 — Criar Assinatura Digital

​

O que você vê nesta tela

• Título da etapa: “Criar Assinatura digital” com ícone de assinatura à esquerda.
• Área de desenho: Espaço retangular tracejado com a instrução “Assine aqui” ao centro — é nesta área que o médico faz o traço da assinatura com o mouse ou dedo (em touch).
• Botão Limpar: Apaga o que foi desenhado na área, permitindo refazer a assinatura.
• Botão Cancelar: Volta para a etapa anterior sem salvar.
• Botão Salvar: Confirma a assinatura desenhada e avança para a próxima etapa. Fica desabilitado (acinzentado) enquanto a área de assinatura estiver vazia.
• Ícone de ajuda ❓ (canto superior direito do card): Abre informações de suporte ou dicas sobre a assinatura digital (inferido).

​

O que cada botão faz

​

Etapa 3 — Confirmar Especialidade (Caso haja mais de uma especialidade)

​

O que você vê nesta tela

• Título da etapa: “Confirme qual especialidade deseja utilizar”.
• Lista de especialidades: Cada especialidade disponível no perfil do médico aparece como uma opção com checkbox.
• Estado selecionado: A especialidade escolhida fica destacada com fundo verde claro e o checkbox marcado em verde.
• Estado não selecionado: As demais especialidades ficam com fundo cinza e checkbox vazio.
• Botão Cancelar: Volta para a etapa anterior.
• Botão Confirmar: Confirma a especialidade selecionada e avança para a próxima etapa. Fica em verde quando uma opção está marcada.
• Ícone de ajuda ❓ (canto superior direito do card).

​

O que cada botão faz

​

Etapa 4 — Definir Valor da Consulta

​

O que você vê nesta tela

• Ilustração do mascote com ícone de moeda 💰.
• Instrução: “Defina o valor da sua consulta”.
• Campo de valor: Campo de texto com prefixo “R$” onde o médico digita o preço da consulta.
• Referência de mercado: Abaixo do campo, o sistema exibe a média de valor praticado por outros especialistas da mesma área (ex: “R$ 250,00”). O número digitado aparece em verde quando preenchido.
• Botão Cancelar: Volta para a etapa anterior.
• Botão Salvar: Confirma o valor e conclui o fluxo de primeiro acesso. Fica desabilitado (acinzentado) até que um valor seja digitado; torna-se verde quando o campo está preenchido.
• Ícone de ajuda ❓ (canto superior direito do card).

​

O que cada botão faz

​

Campos desta tela

​

Modal — Confirmação de Saída

​

O que você vê nesta tela

• Ícone do NextMed centralizado.
• Mensagem de confirmação: “Tem certeza que deseja sair?”.
• Botão Voltar: Fecha o modal e retorna para a etapa atual do fluxo.
• Botão Confirmar: Encerra o fluxo de primeiro acesso e sai do sistema (ou redireciona para o login) (inferido).
• Ícone X (canto superior direito do modal): Fecha o modal sem sair.

​

O que cada botão faz

​

Como usar este módulo — passo a passo

1. Ao entrar no sistema pela primeira vez, o card de boas-vindas aparece automaticamente no centro da tela, exibindo seu nome.
2. Leia a mensagem de boas-vindas e clique no botão verde Iniciar para começar.
3. Na tela de Assinatura Digital, use o mouse (ou o dedo, se estiver em um dispositivo touch) para desenhar sua assinatura dentro da área tracejada. Se não gostar do resultado, clique em Limpar e tente novamente.
4. Quando estiver satisfeito com a assinatura, clique em Salvar para continuar.
5. Na tela de Especialidade, clique na sua especialidade principal para selecioná-la (ela ficará destacada em verde). Depois clique em Confirmar.
6. Na tela de Valor da Consulta, digite o valor que você cobra por consulta no campo “R$”. Você pode usar o valor de referência exibido abaixo como guia. Clique em Salvar para concluir.
7. Após salvar, o fluxo de primeiro acesso estará completo e você terá acesso à plataforma NextMed.

Dica: Se precisar sair antes de terminar, clique no ícone de saída no canto inferior esquerdo. Um modal de confirmação aparecerá para evitar saídas acidentais.

​

De onde vem e para onde vai

Tela de Login / Cadastro → primeiro login do médico → este fluxo
    → [Concluir todas as etapas] → Dashboard Principal
    → [Clicar em sair] → Modal de Confirmação de Saída
        → [Confirmar saída] → Tela de Login
        → [Voltar] → retorna para a etapa atual do fluxo

• Como chegar aqui: O fluxo é acionado automaticamente após o primeiro login do médico no sistema. Não é acessível via menu.
• Após concluir todas as etapas: Dashboard Principal
• Ao confirmar saída: SOBRE/PLATAFORMA DE ATENDIMENTO/2. Módulo Login/2.1 Acesso ao Sistema

​

Atenções e regras importantes

• Fluxo obrigatório: O médico não consegue realizar solicitações ou atendimentos na plataforma sem concluir todas as etapas do primeiro acesso.
• Assinatura digital: A assinatura criada será usada para assinar prontuários e documentos dentro do sistema. Recomenda-se que seja fiel à assinatura real do profissional.
• Especialidade pode ser alterada depois: A seleção feita aqui pode ser modificada nas configurações do perfil após o primeiro acesso.
• Valor da consulta pode ser alterado depois: O preço definido nesta etapa é um valor inicial e pode ser atualizado na área de configurações.
• Tema claro/escuro: O ícone no canto inferior direito alterna o tema visual em qualquer etapa. A preferência é aplicada imediatamente.

​

Observações adicionais

• O fluxo usa um mascote médico animado como elemento visual de engajamento, reforçando a identidade amigável da plataforma.
• Todas as telas do fluxo são apresentadas em um card centralizado com fundo neutro, isolando o usuário do restante da interface até a conclusão.
• O sistema suporta modo escuro nativo, ativável pelo ícone no canto inferior direito em qualquer etapa.
• O botão Salvar utiliza o padrão de desabilitação visual (acinzentado) para indicar quando uma ação obrigatória ainda não foi realizada — seja desenhar a assinatura ou preencher o valor da consulta.