AishaPetronilho
commented
6 months ago A primeira imagem seria quando selecionamos o campo filtro, ele abriria essa tela e selecionamos os filtros:
A segunda já exibiria os resultados dos filtros e no lado esquerdo podendo ser feita a alteração dos filtros:
Imagens usadas:
Todas as imagens foram usadas com o canto arredondados.
Cores Usadas Na Parte dos Filtros:
- Na Tela WinxFitness na parte esquerda dos filtros: #072E33 com 70% de opacidade - HEX: R: 7 G: 46 B: 51 A: 100
- No canto esquerdo dentro da parte dos filtros, nos campos: #FEFEFE 100% de opacidade - HEX: R: 254 G: 254 B: 254 A: 84
Icons Usadas na parte dos filtros:
Cores Usadas na parte de listagem dos Personais:
-
294D61 com 22% de opacidade - HEX: R: 41 G: 77 B: 97 A: 100
Deverá ser criado o layout da tela Home, essa será a tela de entrada ao sistema, espera-se que seja criado apenas o layout, podendo ser usado Figma para criação ou ferramentas como Draw.io(ux wireframe).
Favor disponibilizar cores escolhidas baseado na paleta de cores.
Referências de site:
https://www.calm.com/ https://www.superprof.com.br/aulas/personal-trainer/brasil/
Atente-se em criar fitros conforme o DDL dos componentes, crie um link para login e um para cadastro. Considere o endereço do workana como referência para montar os filtros à esquerda e os cards de aluno no centro, com 1 aluno por linha.