Home | Sprints | Requisitos | Arquitetura | Configuração | Mockups | BD | Instalação | GP | Horários | Processo |
---|
Mockups do Projeto
Ferramenta utilizada
O desenvolvimento dos mockups do projeto foi feito na plataforma Figma, uma ferramenta de design de interface onde, pelo próprio navegador, as equipes podem explorar o mesmo projeto juntas vendo as alterações em tempo real.
Protótipos do CineClube no Figma
Divisão de Tarefas
O time decidiu que os responsáveis pelo desenvolvimento dos protótipos seriam os AGES II juntamente com os AGES I. Os mesmos também deveriam desenvolver as User Stories, por serem tarefas diretamente relacionadas.
Base e Paleta de Cores
Nossos stakeholders enviaram para a equipe algumas diretrizes para que desenvolvêssemos nossos mockups, incluindo algumas telas e paletas de cores, que seguem abaixo.
Mockups
Login

Descrição: Tela de login, onde o usuário loga somente com a conta do Google (decidido após reunião com os stakeholders).
Preferências (Questionário Inicial)

Descrição: Quando o usuário loga pela primeira vez, coletamos alguns dados para poder fazer sugestões personalizadas. Estas telas correspondem a este fluxo.
Recomendação do filme

Descrição: 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.
Menu de Navegação

Descrição: 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).
Listas do Usuário

Descrição: Lista dos filmes marcados como "quero assistir" (direita) e marcados como "já vi" (esquerda).
Conquistas

Descrição: 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).
Preferências

Descrição: Telas relativas a como o usuário configura suas preferências dentro do App.