Adriana Anacleto Serpa| Home | Escopo e Cronograma | Processo | Design/Mockups | Configuração | Arquitetura | Código | BD | Qualidade | Utilização |
|---|
Design do Sistema
Sumário
Descrição
Os mockups de alta fidelidade foram construídos usando o Figma, uma ferramenta gratuita com suporte a colaboração em tempo real e criação de protótipos navegáveis.
A versão mais atualizada dos mockups pode ser encontrada no Figma do projeto Doação.
Protótipos de Alto Nível
Telas de exemplo da visualização do usuário.
Ajustes sugeridos e realizados
| Ajuste | Descrição | Status |
|---|---|---|
| Posicionamento do logo | Centralizar o logo | |
| Botão Início | Incluir em todas as páginas o botão de "Início" para facilitar a utilização | |
| Cores | Ajustar o esquema de cores para tons de preto, cinza e vermelho |
Protótipos após ajustes
Tela de exemplo após os ajustes sugeridos pela Stakeholder.
Paleta de cores
As cores utilizadas para a aplicação web DoAÇÃO foram:
- Cor primária:
![image]()
- Cor secundária:
![image]()
- Cor background:
![image]()
- Cor button Grey:
![image]()
- Cor Branca:
![image]()
- Cor preta:
![image]()
Notificações
- Cor para mensagens de erro:
![image]()
- Cor para mensagem de sucesso:
![image]()
Tipografia
Roboto, Helvetica e sans-serif.
Link para os Mockups
Os Mockups do projeto foram desenvolvidos durante a sprint 0 e 1 com a ferramenta Figma.