diff --git a/images/atividade-detalhes.png b/images/atividade-detalhes.png
new file mode 100644
index 0000000..331c4c4
Binary files /dev/null and b/images/atividade-detalhes.png differ
diff --git a/images/login.png b/images/login.png
new file mode 100644
index 0000000..db87ee7
Binary files /dev/null and b/images/login.png differ
diff --git a/images/pagina-inicial.png b/images/pagina-inicial.png
new file mode 100644
index 0000000..bfe8650
Binary files /dev/null and b/images/pagina-inicial.png differ
diff --git a/images/turma-detalhes-atividades.png b/images/turma-detalhes-atividades.png
new file mode 100644
index 0000000..8c575f0
Binary files /dev/null and b/images/turma-detalhes-atividades.png differ
diff --git a/images/turma-detalhes-comunicados.png b/images/turma-detalhes-comunicados.png
new file mode 100644
index 0000000..baaf8fa
Binary files /dev/null and b/images/turma-detalhes-comunicados.png differ
diff --git a/images/turma-detalhes-pessoas.png b/images/turma-detalhes-pessoas.png
new file mode 100644
index 0000000..ef7553c
Binary files /dev/null and b/images/turma-detalhes-pessoas.png differ
diff --git a/main.tex b/main.tex
index 1bae679..4bde751 100644
--- a/main.tex
+++ b/main.tex
@@ -2,7 +2,10 @@
 
 \usepackage{template/sbc}
 \usepackage{graphicx,url}
+\usepackage{float}
 \usepackage[brazil]{babel}   
+
+\graphicspath{ {./images/} }
      
 \sloppy
 
diff --git a/sections/metodologia.tex b/sections/metodologia.tex
index 477c072..894aba6 100644
--- a/sections/metodologia.tex
+++ b/sections/metodologia.tex
@@ -51,3 +51,51 @@ Inicialmente, foi discutido diversas propostas para este trabalho de conclusão
 Devido à complexidade e custo de desenvolvimento da primeira proposta citada acima, foi escolhida segunda proposta. A prerrogativa
 da plataforma ser de código aberto teve uma forte contribuição para sua escolha.
 
+\subsection{Prototipação do layout}
+
+Nesta etapa foram feitos protótipos das telas principais do sistema: Página Inicial, Informações, Calendário Acadêmico, Login e Sala
+de Aula.
+
+\begin{figure}[ht]
+	\centering
+	\includegraphics[width=.7\textwidth]{login}
+	\caption{Login}
+\end{figure}
+
+\begin{figure}[ht]
+	\centering
+	\includegraphics[width=.7\textwidth]{pagina-inicial}
+	\caption{Página inicial}
+\end{figure}
+
+\begin{figure}[ht]
+	\centering
+	\includegraphics[width=.7\textwidth]{turma-detalhes-comunicados}
+	\caption{Sala de aula – Comunicados}
+\end{figure}
+
+\begin{figure}[ht]
+	\centering
+	\includegraphics[width=.7\textwidth]{turma-detalhes-atividades}
+	\caption{Sala de aula – Atividades}
+\end{figure}
+
+\begin{figure}[ht]
+	\centering
+	\includegraphics[width=.7\textwidth]{turma-detalhes-pessoas}
+	\caption{Sala de aula – Pessoas}
+\end{figure}
+
+\vfill
+\cleardoublepage
+
+\begin{figure}[ht]
+	\centering
+	\includegraphics[width=.7\textwidth]{atividade-detalhes.png}
+	\caption{Detalhes de atividade}
+\end{figure}
+
+A estrutura lógica das telas prototipas foram baseadas no sistema \textit{Google Classroom} visando
+a facilidade de uso por parte dos usuários, uma vez que a ferramenta é bem difundida no ambiente acadêmico do
+IFMG.
+