Interface
Histórico de Revisão
Data | Versão | Descrição | Autor(es) |
---|---|---|---|
16/05/2023 | 0.1 | Criação e estruturação do documentação | Hemanoel |
17/05/2023 | 0.2 | Adição da descrição do padrão da interface | Hemanoel, Isaac, Milena |
Início
Tela onde há uma explicação do que se trata nosso site.
Caixa
Tela onde podemos ter a visualização dos produtos que serão comprados, além de adicionar mais alguns com suas quantidades. Aonde esta descrito 'valor', será onde aparecerá o valor total da compra até então. O botão de pagamento leva para uma janela pop-up que dara a opção de tipos de pagamento, valor recebido, se haverá troco e o tipo de entrega (presencialmente, delivery ou entrega pessoal).
Cliente
Tela onde podemos ver os clientes que estão com dividas na loja, além de poder adicionar ou reduzir o valor da divida e adicionar um novo cliente com um novo valor. Sendo que quando apertamos nos botões ao lado podemos visualizar na janela pop-up cliente e valor a ser colocado.
Estoque
Tela onde poderá ser visualizado os produtos e pesquisado algum produto para consulta, além de poder editar o produto caso necessário e adicionar um novo. Ao pressionar o botão de adicionar um novo produto poderá ser colocado uma foto do produto, o nome dele, uma descrição caso queira e a quantidade. Quando for editar o produto aparecerá as mesmas opções, porém com a opção de adicionar quantidade, para quando for estabelecido um novo estoque do produto.
Relatório
Tela que poderá ser visualizado um relatorio das vendas e uma lista do que foi vendido ao longo de um determinado tempo.
Dashboard
Tela onde poderá ser visualizado três diferentes graficos, contendo grafico de linhas, grafico de colunas e um grafico pizza, sendo cada um descrito nos requisitos do projeto.
Paleta de Cores
A identidade visual do site EasyStock foi criado a partir do lago criado para fazermos o trabalho, tendo ele como base para a escolha de cores. Contendo uma paleta de cor de azuis e cores mais neutras para composição, bege, cinza claro e preto.
Tipografia
A fonte escolhida para compor o projeto foi a Poppins, para manter um conceito de um site mais clean. Podendo ser vista a baixo:
Ícones
Utilizaremos apenas dois ícones, um para edição de produtos do estoque e um para pesquisa, respectivamente. Podendo ser encontrados no site Icon Finder. Segue os ícones escolhidos: