mockups.md

@@ -18,22 +18,80 @@ Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolh
   - [Tipografia](#tipografia)
   - [Elementos Visuais](#elementos-visuais)
 
-## Protótipos de Baixo Nível
+## Protótipos Iniciais
 
-TBD
+- #### Telas de Login
+Versão 01 | Versão 02 | Versão 03
+|---|---|---|
+<img src="./resources/images/mockups/LoginV2.png" height="700"> | <img src="./resources/images/mockups/LoginV3.png" height="700"> | <img src="./resources/images/mockups/LoginV1.png" height="700"> 
+---
 
-## Protótipos de Alto Nível
+- #### Cadastro de Usuário
+Versão 01 | Versão 02
+|---|---|
+<img src="./resources/images/mockups/CadastroUsuárioV1.png" height="700"> | <img src="./resources/images/mockups/CadastroUsuárioV2.png" height="700">
+---
 
-TBD
+- #### Cadastro de Evento
+Versão 01 | Versão 02 | Ocorrencia: Ausencia de Login
+|---|---|---|
+<img src="./resources/images/mockups/CadastroEventoV1.png" height="700"> | <img src="./resources/images/mockups/CadastroEventoV2.png" height="700"> | <img src="./resources/images/mockups/CadastroEventoOcorrencia.png" height="700">
+---
 
-## Cores
+- #### Perfil do Usuário
+Versão 01 | Versão 02
+|---|---|
+<img src="./resources/images/mockups/PerfilUsuárioV1.png" height="700"> | <img src="./resources/images/mockups/PerfilUsuárioV2.png" height="700">
+---
 
-TBD
+- #### Tela Inicial
+Versão 01 (Diversos Scrolls) | Versão 02 (Modelo Y/N) | Versão 03 (Scroll Infinito)
+|---|---|---|
+<img src="./resources/images/mockups/TelaInicialV1.png" height="700"> | <img src="./resources/images/mockups/TelaInicialV3.png" height="700"> | <img src="./resources/images/mockups/TelaInicialV2.png" height="700">
+---
 
-## Tipografia
+- #### Tela de Detalhes do Evento
+POP UP | POP UP - Ocorrencia: Ausencia de Login |Detalhes Versão 01 | Detalhes Versão 02 | Confirmação de Participação 
+|---|---|---|---|---|
+<img src="./resources/images/mockups/DetalhesPOPUP.png" height="700"> | <img src="./resources/images/mockups/Detalhes%20Ocorrencia.png" height="700"> | <img src="./resources/images/mockups/DetalhesEventoV1.png" height="700"> | <img src="./resources/images/mockups/DetalhesEventoV2.png" height="700"> | <img src="./resources/images/mockups/Confirmação%20de%20participação%20no%20evento.png" height="700">
+---
 
-TBD
+## Protótipos Finais
 
-## Elementos Visuais
 
-TBD
+- #### Telas de Login e Conta de Usuário
+Login | Cadastro de Usuário | Perfil do Usuário
+|---|---|---|
+<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Login.png" height="700"> | <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Cadastro%20de%20Usuário.png" height="700"> | <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Perfil%20do%20Usuário.png" height="700">
+---
+
+- #### Cadastro de Evento
+Cadastro de Evento | Ocorrencia: Ausencia de Login
+|---|---|---|
+<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Cadastro%20de%20Evento.png" height="700"> | <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Tela%20Inicial%20-%20Criar%20Evento%20-%20Não%20logado.png" height="700">
+---
+
+- #### Tela Inicial | Modelo Scroll Infinito
+
+Modelo Padrão | Participar: Ausencia de Login
+|---|---|
+<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Tela%20inicial%20-%20Modelo%20Scroll%20Infinito.png" height="700">| <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Tela%20inicial%20-%20Modelo%20Scroll%20Infinito%20-%20Ausencia%20de%20Login.png" height="700">
+---
+
+- #### Tela Inicial | Modelo Netflix
+
+Modelo Padrão | Prévia - PopUp Detalhes
+|---|---|
+<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Tela%20inicial%20-%20Modelo%20Netflix.png" height="700">| <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Detalhes%20do%20Evento%200.png" height="700">
+---
+
+- #### Detalhes do Evento
+Tela Individual | Tela Individual Parte 2 | Confirmação de Participação | Tela Individual (Participando)
+|---|---|---|---|
+<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Detalhes%20do%20Evento%201.png" height="700"> | <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Detalhes%20do%20Evento%202.png" height="700"> | <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Confirmação%20de%20Participação.png" height="700"> |<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Detalhes%20do%20Evento%203.png" height="700">
+---
+
+- #### Geolocalização
+Mapa Geral | Rota para Evento
+|---|---|
+<img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Geolocalização%20todos%20os%20eventos.png" height="700">| <img src="./resources/images/mockups/Versão%20Final/../Versão%20Final/Geolocalização%20com%20rota.png" height="700">
\ No newline at end of file