design_mockups.md

 | [Home](home) | [Escopo](escopo) | [Processo](processo) | [Design/Mockups](design_mockups) | [Configuração](configuracao) | [Arquitetura](arquitetura) | [Gerência](gerencia) | [BD](banco-de-dados) | [Qualidade](qualidade) | [Frontend](frontend) | [Backend](backend) | [Analytics](Analytics) |
-| :----------: | :------------------: | :------------------: | :------------------------------: | :--------------------------: | :------------------------: | :------------------: | :------------------: | :--------------------: | :------------------: | :----------------: | :----------------: |
+| :----------: | :------------------: | :------------------: | :------------------------------: | :--------------------------: | :------------------------: | :------------------: | :------------------: | :--------------------: | :------------------: | :----------------: | :----------------: |
\ No newline at end of file
+
+
+# Descrição dos protótipos
+
+Para os protótipos do sistema, identificamos três fluxos de usuário, sendo eles: o mecânico, o administrador e o ferro velho. Abaixo podemos observar o fluxo animado apresentando a ordem que o usuário navega sobre as telas para cada um dos fluxos citados. Além disso, optamos por seguir um template do Figma tanto para o Desktop quanto para o Mobile. Como o website [Peça Legal](https://pecalegal.detran.rs.gov.br/cdv-portal/mod-consulta/consulta.xhtml) do Detran seguia um padrão de cores com laranja majoritariamente para fazer associação ao site e também por relembrar junto ao leve tom de verde da logo à proposta ecológica do projeto.
+
+## Logo do projeto
+
+![Logo](resources/images/Logo-icon.png)
+
+## Fluxo do Mecânico
+![Fluxo-Mecânico](resources/gifs/Mecanico.gif)
+
+![Mecanico-Telas](resources/images/MecanicoTelas.png)
+
+[Link para fluxo do mecânico](https://www.figma.com/proto/HsPf5Ij6VQfyQLmM9hV1b8/Mockups?node-id=2-2&t=EzVY2PKpDSKX61vq-1)
+
+## Fluxo do Administrador
+![Fluxo-Admin](resources/gifs/Admin.gif)
+
+![Admin-Telas](resources/images/AdminTelas.png)
+
+[Link para fluxo do administrador](https://www.figma.com/proto/HsPf5Ij6VQfyQLmM9hV1b8/Mockups?node-id=94-7343&node-type=CANVAS&t=EzVY2PKpDSKX61vq-0&scaling=contain&content-scaling=fixed&page-id=8%3A8705&starting-point-node-id=94%3A7343)
+
+## Fluxo do Ferro Velho
+![Fluxo-Ferro-Velho](resources/gifs/Ferro-Velho.gif)
+
+![Ferro-Velho-Telas](resources/images/FerroVelhoTelas.png)
+
+[Link para fluxo do ferro velho](https://www.figma.com/proto/HsPf5Ij6VQfyQLmM9hV1b8/Mockups?node-id=0-1&t=EzVY2PKpDSKX61vq-1)
\ No newline at end of file