design_mockups.md

@@ -92,6 +92,18 @@ Telas referentes ao envio de uma mensagem a um determinado grupo.
 
 ## Design Final do Projeto Aceito e Mockup Final  
 
+### Ícone do App
+
+Representação visual do aplicativo.
+
+#### Imagem do Mockup Final 
+
+<img src="http://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas_finais/Icon-Figma.PNG" height="500">
+
+#### Imagem do App Desenvolvida
+
+<img src="http://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas_finais/Icon-App.PNG" height="500">
+
 ### Splash Screen
 
 Tela de *loading* da plataforma.
@@ -122,7 +134,20 @@ Na tela inicial o usuário poderá visualizar as principais funcionalidades para
 
 #### Imagem do Mockup Final 
 
+<img src="http://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas_finais/tela_home_figma.gif" height="500">
 
 #### Imagem da Tela do App Desenvolvida
 
 <img src="http://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas_finais/Tela-Home-App.gif" height="500">
+
+### Menu Lateral
+
+Menu de opções lateral de fácil acesso onde o usuário poderá visualizar as funcionalidades para sua seleção. 
+
+#### Imagem do Mockup Final 
+
+<img src="http://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas_finais/menu_lateral_figma.PNG" height="500">
+
+#### Imagem da Tela do App Desenvolvida
+
+<img src="http://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas_finais/menu_lateral_adm_normal_app.PNG" height="500">
\ No newline at end of file