Skip to content

GitLab

design_mockups · Changes

Page history
Update design_mockups authored by Clara Da Cunha D Ávila's avatar Clara Da Cunha D Ávila
Hide whitespace changes
Inline Side-by-side
design_mockups.md
View page @ 3ce00c10
...@@ -12,88 +12,113 @@ Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolh ...@@ -12,88 +12,113 @@ Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolh
- [Design do Sistema](#design-do-sistema) - [Design do Sistema](#design-do-sistema)
- [Descrição](#descrição) - [Descrição](#descrição)
- [Sumário](#sumário) - [Sumário](#sumário)
- [Ferramenta Utilizada](#ferramenta-utilizada)
- [Protótipos](#protótipos) - [Protótipos](#protótipos)
- [Cores](#cores) - [Cores](#cores)
- [Tipografia](#tipografia) - [Tipografia](#tipografia)
- [Elementos Visuais](#elementos-visuais) - [Elementos Visuais](#elementos-visuais)
## Figma
[Protótipos do Apus Drones no Figma](https://www.figma.com/file/pMrt1GO9aZ8FfIX2FeZlhW/Apus-Drone-%2B-Material-Baseline-Design?node-id=411%3A3368)
## Protótipos ## Protótipos
### Usuário Cliente: ### Usuário Cliente:
#### Login do Cliente Cadastro do Cliente #### Login 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/login.png" width="220" height="400">
#### Cadastro do Cliente
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/cadastro.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"> #### Tela Inicial
<img src="" width="220" height="400"> <img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/inicio.png" width="220" height="500">
<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) #### Carrinho
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/carrinho.png" width="220" height="400">
![Tela do Carrinho do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/carrinho.png) #### Histórico de Pedidos do Cliente
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/historico_de_pedidos.png" width="220" height="400">
![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) #### Pedido do Cliente
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/meu_pedido.png" width="220" height="400">
![Tela de Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/meu_pedido.png) #### Detalhes do Pedido do Cliente
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_1.png" width="220" height="500">
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_2.png" width="220" height="500">
![Detalhe do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_1.png) #### Acompanhamento do Pedido do Cliente
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido.png" width="220" height="400">
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido_2.png" width="220" height="400">
![Detalhe do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_2.png) #### Compra Finalizada
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/compra_finalizada.png" width="220" height="400">
![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: ### Usuário Parceiro:
![Tela de Cadastro do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/cadastro.png) #### Cadastro do Parceiro
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/cadastro.png" width="220" height="400">
#### Login do Parceiro
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/login.png" width="220" height="400">
![Tela de Login do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/login.png) #### Tela CRUD produtos
![Tela CRUD produtos - Create](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_create.png) ##### Create
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_create.png" width="220" height="400">
![Tela CRUD produtos - Delete](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_delete.png) ##### Retrieve
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_retrieve.png" width="220" height="400">
![Tela CRUD produtos - Retrieve](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_retrieve.png) ##### Update
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_update.png" width="220" height="400">
![Tela CRUD produtos - Update](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_update.png) ##### Delete
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_delete.png" width="220" height="400">
![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_1.png) #### Pedidos
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_1.png" width="220" height="400">
![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_2.png) <img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_2.png" width="220" height="400">
![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_3.png) <img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_3.png" width="220" height="400">
![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_4.png) <img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_4.png" width="220" height="400">
![Tela de Perfil do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/perfil.png) #### Perfil do Parceiro
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/perfil.png" width="220" height="400">
![Tela de Solicitação de Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/solicitacao_de_pedido.png) #### Solicitação de Pedido
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/solicitacao_de_pedido.png" width="220" height="400">
![Tela Inicial do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/tela_inicial.png) #### Tela Inicial do Parceiro
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/tela_inicial.png" width="220" height="400">
### Usuário Piloto: ### 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) #### Cadastro do Piloto
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/cadastro.png" width="220" height="400">
![Tela de Realizar Entrega do Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_coleta_-_entrega.png) #### Aceitar Corrida
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/aceitar_corrida.png" width="220" height="400">
![Tela de Realizar Coleta do Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_corrida_-_coleta.png) #### Realizar Entrega do Pedido
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_coleta_-_entrega.png" width="220" height="400">
![Tela de Detalhes da Corrida](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/detalhes_da_corrida.png) #### Realizar Coleta do Pedido
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_corrida_-_coleta.png" width="220" height="400">
![Tela de Histórico de Corridas](http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/historico_de_corridas.png) #### Detalhes da Corrida
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/detalhes_da_corrida.png" width="220" height="400">
![Tela Dash](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash.png) #### Histórico de Corridas
<img src="http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/historico_de_corridas.png" width="220" height="400">
![Tela Dash 2](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash_2.png) #### Dash
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash.png" width="220" height="400">
<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash_2.png" width="220" height="400">
## Cores ## Cores
...@@ -113,6 +138,3 @@ Títulos e corpo: fonte Roboto. ...@@ -113,6 +138,3 @@ Títulos e corpo: fonte Roboto.
![Elementos](http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/Tema_Cores.png) ![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)