... | @@ -19,10 +19,19 @@ Para partir de uma base mais consistente na criação da interface do usuário, |
... | @@ -19,10 +19,19 @@ Para partir de uma base mais consistente na criação da interface do usuário, |
|
## #1 - Design de interface: criação dos wireframes
|
|
## #1 - Design de interface: criação dos wireframes
|
|
|
|
|
|
### Menu Principal
|
|
### Menu Principal
|
|
![Menu](/uploads/459030b3edda4a7b2b37d36bb1ff950c/Menu.JPG)
|
|
![Menu](/uploads/e62a155cbf762f50d9e3dfed1c138de1/Menu.JPG)
|
|
|
|
|
|
|
|
|
|
|
|
### Menu Sanduiche
|
|
|
|
![MenuSanduiche](/uploads/0b600a34d23790d71dc43648151ffbdc/MenuSanduiche.JPG)
|
|
|
|
|
|
|
|
|
|
|
|
### Produtos Disponiveis
|
|
|
|
![ProdutosDisponiveis](/uploads/b53bb97068b0a93c9992ceae5cf3b04e/ProdutosDisponiveis.JPG) ![Prod_Disp_Teclado](/uploads/0e567fe0a9942299aada7abe6797ee3d/Prod_Disp_Teclado.JPG)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Tela 2
|
|
|
|
### Tela 3
|
|
|
|
|
|
|
|
## #2 - Design de interface: mockup das telas
|
|
## #2 - Design de interface: mockup das telas
|
|
Para agilizar o processo, nos dividimos em duas frentes: uma responsável por preparar os wireframes e aprovar com o stakeholder principal; e a outra responsável por, com base nos wireframes aprovados, fazer um mockup mais detalhado e, posteriormente, aprová-los com a Mentha Orgânicos. Abaixo, segue os mockups referentes às telas já aprovadas:
|
|
Para agilizar o processo, nos dividimos em duas frentes: uma responsável por preparar os wireframes e aprovar com o stakeholder principal; e a outra responsável por, com base nos wireframes aprovados, fazer um mockup mais detalhado e, posteriormente, aprová-los com a Mentha Orgânicos. Abaixo, segue os mockups referentes às telas já aprovadas:
|
... | | ... | |