Protótipo FIGMA de Alta Fidelidade

image

Especificação Técnica

Objetivo

Elaborar os protótipos de uma aplicação web tendo como base as tecnologias HTML5, CSS e Bootstrap 4 e Angular, de forma que seja possível: pesquisar, incluir, alterar e excluir (CRUD) conhecimentos e certificações dos colaboradores da Cast Group, a fim de facilitar a visualização de forma visual e intuitiva para os gestores responsáveis.

Processo Criativo

Estrutura

A estrutura do projeto foi baseada no conceito de Mobile First (tem como foco a utilização do aplicativo em dispositivos móveis). O design visa o controle de certificações e conhecimentos dos colaboradores da empresa de modo que possa ser adicionados, editados ou deletados. Na visão do gestor, utilizando ou não filtros de busca, é possível pesquisar e visualizar essas certificações e conhecimentos dos colaboradores com uma interação intuitiva.

Cores

A paleta de cores foi escolhida a partir da Logo da empresa e inspirada num tema dark somado a tons de azul.

Tipografia e Ícones

Para uma leitura concisa foram usadas variações de tamanho e estilo da fonte Inter. A respeito dos ícones, 90% foram feitos à mão com exceção da Logo da empresa.

Plugins

  • Typography Styleguide
  • Color Styleguid
  • Unsplash

image