O desafio
Crriar uma identidade visual completa para um aplicativo de rede social projetado para servir como peça de portfólio para desenvolvedores júnior
O Nubble foi criado para ajudar alunos de um curso de programação em React Native não apenas a aprender a programar, mas também a construir um projeto bonito para seus portfólios, ajudando-os a entrar no mercado de trabalho.
Fui responsável por criar toda a documentação de um guia de estilo e design system, permitindo que os alunos aprendessem a componentizar uma aplicação em React Native.
Além da interface e da documentação de componentes, também desenvolvi a identidade visual completa, incluindo o logo, tipografia, cores e direção visual geral.
Fui responsável por criar toda a documentação de um guia de estilo e design system, permitindo que os alunos aprendessem a componentizar uma aplicação em React Native.
Além da interface e da documentação de componentes, também desenvolvi a identidade visual completa, incluindo o logo, tipografia, cores e direção visual geral.
01.
O projeto precisava ser visualmente atraente, pois tinha como objetivo servir como peça de portfólio para desenvolvedores júnior que estavam entrando no mercado de trabalho.
02.
Tudo precisava ser minuciosamente documentado e fácil de entender, pois os alunos não estavam acostumados a trabalhar com handoffs de designers.
.png)
.png)
.png)
Nossa abordagem
Uma estética amigável para a identidade visual, priorizando a simplicidade na interface do usuário
A identidade visual foi desenvolvida com um estilo amigável e acolhedor, mantendo as coisas simples e convidativas. Focamos em tornar a interface do usuário fácil de navegar com o mínimo de fricção.
As funcionalidades foram fortemente inspiradas no Instagram, então os usuários já estavam familiarizados com componentes como chat, mensagens, feeds de fotos e muito mais.
As funcionalidades foram fortemente inspiradas no Instagram, então os usuários já estavam familiarizados com componentes como chat, mensagens, feeds de fotos e muito mais.
.png)
Tornando a documentação e o handoff uma prioridade
Como os alunos não teriam acesso a mim para tirar possíveis dúvidas, eu precisava garantir que o Figma fosse o mais claro possível e que todas as interações possíveis estivessem documentadas.
Outro requisito do projeto era que o app também tivesse uma versão em modo escuro, pois fazia parte do currículo do curso.
Outro requisito do projeto era que o app também tivesse uma versão em modo escuro, pois fazia parte do currículo do curso.
