Home - Central de Funcionalidades

Visão Geral

Página inicial após seleção da organização. Apresenta um hub central com todas as funcionalidades disponíveis agrupadas em categorias principais.

Cabeçalho

Navegação Superior

• Logo: Ícone do OpsScript (esquerda)
• Breadcrumb: "Home" (com ícone de casa)
• Notificações: Badge com contador (direita)
• Perfil: Avatar do usuário (direita)

Sidebar Esquerda

Ícones de navegação vertical com acesso rápido aos módulos principais

Banner Principal

• Saudação: "Bem-vindo(a)!"
• Título: "Central de Funcionalidades"
• Descrição: "Selecione uma das opções abaixo para acessar as funcionalidades do sistema e gerencie seus recursos com facilidade."
• Visual: Banner verde com ilustração decorativa
• Função: Orientar o usuário e apresentar propósito da página

Seção: Atendimento

Agrupa funcionalidades relacionadas a gestão de atendimento e suporte.

Módulos Disponíveis

Tickets

• Ícone: Ícone de ticket
• Descrição: "Gerencie chamados de suporte e atendimento"
• Ação: Navegável

Gestão de Projetos

• Ícone: Ícone de projeto/pasta
• Descrição: "Gerencie projetos e recursos"
• Ação: Navegável

Relatórios

• Ícone: Ícone de documento/relatório
• Descrição: "Visualize relatórios de atendimento"
• Ação: Navegável

Dashboard

• Ícone: Ícone de gráfico
• Descrição: "Visualize métricas e indicadores"
• Ação: Navegável

Seção: Configurações

Agrupa funcionalidades de administração e configuração do sistema.

Módulos Disponíveis

Meu Perfil

• Ícone: Ícone de usuário/perfil
• Descrição: "Gerencie suas informações pessoais"
• Ação: Navegável

Empresas

• Ícone: Ícone de organização
• Descrição: "Gerencie organizações e estrutura"
• Ação: Navegável

Usuários

• Ícone: Ícone de pessoas
• Descrição: "Gerencie usuários e permissões"
• Ação: Navegável

Cargos

• Ícone: Ícone de cargo/posição
• Descrição: "Gerencie cargos e permissões"
• Ação: Navegável

Token de Acesso

• Ícone: Ícone de chave/token
• Descrição: "Gerencie tokens de acesso pessoais"
• Ação: Navegável

Webhooks

• Ícone: Ícone de integração
• Descrição: "Configure webhooks para integrações"
• Ação: Navegável

Layout e Design

• Cards: Grid responsivo com cards clicáveis
• Ícones: Códigos visuais para identificação rápida
• Tipografia: Hierarquia clara entre títulos e descrições
• Espaçamento: Seções bem delimitadas e organizadas
• Cores: Uso de verde para destaque principal (brand)

Fluxo do Usuário

1. Usuário chega na Home após seleção de organização
2. Visualiza saudação personalizada e explicação
3. Opção A: Clica em módulo de Atendimento
4. Opção B: Clica em módulo de Configurações
5. Navega para funcionalidade desejada

Observações

• Hub central intuitivo com categorização clara
• Todas as funcionalidades acessíveis em um único lugar
• Descrições breves facilitam compreensão
• Ícones visuais melhoram navegabilidade
• Design amigável com ilustração bem-vinda
• Suporta diferentes roles/permissões (alguns módulos podem estar restritos)