Nubble was created to help students in a React Native programming course not only learn to code but also build a beautiful project for their portfolios, helping them enter the job market.

I was responsible for creating all the documentation for a style guide/design system, enabling students to learn how to componentize an application in React Native.

In addition to the interface and component documentation, I also developed the complete visual identity, including the logo, typography, colors, and overall visual direction.

The visual identity was designed with a friendly and approachable vibe, keeping things simple and welcoming. We focused on making the user interface easy to navigate with minimal friction.

The features were heavily inspired by Instagram, so users were already familiar with components like chat, messaging, photo feeds, and more.

As the students wouldn't have access to me for any potential doubts, I needed to ensure that Figma was as clear as possible and that all possible interactions were documented.

Another requirement of the project was that the app also had a dark mode version, as it was part of the course curriculum.