Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Wiki 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
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Lucky Draw
  • WikiWiki
  • Wiki
  • Design & Mockups

Last edited by Denilson Kersting Araujo Jun 25, 2025
Page history

Design & Mockups

Home Escopo e Cronograma Processo Design/Mockups Configuração Arquitetura BD Backend Frontend Qualidade

Descrição dos protótipos

Para o desenvolvimento da interface do nosso projeto, partimos de uma base já existente no Figma, fornecida pelos próprios stakeholders, que são alunos de design da PUCRS. A proposta inicial era voltada exclusivamente para o usuário comum e trazia uma paleta de cores predominantemente roxa, pensada para um aplicativo mobile com estética lúdica e criativa, condizente com a proposta do projeto — um jogo em que o usuário recebe diariamente quatro cartas aleatórias de seus baralhos e deve fazer um desenho relacionado a elas, que é então publicado na plataforma. Apesar da base visual estar bem estruturada, identificamos algumas inconsistências nas funcionalidades, com fluxos incompletos ou sem sentido lógico. Por isso, com um olhar mais técnico e voltado à viabilidade de desenvolvimento, realizamos os ajustes necessários na estrutura e navegação.

Link Figma: https://www.figma.com/design/i4KVLWTYpMHrsTW7mrLPJe/C%C3%B3pia-do-Figma--Lucky-Draw----AGES?node-id=0-1&m=dev&t=P9c03X1i6CZwpNel-1

Tela de Boas Vindas:

Tela_de_Boas_Vindas

Tela de Login:

Tela_de_Login

Tela de Cadastro:

Tela_de_Cadastro

Tela Esqueci a Senha:

Tela_esqueci_a_senha

Tela dos Termos de Privacidade:

Tela_termos_de_privacidade

Tela Home:

Tela_Home Tela_Home_2

Tela do Feed:

Tela_do_Feed

Tela Seus Baralhos:

Tela_seus_baralhos

Tela do Desafio Diário:

Tela_desafio_diario_2 Tela_desafio_diario

Tela Hora de Desenhar:

Tela_hora_de_desenhar

Tela de Desenho:

Tela_de_desenho

Tela da Loja:

Tela_da_Loja

Tela de Perfil:

Tela_de_perfil

Clone repository

imagem_2025-03-26_201248038

Lucky Draw

Home

Escopo e Cronograma

Processo

Design & Mockups

Configuração

Arquitetura

Infraestrutura

Código

Banco de dados

Backend

Frontend

Qualidade