Projetos
Aprendendo a codar é uma plataforma online de aprendizado. E o nosso objetivo é ensinar linguagens de programação.
Desafio
Criar uma plataforma brasileira de aprendizado e-learning interativa, gratuita, moderna e de fácil uso.
Processo
Pesquisa
Prototipação
Validação
Pesquisa
Para a construção desta plataforma o primeiro passo foi à pesquisa. Uma pesquisa referente à um grande número de plataformas e-learning, e quais os problemas destas plataformas, a partir desta análise foram encontradas algumas falhas.
- Conteúdo depreciado
- Ensino não intuitivo
- Design mal formulado
- Usabilidade ruim
Prototipação
Após a etapa de pesquisa e delimitar os principais problemas que devem ser abordados para se ter uma plataforma e-learning brasileira efetiva, tem se início a etapa da prototipação, que na minha concepção se reduz em duas sub-etapas.
Wireframing (baixa e alta fidelidade)
Wireframing de baixa fidelidade
Wireframing é um conceito crucial de design de interfaces e experiências de usuário, que permite a visualização do esqueleto inicial da aplicação. Este primeiro design é importante e de baixa fidelidade, poderão ser feitas alterações no decorrer deste processo.
Wireframing de alta fidelidade
Wireframing de alta fidelidade já é um estado onde a aplicação já esta modelada quase por completo, as ultimas alterações relativas ao design serão feitas ali, mas esta etapa não está sujeita à muitas mudanças. A ferramenta utilizada para executar esta demanda foi o figma, e o link do wireframe de alta fidelidade é o seguinte :Aprendendo Codando
Validando o Resultado
A aplicação produziu um resultado satisfatório, um trabalho efetivo quanto aos conceitos de UX/UI e padrões de código limpo, seguindo também conceitos de gitflow e o modelo agile. Ao lado segue o link da aplicação e abaixo o seu design.Aprendendo Codando
Tecnologias
As tecnologias utilizadas foram as seguintes:
- Next.js
- Vercel
- Mongo.js