como foi feito
primeiras ideias
Para o começo do projeto, comecei rascunhando no Figma algumas ideias para a home do app. Decidi ir em uma linha mais clean pela quantidade de informações que seriam exibidas e por querer dar mais destaque para as imagens e cards que viriam em telas posteriores. Depois de trabalhar com algumas ideias iniciais, parti para o desenvolvimento da primeira versão da tela de perfil, que poderia me ajudar a decidir tanto a tipografia quanto a iconografia do projeto como um todo. Com uma concepção geral definida, fui para a feitura de fato dos protótipos.
home
A página inicial do app ficou simples, porém bem distribuída e com atalhos para as principais atividades que são feitas pelo app. Com um carrossel na parte superior, a empresa pode divuldar suas novas ações e produtos, e uma mensagem na parte inferior pode instigar o cliente a realizar alguma ativdade em troca de alguns pontos.
workshops
Para a principal tela do app, decidi pela abordagem de lista em cards, pois assim a visualização de cada um dos workshops fica clara e visualmente atrativa - mostrando as informações mais relevantes daquele evento e dando a possibilidade de favoritá-los para ser avaliado em um momento futuro. Na parte superior, temos o botão de "Meus workshops" em que o cliente consegue acessar todos os vídeos que ele já comprou, possibilitando fazer uma aquisição e assistir (ou reassistir) quando quiser e puder. Logo ao lado, a informação de quantas moedas o usuário tem, o que o ajuda a ter noção da quantidade de workshops que ele pode comprar. Além disso, essa tela também conta com um campo de pesquisa por texto e diversos filtros, para facilitar a busca quando se tem um objetivo definido.
notificações
A tela de notificações segue o que já se é praticado em outros aplicativos, mostrando as atividades que envolvem o cliente e o compelindo a realizar três atividades: verificar as novidades do app, da empresa e do mercado; completar as atividades que lhe foram atribuídas; e instigá-lo a interargir na parte social do aplicativo.
perfil
Em seu perfil, o usuário consegue ter uma visualização rápida dos dados quantitivos que lhe competem, como quantas moedas ele tem para adquirir novos workshops, a quantidade de produtos que ele possui, e sua pontuação dentro dos sistema de ranking do aplicativo. Também fica evidente quem é seu consultor/consultora responsável e quais tarefas ele ainda precisa realizar em seu dia.
configurações
Para a parte de configurações segui com uma abordagem que divide bem as categorias e deixa claro o que pode ser encontrado em cada uma delas atráves do texto localizado logo abaixo do título.
dark mode
Após a primeira validação dos protótipos, a versão dark foi construída com base nos feedbacks dados pelos consultores.
