Design e protótipo

Visão geral

Esta página reúne as principais referências visuais do sistema, com foco nos fluxos de navegação mais importantes da aplicação. As imagens representam a proposta de interface utilizada como base para implementação e validação da experiência do usuário.

Protótipo no Figma

O protótipo navegável pode ser consultado no Figma:

Acessar protótipo no Figma

Organização das telas

As interfaces foram agrupadas por fluxo funcional para facilitar o entendimento do sistema:

  • Acesso ao sistema: telas de login e cadastro;
  • Recuperação de credenciais: fluxo de redefinição de senha por código;
  • Área autenticada: dashboard e manutenção de perfil;
  • Gestão de riscos: criação, visualização e acompanhamento dos planos de risco.

Fluxo de autenticação

Tela de login

Primeiro ponto de acesso do usuário ao sistema. A interface concentra a autenticação por SIAPE e senha.

Tela de login do sistema

Tela de cadastro

Permite registrar novos usuários e associá-los aos setores disponíveis no sistema.

Tela de cadastro do sistema

Fluxo de recuperação de senha

Etapa 1: informar e-mail

Início do processo de recuperação, no qual o usuário informa o e-mail cadastrado para receber o código de validação.

Tela de recuperação de senha - informar e-mail

Etapa 2: validar código

Tela intermediária destinada à conferência do código enviado para o e-mail do usuário.

Tela de recuperação de senha - validar código

Etapa 3: definir nova senha

Etapa final do fluxo, onde a nova senha é cadastrada após a validação do código.

Tela de recuperação de senha - nova senha

Área principal do sistema

Dashboard

Apresenta uma visão inicial do ambiente autenticado e serve como ponto de navegação para os módulos principais.

Tela do dashboard

Edição de perfil

Tela voltada à atualização de dados pessoais e credenciais do usuário autenticado.

Tela de edição de perfil

Gestão de planos de risco

Criação de plano de risco

Interface destinada ao cadastro de um novo risco, com preenchimento das informações estratégicas e operacionais do plano.

Tela de criação de plano de risco

Mapa de risco

Visualização analítica para posicionamento e leitura dos riscos cadastrados conforme seus níveis e classificações.

Tela do mapa de risco

Visualização dos planos cadastrados

Tela de consulta dos planos já registrados, permitindo acompanhar e acessar os riscos existentes.

Tela de visualização dos planos de risco