mockups.md

@@ -4,7 +4,10 @@
 # Organização dos Mockups
 
 _Acesso rápido:_
+
 - [Figma (alta fidelidade)](#figma-alta-fidelidade)
+  - [Protótipo de uso do app](#protótipo-de-uso-do-app)
+  - [Arquivos dos mockups](#arquivos-dos-mockups)
 - [Fluxo-base inicial (baixa fidelidade) e divisão do time](#fluxo-base-inicial-baixa-fidelidade-e-divisão-do-time)
 - [Ajustes sugeridos e realizados](#ajustes-sugeridos-e-realizados)
 
@@ -14,17 +17,26 @@ Os mockups de alta fidelidade foram construídos usando o [Figma](https://www.fi
 
 A versão mais atualizada dos mockups [pode ser encontrada no Figma do projeto](https://www.figma.com/file/gWGKWcjBwXebMtta6XBnd4/Appoio).
 
+### Protótipo de uso do app
+
+Fluxos de usuário comum e administrador:
+
 <p align="center">
-    <h4>Fluxos de usuário comum e administrador</h4>
-    <img src="resources/user-appoio.gif" height="400">
-    <img src="resources/admin-appoio.gif" height="400">
+    <img src="resources/mockups-fluxo-usuário.gif" height="400">
+    <img src="resources/mockups-fluxo-admin.gif" height="400">
 </p>
 
+### Arquivos dos mockups
+
+- [📑 Arquivo do Figma](resources/mockups-figma.fig).
+- [📑 PDF com telas do fluxo de usuário comum](resources/mockups-telas-usuário.fig).
+- [📑 PDF com telas do fluxo de administrador](resources/mockups-telas-admin.fig).
+
 ## Fluxo-base inicial (baixa fidelidade) e divisão do time
 
 Após a reunião de levantamento de requisitos, foi desenvolvida uma proposta de fluxo-base do app considerando as features levantadas.
 
-![Proposta de fluxo-base para o app.](resources/fluxo-app.png)
+![Proposta de fluxo-base para o app.](resources/mockups-fluxo-app.png)
 
 As telas do fluxo acima estão marcadas com cores, representando a squad responsável por cada tela. Abaixo, encontra-se a divisão de squads de acordo com cada tela do fluxo-base.