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

Design & Mockups · Changes

Page history
Update Design & Mockups authored Jun 25, 2025 by Denilson Kersting Araujo's avatar Denilson Kersting Araujo
Hide whitespace changes
Inline Side-by-side
Design-&-Mockups.md
View page @ b8d4aa77
...@@ -6,8 +6,6 @@ ...@@ -6,8 +6,6 @@
<th> [Design/Mockups](Design & Mockups) </th> <th> [Design/Mockups](Design & Mockups) </th>
<th> [Configuração](Configuracao) </th> <th> [Configuração](Configuracao) </th>
<th> [Arquitetura](Arquitetura) </th> <th> [Arquitetura](Arquitetura) </th>
<th> [Infra](Infraestrutura) </th>
<th> [Código](Codigo) </th>
<th> [BD](Banco de dados) </th> <th> [BD](Banco de dados) </th>
<th> [Backend](Backend) </th> <th> [Backend](Backend) </th>
<th> [Frontend](Frontend) </th> <th> [Frontend](Frontend) </th>
...@@ -16,14 +14,11 @@ ...@@ -16,14 +14,11 @@
</table> </table>
# Descrição dos protótipos # Descrição dos protótipos
Para o desenvolvimento da interface do nosso projeto, partimos de uma base já existente no Figma, fornecida pelas próprias stakeholders, que são alunas de design. 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. Além disso, criamos um novo fluxo para o administrador, essencial para o gerenciamento dos baralhos, cartas e usuários, garantindo a continuidade e o funcionamento completo da aplicação. 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/proto/i4KVLWTYpMHrsTW7mrLPJe/C%C3%B3pia-do-Figma--Lucky-Draw----AGES?node-id=0-1&t=P9c03X1i6CZwpNel-1
## Logo do projeto
![imagem_2025-03-26_203641551](uploads/2cff785666156faca581bbaee1169716/imagem_2025-03-26_203641551.png)
## Tela de Boas Vindas: ## Tela de Boas Vindas:
![Tela_de_Boas_Vindas](uploads/d99b5ac3d72f822218e027dd30ed15a4/Tela_de_Boas_Vindas.png) ![Tela_de_Boas_Vindas](uploads/d99b5ac3d72f822218e027dd30ed15a4/Tela_de_Boas_Vindas.png)
......
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