mockups.md

@@ -20,4 +20,30 @@ Nossos stakeholders enviaram para a equipe algumas diretrizes para que desenvolv
 
 ## Mockups
 
-Aqui devem ficar as imagens e descrições dos Mockups do projeto.
+<h3>Login</h3>
\ No newline at end of file
+![Mockup da tela de Login](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockup-Login.png)
+<p><b>Descrição: </b>Tela de login, onde o usuário loga somente com a conta do Google (decidido após reunião com os stakeholders).</p>
+
+<h3>Preferências (Questionário Inicial)</h3>
+![Mockup das telas do questionário inicial sobre preferências](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockup-Preferencias.png)
+<p><b>Descrição: </b>Quando o usuário loga pela primeira vez, coletamos alguns dados para poder fazer sugestões personalizadas. Estas telas correspondem a este fluxo.</p>
+
+<h3>Recomendação do filme</h3>
+![Mockup da tela de recomendação de filme](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockup-RecomendacaoFilme.png)
+<p><b>Descrição: </b>Tela de recomendação de filme. É nessa tela que o usuário encontra a sua recomendação de filme com suas devidas informações (detalhes), e assim opta por adicionar o filme a uma de suas listas.</p>
+
+<h3>Menu de Navegação</h3>
+![Mockup do menu de navegação](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockup-MenuDeNavegacao.png)
+<p><b>Descrição: </b>A partir da tela de recomendação de filmes, o usuário pode abrir este menu de navegação ao clicar no menu hamburger (canto superior direito).</p>
+
+<h3>Listas do Usuário</h3>
+![Mockup das telas das listas "quero assistir" e "já vi"](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockups-Listas.png)
+<p><b>Descrição: </b>Lista dos filmes marcados como "quero assistir" (direita) e marcados como "já vi" (esquerda).</p>
+
+<h3>Conquistas</h3>
+![Mockup das telas de conquistas](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockup-Conquistas.png)
+<p><b>Descrição: </b>Telas relativas às conquistas que o usuário pode obter no App. Lista de conquistas já adquiridas (esquerda), como ele é notificado de que recebeu uma conquista (meio) e lista com todas as conquistas possíveis dentro do App (direita).</p>
+
+<h3>Preferências</h3>
+![Mockups das telas de Preferências](http://tools.ages.pucrs.br/cine-clube/cineclube-wiki/raw/master/Images/mockup-Preferencias2.png)
+<p><b>Descrição: </b>Telas relativas a como o usuário configura suas preferências dentro do App.</p>
\ No newline at end of file