Desafio UI Design

Minerva
Uma aplicação mobile para estudos gameficados

CLIQUE AQUI
Acessar Protótipo

CLIQUE AQUI
Acessar Projeto

Por Raimundo Viana

Detalhes das Telas
A seguir, algumas das métricas usadas para a elaboração das telas:

Dados gerais
Dispositivo Simulado: “Android Large”
Dimensões (pt): 360 de Largura e 800 de Altura
Cor primária: Azul #385E84
Diversão
Cor secundária: Azul Claro #84B9E6
e aprendizado
Cores neutras: Preto #242424
Faça parte da nossa comunidade

de estudos gameficados

Cadastre-se

Login
Branco #FFFFFF
Detalhes das Telas
A seguir, algumas das métricas usadas para a elaboração das telas:

Grid - 8px
Espaçamento: 16pt
Margem: 24pt
Colunas: 4
Cadastro

finalizado!
Fontes
Poppins
Poppins
Poppins
Poppins Source Sans Pro
Títulos/Texto: Poppins
Source Sans Pro
Source Sans Pro Campos: Source
Source Sans Pro Sans Pro
Sobre as telas

A partir do desafio proposto, algumas preocupações para o desenvolvimento das telas

foram levantadas:

1) Quais seriam os fluxos realizados pelo usuário para cumprir as duas exigências feitas

pelo desafio.

2) Quais componentes deveriam ser criados e reutilizados nas interfaces, a fim de evitar

menores trabalhos.

3) Seria interessante propor um espaçamento com uma lógica de disposição, para as

informações não ficarem destoadas.

4) Como seriam representadas as interações do usuário com os componentes

presentes nas interfaces.

Considerações Pessoais
Com base no desenvolvimento das interfaces,
acredito que os critérios solicitados foram
atendidos.

No entanto, é importante destacar que ainda

existem melhorias a serem consideradas,
sobretudo em Dados Pessoais e no melhor
proveito das cores.

Devido ao prazo, a presente solução foi

simplificada, sob a finalidade de conseguir
alcançar os resultados esperados no prazo.