Adriana Anacleto Serpa| Home | Escopo | Processo | Design/Mockups | Gerência | Estudos | Arquitetura | Contratos | BD | Qualidade | Configuração | Instalação | Instruções | Utilização | Analytics | Infraestrutura |
|---|
Design da Interface do Sistema
Descrição
Nesta seção serão apresentadas as telas da interface do sistema, planejadas em colaboração pelo time, levando em consideração as solicitações dos Stakeholders do projeto.
Sumário
Observação: Consulte a seção UX/UI no menu Qualidade para mais detalhes sobre design patterns.
Escolha de cores e padrões
Paleta de Cores
Foi escolhida este esquema de cores inspirado ao utilizado no site oficial da empresa.
Lista de códigos Hex:
- #006f48
- #C25327
- #2E2E2E
- #FE6900
- #EBFFEE
Componentes
Estamos utilizando componentes criados na ferramenta Figma para compor as telas da aplicação. Abaixo estão alguns exemplos:
Card para estoque
Card com o status atual da operação
Botão para cadastro
Ícone de etapa concluída
Logo da Hortti
|
Protótipos de Alto Nível
Tela de Login/ Boas vindas
Tela Inicial
Cadastro de Operação
Seleção de Etapas da Operação
Finalização e Historico de uma Operação
Cadastro de Matéria Prima
Cadastro do Produto Final
Estoque para Matéria Prima
Lote de Matéria Prima
Estoque para Produto Final
Lote de Produto Final
Observações Gerais
Os Mockups apresentados acima são meramente uma base para o que a aparência da aplicação deve se assemelhar em sua versão final. É bom ressaltar que são sujeitas a mudanças durante o desenvolvimento da aplicação para entrar em conformidade com futuras adições/edições/exclusões que vierem a ser feitas.