Tindin — Educação Financeira Gamificada para crianças e adolescentes
Teste prático UX/UI Designer — A solução simples e acessível para uma verdadeira experiência no ensino à distância.
Visão geral
A empresa TINDIN, em seu processo seletivo para UX/UI Designer, propôs o desafio de criar uma solução para Educação Financeira Gamificada. Onde o candidato deveria criar wireframes e mockups de telas desenvolvidas para browser e mobile em um prazo de 48h.
Portal do professor: Neste portal o professor irá fazer a gestão de seus alunos e aulas, fazendo as devidas configurações.
Game do aluno: Neste portal o aluno poderá ver as aulas cadastradas pelo professor.
Referências
Devido ao prazo curto, fiz uma rápida pesquisa para buscar algumas referências visuais. Pois, como a proposta é para uma solução com estratégia de gamificação, dentre diversas opções uma das referências inspiradoras é o Duolingo.
Por outro lado, decidi olhar também para os apps desenvolvidos da própria TINDIN, como o app Tindin — Educação & Mesada. Isso me fez ter uma ideia do estado atual, e pensar nas decisões que poderiam ser tomadas para inovar com uma solução que atendesse aos objetivos do negócio e do usuário.
Wireframes
Marca
Devido ao curto prazo de entrega, optei por manter o logotipo da TINDIN em sua integridade. Contudo, alterei os tamanhos, e formas para as versões mobile e desktop. De outro modo, poderia ser criada uma nova branding para a solução proposta.
Cabe ressaltar aqui que este projeto objetiva essencialmente expor e colocar em teste as minhas habilidades como candidato no processo seletivo da TINDIM, onde não foi colocado como requisito seguir um Branding. Portanto, é importante dizer que o uso de sua logomarca aqui não reflete os valores, posicionamento e cultura da empresa.
Design System
Cores
Para selecionar a paleta de cores utilizei o site Coolors, onde pesquisei por cores trendings na área educacional. As cores que escolhi combinadas transmitem calma e serenidade, e ao mesmo tempo possuem variações vibrantes e multicoloridas.
Tipografia
A Manrope é uma fonte variável, de código aberto, e com uma significativa gama de espessuras para escolher. Conhecida por ser pouco adorável, a Manrope é semicondensado, semicircular, semigométrico, semidin, semigrotesco.
Por se tratar de um projeto de interface para educação financeira, o que também justificou a decisão pela Manrope foi o fato dela possuir dígitos perfeitos para design de interface e dados numéricos, como números de telefone, números de cartão, mostradores de relógio etc.
Ilustrações
Protótipo de Alta Fidelidade
Fluxo do Aluno
Versão Mobile:
Versão Desktop:
Fluxo do Professor
Versão Mobile:
Versão Desktop:
Links do Protótipo
Aqui está o link para você navegar no protótipo. Fique à vontade!
Protótipo da Versão Mobile
TINDIN: Educação Financeira Gamificada
A solução busca atender todos os requisitos apresentados no desafio do teste prático da TINDIN. Assim, combina os principais elementos de uma plataforma de ensino à distância e a educação financeira, com a proposta de engajar crianças e adolescentes nos estudos.
Próximos Passos
- Definição de métricas
- Estratégias de produto
- Pesquisas quali e quanti
- Testes de Usabilidade
- Avaliação dos resultados
Conclusão
Neste desafio tive a oportunidade de explorar um pouco mais o design de interfaces com a ferramenta Figma, e pude explorar bastante as microinterações na interface. Minha proposta foi trazer um design flat, simples e atraente para o público infantojuvenil e adulto. Infelizmente, eu não consegui cumprir o prazo de 2 dias (22/03/22 e 23/03/22) para realizar a entrega conforme estabelecido neste desafio. No domingo, enviei o link do projeto a empresa TINDIN com a versão desktop e mobile da solução incompleta.
No entanto, entendo que a prática e a persistência leva ao aperfeiçoamento e a alta performance. Então, inconformado com minha entrega, decidi continuar até que concluísse de fato os wireframes, protótipos e mockups com as versões mobile e desktop. A minha experiência com o .Edu, meu primeiro projeto educacional, facilitou no processo criativo, apesar das limitações do tempo. Entendo que a TINDIN, assim com diversas startups atualmente buscam inovar com produtos melhores, simples e agradáveis. E esse processo requer o trabalho de pessoas criativas, habilidosas e capazes de entregar resultados para o negócio. Além de avaliar minhas habilidades como UX/UI Designer, a solução apresentada busca atender essas necessidades.
Por fim, concluí o desafio com aplicação de muito empenho e dedicação durante corridos 10 dias. Posso afirmar que ela representou uma ótima oportunidade de desenvolver um pouco mais no design de interfaces. Meu desejo é que de alguma forma este projeto tenha contribuído e gere frutos.
Gratidão, Fábio Rogério pela oportunidade!
E agradeço a você que leu até aqui!
