Noteful E-Learning Redesign

For my HCI capstone project, I worked with Noteful, a music startup, on reimagining their learning experiences for younger audiences. What started out as a simple dashboard redesign evolved into a complete redesign of their UX/UI, in order to engage and motivate students. As my team's design lead, I was responsible for leading the ideation and prototype phases. Our redesign helped launch Noteful, drawing 300+ new users in one month, as well as receiving positive industry feedback from music professionals.
Timeline 4 Months, from January to May 2023
The Team 5 Product Designers
My Role Interaction Design, Research, Rapid Prototyping, Brainstorming
noteful project title image

Problem Space

Many children perceive music theory as boring, tedious, and "totally uncool." Despite the challenges, music theory is the language of music; it is a core part in playing an instrument, composing music, and more. This is why Noteful created a free and fun way to teach it. For this project, we looked into bridging the gap between their goals and their UX/UI.

Noteful's problem space and original challenge
Noteful's problem space and original challenge.

Solution Highlights

Fun and free for everyone, Noteful's redesign combines gamification with a user-friendly interface, ensuring that learners of all ages can grasp complex concepts in a simple and entertaining way. Our innovative system introduces streaks that celebrate your commitment to learning by highlighting your consistent practice days. From real-time feedback and exploration, interactive musical creations, and more, this engaging UX/UI approach ensures that every interaction is not only educational but also fun, bringing the auditory aspect of music theory to life.

Noteful's home page and lesson walkthrough
Noteful's home page and lesson walkthrough.
Noteful's collecting band member feature
Noteful's collecting band member feature.
Noteful's user profile section
Noteful's user profile section.
Noteful's leaderboard
Noteful's leaderboard.

Design Process

Since we couldn’t test long-term engagement within project scope, I directed my team to use user feedback and research to validate our design decisions, maximizing our 4-month timeline and setting Noteful up for future success.

Noteful's design process visualized
Noteful's design process visualized

Project Takeaways

Noteful's redesign resulted in 300+ new users in just one month, and earned positive reviews from both educators and learners. Through this project, I recognize one of the reasons my team was able to achieve success was due to consistent communication. Everyone was openminded, which created an environment filled with feedback and learning. We were able to explore ideas and improve upon our design from feedback of users and stakeholders.