End-to-end application

Designing ChordLib: Crafting an All-in-One Learning & Community Experience for Aspiring Musicians

ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2025

Weather app image
ChordLib home
Weather app image
Chordlib Shorts
Weather app image
Chordlib exercises page

Project Overview

ChordLib is a multi-instrument learning and community platform designed for musicians of all skill levels. The app provides interactive chord libraries, targeted music exercises, and progress-tracking tools to help users master instruments like guitar, bass, ukulele, and piano. Beyond structured learning, ChordLib integrates a social component where users can share short videos of their playing, engage with others, and receive feedback. This project focused on designing a seamless and engaging end-to-end user experience that blends education, practice, and community to support the growth of modern musicians.

Background

Chord charts simplify music reading by showing rhythm, chord changes, and structure at a glance. They offer an approachable way for beginners to understand song composition and progression without needing to read full sheet music.

Chord charts simplify music reading by showing rhythm, chord changes, and structure at a glance. They offer an approachable way for beginners to understand song composition and progression without needing to read full sheet music.

Problem

Learning a new instrument can be overwhelming—especially for self-taught musicians. Frustration from mistakes, unrealistic expectations, and lack of guidance often lead to a drop in motivation. While many turn to digital tools for help, most platforms either require a paid subscription or rely heavily on self-directed practice, making it harder for learners to stay engaged and improve consistently.

Research Goals

discover
Define
Ideate
Design
Test
outcome

To understand how musicians of varying skill levels learn new instruments and engage with music communities in order to design an intuitive, motivating, and collaborative learning experience.

Objectives

  1. Understand motivation challenges in online music learning

  2. Discover what keeps users engaged and consistent

  3. Explore how users track progress and set goals

  4. Identify helpful features that support motivation

  5. Compare motivation across paid vs. free platforms

  1. Understand motivation challenges in online music learning

  2. Discover what keeps users engaged and consistent

  3. Explore how users track progress and set goals

  4. Identify helpful features that support motivation

  5. Compare motivation across paid vs. free platforms

Competitive Analysis

To shape ChordLib’s direction, I explored what leading platforms like Yousician, Simply Piano, and Ultimate Guitar were doing well—and where they fell short. This competitive analysis revealed key gaps in community, flexibility, and multi-instrument support, helping me identify clear opportunities to design a more connected and holistic learning experience for musicians.

This analysis helped me identify key gaps and inspired me to design ChordLib as a unique solution: one that combines multi-instrument learning, real-time practice tools, and a built-in community. These insights became the foundation for creating a more holistic, engaging, and user-centered design.

This analysis helped me identify key gaps and inspired me to design ChordLib as a unique solution: one that combines multi-instrument learning, real-time practice tools, and a built-in community. These insights became the foundation for creating a more holistic, engaging, and user-centered design.

This analysis helped me identify key gaps and inspired me to design ChordLib as a unique solution: one that combines multi-instrument learning, real-time practice tools, and a built-in community. These insights became the foundation for creating a more holistic, engaging, and user-centered design.

User Interviews

To truly understand the needs and pain points of musicians learning new instruments, I conducted interviews with a diverse group of aspiring and intermediate players—guitarists, pianists, bassists, and ukulele enthusiasts. These conversations revealed not only the challenges they face with existing apps but also their desire for a learning experience that combines practical tools with community support.

Participants are

  • Ages 21-35

  • Experienced or interested in learning instruments online

  • Users who play two or more instruments

“ When I think that it will take a long time, it pushes me away from learning.“

— Yang Lin, Interviewee

“ It would be great to have people who play the same instrument as you and have similar taste in music as you “

— Paul, Interviewee

“ When I think that it will take a long time, it pushes me away from learning.“

— Yang Lin, Interviewee

“ It would be great to have people who play the same instrument as you and have similar taste in music as you “

“ It would be great to have people who play the same instrument as you and have similar taste in music as you “

— Paul, Interviewee

Affinity Map

To make sense of the insights gathered from my user interviews, I created an affinity map that helped organize key themes around the musicians' experiences. The categories that emerged—Platform, Convenience, Motivations, Self-discovery, Goals, and Music Recording/Producing Features—paint a vivid picture of their journey.

POV

POV

POV

Aspiring musicians need a more engaging and supportive way to learn instruments because current tools lack structure, motivation, and community connection.

Aspiring musicians need a more engaging and supportive way to learn instruments because current tools lack structure, motivation, and community connection.

Aspiring musicians need a more engaging and supportive way to learn instruments because current tools lack structure, motivation, and community connection.

HMW

HMW

HMW

How might we create an engaging and supportive app that helps aspiring musicians learn instruments with structure, motivation, and community?

How might we create an engaging and supportive app that helps aspiring musicians learn instruments with structure, motivation, and community?

How might we create an engaging and supportive app that helps aspiring musicians learn instruments with structure, motivation, and community?

User Persona

Emma, 26

Emma, 26

Emma, 26

Graphic Designer

Graphic Designer

Graphic Designer

“I want to enjoy learning music at my own pace, stay motivated, and connect with others who share my passion."

“I want to enjoy learning music at my own pace, stay motivated, and connect with others who share my passion."

“I want to enjoy learning music at my own pace, stay motivated, and connect with others who share my passion."

BIO

BIO

BIO

Emma is a creative 26-year-old learning guitar and ukulele to relac and express herself. She enjoys flexible, fun ways to practice and hopes to connect with others who shares her passion for music.

Emma is a creative 26-year-old learning guitar and ukulele to relac and express herself. She enjoys flexible, fun ways to practice and hopes to connect with others who shares her passion for music.

Emma is a creative 26-year-old learning guitar and ukulele to relac and express herself. She enjoys flexible, fun ways to practice and hopes to connect with others who shares her passion for music.

GOALS

GOALS

GOALS

To learn instruments with clear, visual guidance; stay motivated to practice regularly; and connect with a supportive music community.

To learn instruments with clear, visual guidance; stay motivated to practice regularly; and connect with a supportive music community.

To learn instruments with clear, visual guidance; stay motivated to practice regularly; and connect with a supportive music community.

NEEDS

NEEDS

NEEDS

  • Clear, step-by-step learning guidance

  • Motivation to practice consistently

  • A supportive and inspiring community

  • Clear, step-by-step learning guidance

  • Motivation to practice consistently

  • A supportive and inspiring community

  • Clear, step-by-step learning guidance

  • Motivation to practice consistently

  • A supportive and inspiring community

FRUSTRATIONS

FRUSTRATIONS

FRUSTRATIONS

  • Losing motivations dur to procrastination or distractions

  • Frustration from making repeated mistakes

  • Lack of structures learning paths

  • Losing motivations dur to procrastination or distractions

  • Frustration from making repeated mistakes

  • Lack of structures learning paths

  • Losing motivations dur to procrastination or distractions

  • Frustration from making repeated mistakes

  • Lack of structures learning paths

PERSONALITY

PERSONALITY

PERSONALITY

Creative

Creative

Creative

Collaborative

Collaborative

Collaborative

Optimistic

Optimistic

Optimistic

Jake, 19

Jake, 19

Jake, 19

College Student

College Student

College Student

"I want quick, clear lessons I can stick with—even on busy days—and a fun way to see how much I’ve improved."

"I want quick, clear lessons I can stick with—even on busy days—and a fun way to see how much I’ve improved."

"I want quick, clear lessons I can stick with—even on busy days—and a fun way to see how much I’ve improved."

BIO

BIO

BIO

Jake is a 19-year-old student learning piano and guitar. He's tech-savvy and motivated, seeking quick, structured, and engaging ways to improve.

Jake is a 19-year-old student learning piano and guitar. He's tech-savvy and motivated, seeking quick, structured, and engaging ways to improve.

Jake is a 19-year-old student learning piano and guitar. He's tech-savvy and motivated, seeking quick, structured, and engaging ways to improve.

GOALS

GOALS

GOALS

To improve his music production skills and build confidence by working on real projects with others.

To improve his music production skills and build confidence by working on real projects with others.

To improve his music production skills and build confidence by working on real projects with others.

NEEDS

NEEDS

NEEDS

  • Quick, structured leassons

  • Progress tracking

  • Motivation through engagement

  • Flexible practice options

  • Quick, structured leassons

  • Progress tracking

  • Motivation through engagement

  • Flexible practice options

  • Quick, structured leassons

  • Progress tracking

  • Motivation through engagement

  • Flexible practice options

FRUSTRATIONS

FRUSTRATIONS

FRUSTRATIONS

  • Gets overwhelmed with unstructured tutorials online

  • Struggles to stay consistent during exam weeks

  • Finds some learning apps too repetitive or boring

  • Gets overwhelmed with unstructured tutorials online

  • Struggles to stay consistent during exam weeks

  • Finds some learning apps too repetitive or boring

  • Gets overwhelmed with unstructured tutorials online

  • Struggles to stay consistent during exam weeks

  • Finds some learning apps too repetitive or boring

PERSONALITY

PERSONALITY

PERSONALITY

Curious

Curious

Curious

Driven

Driven

Driven

Optimistic

Optimistic

Optimistic

Site Map

Designing the sitemap for ChordLib was about more than organizing features—it was about crafting a smooth, inspiring journey for self-taught musicians. By mapping each section to real user needs—like structured learning, motivation, and community—we built an intuitive flow that supports consistent practice and creative connection from the first tap.

User Flows

Flow #1: Scroll through guitar practice clips from the community

Flow #1: Scroll through guitar practice clips from the community

Flow #1: Scroll through guitar practice clips from the community

To stay inspired, users like Emma can scroll through a feed of guitar practice clips shared by fellow musicians—transforming moments of doubt into bursts of motivation through real, relatable progress.

To stay inspired, users like Emma can scroll through a feed of guitar practice clips shared by fellow musicians—transforming moments of doubt into bursts of motivation through real, relatable progress.

Flow #2: Navigate and view the chords exercises

Flow #2: Navigate and view the chords exercises

Flow #2: Navigate and view the chords exercises

When users want to sharpen their note recognition, they can easily navigate to short, focused exercises in ChordLib. These bite-sized drills turn practice into progress—helping users build confidence and fluency, one note at a time.

When users want to sharpen their note recognition, they can easily navigate to short, focused exercises in ChordLib. These bite-sized drills turn practice into progress—helping users build confidence and fluency, one note at a time.

Wireframes

Flow #1: Onboarding/ signing up for an account

Flow #1: Onboarding/ signing up for an account

Flow #1: Onboarding/ signing up for an account

While first-time visitors can browse courses as guests, this user flow focuses on guided account creation. During registration, users provide information on their skills and learning availability, enabling the platform to deliver personalized course recommendations

While first-time visitors can browse courses as guests, this user flow focuses on guided account creation. During registration, users provide information on their skills and learning availability, enabling the platform to deliver personalized course recommendations

Flow #2: User to continue a course and use Pomodoro

Flow #2: User to continue a course and use Pomodoro

Flow #2: User to continue a course and use Pomodoro

The second set of wireframes involved more iterations than the first, as it introduced a unique feature—the Pomodoro timer. After testing various placements, I chose to position the icon in the bottom right corner above the navigation bar. This makes it easily accessible, especially for right-handed users starting a lesson.

The second set of wireframes involved more iterations than the first, as it introduced a unique feature—the Pomodoro timer. After testing various placements, I chose to position the icon in the bottom right corner above the navigation bar. This makes it easily accessible, especially for right-handed users starting a lesson.

Brand Identity

— COLOR PALETTE

ChordLib’s warm, rich color palette—led by #572A2A and #81262D—was designed to reflect passion, reliability, and comfort. These tones foster a welcoming space that encourages user interaction and supports the emotional journey of learning music.

ChordLib’s warm, rich color palette—led by #572A2A and #81262D—was designed to reflect passion, reliability, and comfort. These tones foster a welcoming space that encourages user interaction and supports the emotional journey of learning music.

ChordLib’s warm, rich color palette—led by #572A2A and #81262D—was designed to reflect passion, reliability, and comfort. These tones foster a welcoming space that encourages user interaction and supports the emotional journey of learning music.

— Brand logo

The ChordLib logo blends a musical note with a flowing curve to represent progress and creativity in a musician’s learning journey. Its warm gradient reflects passion and energy, while the clean, rounded typography adds a sense of reliability and approachability. Together, the elements express ChordLib’s core values: passionate, supportive, and inspiring.

The ChordLib logo blends a musical note with a flowing curve to represent progress and creativity in a musician’s learning journey. Its warm gradient reflects passion and energy, while the clean, rounded typography adds a sense of reliability and approachability. Together, the elements express ChordLib’s core values: passionate, supportive, and inspiring.

— TYPOGRAPHY

For ChordLib, I chose Quicksand and Open Sans to strike a balance between approachability and readability.

— TYPOGRAPHY

For ChordLib, I chose Quicksand and Open Sans to strike a balance between approachability and readability.

UI Design

Wireframes

Users found the interface easy to navigate and appreciated how the feature inspires skill development by showcasing others’ practice clips, with many expressing intent to use it regularly. However, some users experienced confusion with the structure and screen hierarchy, and their expectations about feature locations, such as exercises, were not always met. Feedback highlighted the need for navigation improvements to create a smoother, more polished experience.

Iteration

A key takeaway from usability testing was the need for hints or a cheat sheet to support beginners. This raised an important question: how can we guide users with little to no music knowledge toward the correct answer? In response, I introduced brief, clear instructions to make the experience more intuitive and beginner-friendly.

Another key iteration was adding filter buttons directly to the initial community page, rather than limiting them to the full videos page. Users wanted quicker access to specific content, and this change allows them to sort and explore practice clips more efficiently without extra navigation, making the experience more seamless and engaging from the start.

To create a clearer first impression, I simplified the homepage and rearranged content to highlight the brand’s core priorities. This made the layout more focused and aligned the experience with what matters most to users and the brand

Wrap Up

This project was a valuable opportunity to design with both inspiration and usability in mind. Through testing and iteration, I gained deeper insight into the needs of beginner musicians and the importance of clear guidance, intuitive navigation, and meaningful content. By refining key features—like adding filters, simplifying the homepage, and introducing instructional support—I aimed to create a more engaging and accessible experience. This process reinforced the value of user feedback and reminded me that great design is as much about listening as it is about building.

This project was a valuable opportunity to design with both inspiration and usability in mind. Through testing and iteration, I gained deeper insight into the needs of beginner musicians and the importance of clear guidance, intuitive navigation, and meaningful content. By refining key features—like adding filters, simplifying the homepage, and introducing instructional support—I aimed to create a more engaging and accessible experience. This process reinforced the value of user feedback and reminded me that great design is as much about listening as it is about building.