design_mockups.md

@@ -9,10 +9,14 @@ No começo do projeto os stakeholders nos apresentaram mockups iniciais que havi
 
 <img src="./resources/images/mockups-projeto-base.png" width="400">
 
+## Protótipos de baixa fidelidade
+
 O time desenvolveu inicialmente protótipos de baixa fidelidade para que pudéssemos visualizar melhor o funcionamento do fluxo das telas da aplicação. Os protótipos foram feitos em aula no quadro, porém acabamos passando isso para um diagrama mais formal. O motivo da escolha é porque dessa forma fica melhor visualizar o fluxo pensado, visto que se mantêm um padrão mais legível do que as fotos que foram tiradas diretamente do quadro. Assim, facilitando a legibilidade desses protótipos de baixa fidelidade nesta Wiki para quem for acessá-la. Abaixo está disponibilizada a imagem desse fluxo desse protótipo de baixa fidelidade que se baseou no que foi feito em aula presencialmente no quadro:
 
 <img src="./resources/images/mockups-baixa-fidelidade.png" width="400">
 
+## Assets e padrões
+
 Após a primeira semana desenvolvendo os protótipos de baixa fidelidade, inicialmente, se optou por definir todos os assets e padronizações que seriam utilizadas para o desenvolvimento do protótipo de alta fidelidade. Com isso, abaixo estão disponíveis as imagens dos assets que utilizamos para desenvolver as telas do protótipo do projeto tais como padronização de cores, fundos, componentes (nisso incluindo popup, cards, campos de texto, botões e header), tamanhos e fontes de letra (sendo elas de título ou de cards).
 
 ### Logo
@@ -50,6 +54,8 @@ Os popups foram usados principalmente para indicar algum erro ou sucesso ao usu
 
 <img src="./resources/images/mockups-componentes-popup-tag.png" width="400">
 
+## Protótipos de alta fidelidade
+
 Depois de definidos os assets e padrões a serem utilizados, o time seguiu com o desenvolvimento dos protótipos de alta fidelidade, os quais como apresentado nos protótipos de baixa fidelidade terão três fluxos diferentes, um de professor, um de especialista e um de coordenador sendo que todos partem da tela de login comum entre eles. A seguir são apresentadas imagens contendo as telas desenvolvidas do protótipo de alta fidelidade para o login e segue juntamente o fluxo demonstrado nos protótipos de baixa fidelidade para cada um dos usuários.
 
 ## Sumário