joaofleao| Home | Escopo | Processo | Design | Configuração | Arquitetura | Código | Banco de Dados | Qualidade | Instalação |
|---|
Design do Sistema
Descrição
Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolhas do time ou solicitações dos Stakeholders.
Sumário
Protótipos de Baixo Nível
Para início do desenvolvimento, os requisitos apresentados pelos stakeholders foram convertidos em protótipos com baixo nível de fidelidade. Esses protótipos foram criados na ferramenta Excalidraw junto de todo o time.
Abaixo temos uma imagem que apresenta o resultado de algumas das telas desenvolvidas:
O fluxo pode ser visto por completo acessando os protótipos originais
Protótipos de Alto Nível
Logo em seguida, os protótipos de baixo nível foram convertidos para uma versão com maior fidelidade ao produto final. Eles foram desenvolvidos na ferramenta de prototipação Figma juntamente de todo o time e foram sugeridos na entrega da Sprint 0.
Essa etapa de validação dos protótipos foi muito importante, afinal, o time se basearia neles na hora de desenvolver a interface da aplicação. Abaixo temos uma visão geral dos protótipos finais.
Para melhor visualização de todos os fluxos, acesse os protótipos oficiais do projeto.
Cores
Algumas das cores escolhidas para o projeto foram retiradas da identidade visual já existente do projeto. Outras foram incorporadas a medida que o projeto apresentou necessidade.
| Cores | Nome | HEX | Cores | Nome | HEX |
|---|---|---|---|---|---|
 |
Primária | #357735 |  |
Secundária | #52944F |
 |
Terciária | #6FB26B |  |
Complementar Primária | #506986 |
 |
Complementar Secundária | #556983 |  |
Complementar Terciária | #79899D |
 |
Background | #FFFFFF |  |
Erro | #FF1B25 |
 |
Fontes | #212121 |  |
Cinza | #8A8A8E |
Tipografia
Para definição da tipografia, foi levada em consideração a natureza do projeto. A escolha da fonte Montserrat ajudou a criar uma interface amigável, simples e limpa.
Elementos Visuais
Durante o desenvolvimento de Protótipos, alguns icones foram definidos para apresentarem melhor as funcionalidades da aplicação. Além desses icones, elementos ilustrativos nas páginas de abertura do aplicativo, seleção de avatar e parte de troféus foram adicionados para trazer um aspecto mais agradável a essas páginas, além de incentivarem a "Gamificação" do aplicativo.
-
Icones utilizados
-
Avatares utilizados foram criados por Freepik e podem ser encontrados em Flaticon
-
Ilustrações utilizadas foram criados por Loomies illustrations e podem ser encontrados em GetIlustrations