Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • D decola-wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Metrics
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Plataforma onboarding para novos colaboradores
  • decola-wiki
  • Wiki
  • Mockups

Last edited by Maria Eduarda Wendel Maia Apr 22, 2024
Page history

Mockups

Home Escopo Gerência Processo Mockups Configuração Arquitetura DataBase Infra Estudos

Descrição

Esta seção apresentará todos os dados do Design do Sistema (Telas em Alta Fidelidade e Design System), sejam eles escolhas do time ou solicitações dos Stakeholders.

A prototipação das telas e a definição do fluxo foram desenvolvidas no Figma, organizando os elementos em pastas visando tornar o processo mais intuitivo. O projeto foi desenvolvido em três resoluções: baixa, média e alta

Link Figma: https://www.figma.com/file/NXKKrdIufqEwiV9t1jyhMh/Decola?type=design&node-id=5-5&mode=design&t=OtDmemPW1pAXDsgu-0

Sumário

  • Tela Home
  • Tela de Login
  • Telas do RH
  • Telas do Colaborador
  • Popups
  • Design System

Tela Home:

home



Tela de Login:

login



Telas do RH


Tela Página Inicial:

Página_Inicial_-_RH1



Tela de Administração:

Administração



Tela de Áreas:

Colaboradores_-_RH



Tela de Cursos:

Cursos_-_RH



Tela de Módulos:

Módulos_-_RH



Tela de Atividades de Múltipla Escolha - Opção 1:

Atividades_-_Multipla_Escolha



Tela de Atividades de Múltipla Escolha - Opção 2:

RH-_Multipla_Escolha



Tela de Atividades de Checkbox:

RH-_Checkbox



Telas do Colaborador


Tela Página Inicial:

Página_Inicial_-_Colaboradores



Tela de Cursos:

Cursos_-_Colaborador



Tela de Módulos:

Módulos_-_Colaborador



Tela de Atividade de Múltipla Escolha:

Colaborador_-_Multipla_Escolha



Tela de Atividade de Checkbox:

Colaborador_-_Checkbox



Tela de Atividade de Conteúdo Externo:

Colaborador_-_Conteudo_Externo



Tela de Avaliação:

Colaborador_-Conteudo_Externo__1



Popups:

Criar Atividade

RH_-_Pop-up_Atividade


Administração - Criar Conta

Administração_-_Criar_Conta


Áreas - Criar Área

Colaboradores_-Popup-_toggle


Cursos - Adicionar Curso Existente

Cursos_-_PopUp_já_existentes



Design System


Branding:

Branding



Style Guide:

Utilizamos a paleta de cores e fonte adotadas pelas stakeholders, conforme o padrão visual previamente estabelecido por elas

Style_Guide



Clone repository
  • Arquitetura
  • Configuração
  • DataBase
  • Escopo
  • Estudos
  • Gerência
  • Infraestrutura
  • Mockups
  • Processo
  • Retrospectivas
  • banco_dados
  • configuracao
  • Home