design_mockups.md

-Telas prototipadas usando Figma
+# Design do Sistema
+
+## Descrição
+
+Ao longo da _Sprint_ 0, o time desenvolveu as telas com objetivo de alinhar as expectativas de design com os stakeholders. As telas foram projetadas para oferecer um fluxo intuitivo, visando a futura usabilidade da aplicação. Neste processo, as telas foram divididas em dois fluxos distintos: um para professores e outro para aluno, garantindo que cada perfil de usuário tenha um conteúdo personalizado adequado às suas necessidades dentro da plataforma.
+
+Os protótipos de tela foram realizados através da ferramente Figma, contando com a colaboração da equipe. O resultado total pode ser visualizado através do _link_ [Histotéria](https://www.figma.com/design/HcqaUI7OiAWnDoBnBH7pcQ/Histoteria?node-id=0-1&node-type=canvas&t=PjC4TFXSY6SY4uQD-0).
+
+## Escolha do Usuário (fluxo)
+![Tela_Inicial](uploads/071107b78c6dc861049ea1c7f594f63f/Tela_Inicial.png)
+
+### Descrição:
+
+A tela inicial apresenta uma escolha entre perfis de usuário, permitindo que o acesso seja direcionado de acordo com o tipo de usuário: aluno ou professor. Essa interface facilita a navegação, promovendo um fluxo direto e intuitivo.
+
+## Login
+![Login_-_Sou_Professor](uploads/55d9b742dde21b7f3c9c26a49d01a80c/Login_-_Sou_Professor.png)
+
+### Descrição:
+
+A tela de _login_ permite que o usuário acesse o aplicativo utilizando os dados cadastrados no sistema.
+
+# Fluxo Professor
+
+## Descrição
+
+O fluxo do professor foi desenvolvido para oferecer ferramentas e funcionalidades que facilitem o gerenciamento e acompanhamento do progresso dos alunos e dos cenários que são disponibilizados.
+
+## Tela Inicial
+![Tela_Inicial_-_Professor](uploads/04a22230397a3c3c46dbbf6fdb69990e/Tela_Inicial_-_Professor.png)
+
+### Descrição: 
+
+A tela inicial exibe uma visão geral das turmas organizadas por ano letivo (1º, 2º, e 3º Ano do Ensino Médio). Ao selecionar uma turma, o professor é redirecionado para [Tela de Alunos da Turma](##Tela de Alunos da Turma) 
+
+## Tela de Alunos da Turma
+![Tela_Alunos_da_Turma_-_Professor](uploads/f9e52061cace2601b0b893ac62baa397/Tela_Alunos_da_Turma_-_Professor.png)
+
+### Descrição:
+
+A tela de alunos da turma da acesso a uma lista completa de todos os alunos matriculados em uma turma específica, identificada pelo nome no topo da tela. Cada aluno é exibido com nome e número de matrícula, ao clicar em um aluno o professor é redirecionado para [Tela do Aluno Selecionado](##Tela do Aluno Selecionado)
+
+## Tela do Aluno Selecionado
+![Tela_Aluno_Selecionado_-_Professor](uploads/2c2a9c7895eb8e92437d350f1d68b0ec/Tela_Aluno_Selecionado_-_Professor.png)
+
+### Descrição:
+
+A tela do aluno selecionado permite ao professor visualizar todas as avaliações realizadas pelo aluno, organizadas de acordo com o conteúdo abordado em cada uma. Ao em uma avaliação específica, o professor é redirecionado para uma tela detalhada com o desempenho do aluno naquela prova.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-[Link para o projeto no Figma](https://www.figma.com/design/HcqaUI7OiAWnDoBnBH7pcQ/Histoteria?node-id=0-1&node-type=canvas)