|[Home](home)|[Sprints](sprints)|[Requisitos](requisitos)|[Arquitetura](arquitetura)|[Configuração](configuracao)|[Mockups](mockups)|[Banco de Dados](banco_dados)|[Instalação](instalacao)|[Gerência de Projeto](gp)|[CI](ci)|
|---|---|---|---|---|---|---|---|---|---|

# Página de Mockups
Apresentamos nessa páginas os mockups desenvolvidos para apresentar a ideia ao stakeholder e guiar o desenvolvimento de front-end do projeto. A primeira seção conta com os mockups para gerência do sistema ONYVA. A segunda seção conta com os mockups desenvolvidos para administração de uma oficina.
Todos os mockups foram desenvolvidos através da ferramenta Figma.

### Mockup de Gerência no Figma ###

Buscar veículos da FIPE            |  Menu de administração
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-01.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-02.png)

Buscar veículos por características            |  Listagem de veículos cadastrados
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-03.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-04.png)

Login de administrador            |  Menu de administrador do sistema ONYVA
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-05.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-06.png)

Administrar usuários e oficinas           |  Listagem de proprietários
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-07.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-08.png)

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-09.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-10.png)

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-11.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-12.png)

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-13.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-14.png)

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-15.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-16.png)

Solarized dark             | 
:-------------------------:|
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-admin/Onyva%20Admin%20Mock-ups-17.png)  |



### Mockup de Oficina no Figma ###


Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-oficina/ONYVA-Oficina-Mocks-2.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-oficina/ONYVA-Oficina-Mocks-4.png)

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-oficina/ONYVA-Oficina-Mocks-6.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-oficina/ONYVA-Oficina-Mocks-7.png)

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-oficina/ONYVA-Oficina-Mocks-8.png)  |  ![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-oficina/ONYVA-Oficina-Mocks-9.png)


### Mockup de Propritário no Figma ###

Fluxo 1                       
:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-proprietario/MockProprietario1.png)

Fluxo 2                    
:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-proprietario/MockProprietario2.png)

Fluxo 3                    
:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-proprietario/MockProprietario3.png)

Fluxo 4                    
:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-proprietario/MockProprietario4.png)

Fluxo 5                    
:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-proprietario/MockProprietario5.png)

Fluxo 6                    
:-------------------------:
![](http://tools.ages.pucrs.br/onyva/onyva-wiki/raw/master/mocks-proprietario/MockProprietario6.png)