Canary - Music Theory Learning
Empowering students to learn music theory in a fun and engaging way.
Project
Shenkar Graduation Project
My Role
UI/UX · Animation · Illustration · Branding
Year
2020
Case study
01 Problem

Learning music theory and note reading could be a real challenge.
It takes plenty of time, practice and concentration to get to know the different symbols and eventually play them.

Music theory is being learned around the world by children and adults.
Terms such as notes, intervals and scales are the basics every music student must know, in order to understand the language of music.

02 research

User Reasearch

To better understand the needs of young and adult music students I conducted user research.
I interviewed present and past students, music teachers, and one music school manager.
I asked the students about their own learning experience: what difficulties came up along the way and what went well.

I asked the teachers about the usual challenges and “pain points” they experience with students and how they overcome them, how can we improve the way students learn, and what increases their motivation.

Sivan
HIGH SCHOOL
MUSIC GRADUATE

Shaked
BPM MUSIC
COLLEGE GRADUATE

Anna
MUSIC SCHOOL
MANAGER

Quantitative Research

I Created an online survey to get a wider understanding
of people’s experiences regarding music learning.

The user research showed that there is a need for a supportive solution, not one that will replace the teacher – but will allow the students to learn at home and practice what they have learned in class.

Competitors Analysis

Exploring several music theory applications showed that most of them share the same syllabus and consist of textual explanations.

The problem remains – learning theoretical concepts isn’t intuitive when all you have is text.

Perfect
Ear

Music Theory
Helper

My Music
Theory

Learn Music Theory
With Sonid

03 THE SOLUTION

Target Audience

Kids at age 12-18 who are currently studying music (high school, private teacher, music school)

User Personas

Age: 12

Learning with
private teacher

Age: 16

Learning at
high school

Age: 30

An adult whos
interested in learning

Main Features

Animations
Visuals explaining
theoretical concepts

Interactive Audio
Learning by listening
to scales and intervals

Gamification
Increasing users
engagement

04 Information Architecture
04 user flow
04 user Journey
05 Wireframe Sketches
05 High Fidelity Wireframes
06 SCreen Design
Onboarding

Explaining the app’s main features while triggering a positive emotional response.

01
02
03
Choosing a lesson

Each topic is associated with a different scene and color palette.

Each lesson has a progress indicator around its icon.

04
05
06
Learning

When starting a lesson, the user enters a “Learning Zone” –
the UI is being reduced to the minimum, helping the user to focus on the subject and reduce cognitive load.

Each lesson is divided into bite-sized pieces (the dots at the bottom indicates it), letting the user progress at its own pace and go back and forth if needed.

07
08
09
Reward

Positive reinforcements take place when the user completes a lesson or succeeds in practice.

Gamified elements such as badges and motivation phrases increase user’s motivation and engagement – supporting the overall learning process.

11
12
07 branding

The Canary Concept

The Canary is a songbird who’s known for its musical and vocal abilities. In the app, the Canary is guiding the user through the learning journey.

The illustrations are related to the “forest” concept: Trees, plants, and natural objects combined with musical elements, forming different scenes. The “naive” graphic language creates a fun and playful atmosphere, inviting users to learn music concepts.

UI Icons

Logo

Typography and color

English

Montserrat

Hebrew

פלוני

© Maor Zohar 2020