Home	Escopo	Processo	Design/Mockups	Gerência	Estudos	Arquitetura	Contratos	BD	Qualidade	Configuração	Instalação	Instruções	Utilização	Analytics	Infraestrutura	Dicas

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

• Escolha de cores e padrões
• Protótipos de Alto Nível

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ões 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 ordem de produção

Seleção de Etapas da Operação

Cadastro de lotes

Cadastro de Matéria Prima

Cadastro do Produto Final

Painel de configuração

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.

---

                                                                                                         Topo