Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • C cineclube-wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Cine Clube
  • cineclube-wiki
  • Wiki
  • mockups

Last edited by Lucas Dimer Justo May 06, 2021
Page history

mockups

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 iniciais e paleta de cores

Mockups

Login

Mockup da tela de 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)

Mockup das telas do questionário inicial sobre preferências

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

Mockup da tela de recomendação de 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

Mockup do 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

Mockup das telas das listas "quero assistir" e "já vi"

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

Conquistas

Mockup das telas de 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

Mockups das telas de Preferências

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

Clone repository
  • Imagens
    • cineclube cronograma.pdf
  • Utilizando a wiki
    • adicionando imagens
    • escrevendo em markdown
    • wiki no editor de texto
  • arquitetura
  • banco_dados
  • configuracao
  • gp
  • Home
  • horarios
  • instalacao
  • mockups
  • processo
  • requisitos
  • sprints