design_mockups.md

+| [Home](home) | [Escopo e Cronograma](escopo) | [Processo](processo) | [**Design/Mockups**](design_mockups) | [Configuração](configuracao) | [Arquitetura](arquitetura) | [Código](codigo) | [BD](banco_dados) | [Qualidade](qualidade) | [Utilização](utilizacao) |
+| :----------: | :---------------------------: | :------------------: | :------------------: | :--------------------------: | :------------------------: | :--------------: | :---------------: | :--------------------: | :----------------------: |
+
+# Design do Sistema
+
+## Descrição
+
+Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolhas do time ou solicitações dos Stakeholders.
+
+## Sumário
+
+- [Design do Sistema](#design-do-sistema)
+  - [Descrição](#descrição)
+  - [Sumário](#sumário)
+  - [Protótipos](#protótipos)
+  - [Cores](#cores)
+  - [Tipografia](#tipografia)
+  - [Elementos Visuais](#elementos-visuais)
+
+## Protótipos
+
+### Usuário Cliente:
+
+#### Login do Cliente              Cadastro do Cliente
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/login.png"  width="220" height="400">
+
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/cadastro.png"  width="220" height="400">
+
+<img src=""  width="220" height="400">
+<img src=""  width="220" height="400">
+<img src=""  width="220" height="400">
+
+
+
+![Tela de Início do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/inicio.png)
+
+![Tela do Carrinho do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/carrinho.png)
+
+![Tela de Histórico de Pedidos do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/historico_de_pedidos.png)
+
+![Tela de Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/meu_pedido.png)
+
+![Detalhe do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_1.png)
+
+![Detalhe do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_2.png)
+
+![Acompanhamento do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido.png)
+
+![Acompanhamento do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido_2.png)
+
+![Acompanhamento do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/compra_finalizada.png)
+
+### Usuário Parceiro:
+
+![Tela de Cadastro do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/cadastro.png)
+
+![Tela de Login do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/login.png)
+
+![Tela CRUD produtos - Create](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_create.png)
+
+![Tela CRUD produtos - Delete](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_delete.png)
+
+![Tela CRUD produtos - Retrieve](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_retrieve.png)
+
+![Tela CRUD produtos - Update](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_update.png)
+
+![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_1.png)
+
+![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_2.png)
+
+![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_3.png)
+
+![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_4.png)
+
+![Tela de Perfil do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/perfil.png)
+
+![Tela de Solicitação de Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/solicitacao_de_pedido.png)
+
+![Tela Inicial do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/tela_inicial.png)
+
+### Usuário Piloto:
+![Tela de Cadastro do Piloto](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/cadastro.png)
+
+![Tela de Aceitar Corrida](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/aceitar_corrida.png)
+
+![Tela de Realizar Entrega do Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_coleta_-_entrega.png)
+
+![Tela de Realizar Coleta do Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_corrida_-_coleta.png)
+
+![Tela de Detalhes da Corrida](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/detalhes_da_corrida.png)
+
+![Tela de Histórico de Corridas](http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/historico_de_corridas.png)
+
+![Tela Dash](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash.png)
+
+![Tela Dash 2](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash_2.png)
+
+## Cores
+
+As cores usadas no mockup foram:
+Azul: #003EA1
+Laranja: #FFA53D
+Cinza Escuro: #3D3D3D
+Cinza Claro: #F0F0F0
+Vermelho: #E2591E
+
+## Tipografia
+
+Títulos e corpo: fonte Roboto.
+
+
+## Elementos Visuais
+
+![Elementos](http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/Tema_Cores.png)
+
+## Figma
+
+[Protótipos do Apus Drones no Figma](https://www.figma.com/file/pMrt1GO9aZ8FfIX2FeZlhW/Apus-Drone-%2B-Material-Baseline-Design?node-id=411%3A3368)