Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • W Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1
    • Issues 1
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Easy Choose
  • Wiki
  • Wiki
  • design_mockups

design_mockups · Changes

Page history
Create design_mockups authored Apr 15, 2024 by Arthur Sudbrack Ibarra's avatar Arthur Sudbrack Ibarra
Hide whitespace changes
Inline Side-by-side
design_mockups.md 0 → 100644
View page @ 25e95e65
Essa seção contempla os protótipos desenvolvidos para o projeto EASY CHOOSE.
## Protótipos de Baixo Nível (Excalidraw)
Link: https://excalidraw.com/#room=324ddf9a261277182d44,9TKc9rZOvZo5xRsZcnnYrg
Primeiramente, optamos por desenvolver os protótipos em baixo nível para esboçar uma ideia inicial dos fluxos e da estruturação das telas. Para isso, foi usado o Excalidraw, uma ferramenta específica para desenvolver protótipos de baixa fidelidade. A figura a seguir ilustra os resultados obtidos:
![image](uploads/24490bc6638e0c3f050e71f26b7a268e/image.png)
## Protótipos de Alto Nível (Figma)
Link: https://www.figma.com/file/HgjNSM8GDnEhqze3qKanyZ/EASY-CHOOSE-Mockups-(MaterialUI)?type=design&node-id=4213-1335&mode=design&t=X0vGllL8OMoo12Kb-0
Após criados os protótipos de baixo nível, a equipe se mobilizou para começar os protótipos de alto nível na ferramente Figma com base nos protótipos de baixa fidelidade. Inicialmente optamos por um design neutro, que seguia a identidade visual existente do EASY CHOOSE:
![image](uploads/c56c4fd158f75a8d5a1c0f2a35b93cca/image.png)
Porém, após apresentar as telas desenvolvidas aos clientes ao final da Sprint 0, estes solicitaram mudanças para que as telas fosse mais visualmente apelativas, mais vibrantes, para que os usuários tivessem a sua atenção prendida. Levando isso em conta que decidimos optar por utilizar cores verdes, que remetem a um estilo de vida saudável, e os resultados podem ser vistos na figura abaixo:
![image](uploads/51c8240dda3ab8b9761c77a4ceb554b0/image.png)
Além, disso também criamos protótipos de telas para os painéis de lojista e administrador, os quais mantiveram o aspecto neutro e foram aceitos de primeira vista pelos clientes:
- Painel do Lojista
![image](uploads/749180cf33c4ed54dcac737130cff3fa/image.png)
- Painel do Administrador
![image](uploads/013a7796523bf72463e51c702dc911b8/image.png)
Clone repository
  • Banco de Dados
  • arquitetura
  • codigo
  • configuracao
  • design_mockups
  • escopo
  • gerencia
  • Home
  • processos
  • qualidade