Piano Academy

- Mobile App

Piano Academy is for anyone who's looking to learn the piano from scratch, or for those who have prior knowledge and want to continue learning by practice playing along to their favorite songs.

Piano Academy is for anyone who's looking to learn the piano from scratch, or for those who have prior knowledge and want to continue learning by practice playing along to their favorite songs.

UX & Research

Brand Identity

UI Design

Content Production

Interactions

Motion & Sound

Marketing

UX & Research  /  Brand Identity  /  UI Design  /  Content Production  /  Interactions  /  Motion & Sound  /  Marketing & ASO

UX & Research  /  Brand Identity  /  UI Design  /  Content Production  /  Interactions  /  Motion & Sound  /  Marketing & ASO

Main goal

Main goal

The main goal of Piano Academy is to make learning piano easy, accessible, and enjoyable for everyone.

By offering affordable lessons, innovative technology and a user-friendly platform, Piano Academy aims to empower people of all ages and skill levels to learn and master the piano at their own pace.
The main goal of Piano Academy is to make learning piano easy, accessible, and enjoyable for everyone.

By offering affordable lessons, innovative technology and a user-friendly platform, Piano Academy aims to empower people of all ages and skill levels to learn and master the piano at their own pace.
not-practicing-piano-boredom

The problem

The problem

Traditionally, learning piano often involved expensive lessons with private tutors or enrolling in formal classes.
Many aspiring musicians faced challenges in finding suitable teachers, scheduling lessons, affording the associated costs and when they do they find it hard to practice.
Piano Academy addresses these pain points by user friendly mobile app, using a note recognition technology to deliver an intuitive, fun and affordable learning experience.
Traditionally, learning piano often involved expensive lessons with private tutors or enrolling in formal classes.
Many aspiring musicians faced challenges in finding suitable teachers, scheduling lessons, affording the associated costs and when they do they find it hard to practice.
Piano Academy addresses these pain points by user friendly mobile app, using a note recognition technology to deliver an intuitive, fun and affordable learning experience.
mobile_pa

Key features

Key features

Throughout our product development journey , our focus remained steadfast on crafting a user-centered platform. Here's a peek into the standout features:
Throughout our product development journey , our focus remained steadfast on crafting a user-centered platform. Here's a peek into the standout features:
  • Real-Time feedback - The app utilizes machine learning technology to recognize notes played on an external keyboard, providing instant feedback to users. This core feature enhances the learning process by helping students identify and correct mistakes in real time.

  • Accessible learning - Piano Academy caters to learners of all levels, providing structured courses ranging from fundamentals to advanced techniques. Users can access interactive lessons tailored to their skill level, allowing for a personalized learning journey.

  • Song library - We've curated a comprehensive songbook library featuring music suitable for all skill levels. Our dedicated content team, comprised of talented musicians, meticulously crafted each song within the library.

  • Subscription model - Piano Academy offers various subscription plans, allowing users to choose the option that best suits their needs and budget.
    This monetization strategy ensures sustainable revenue generation for the app.

Role and responsibilities

Role and responsibilities

As the design lead my mission was to create an app that is delightful to use as it is effective.
From crafting the easy-to-use UI to collaborating with our team, every step of the journey has been guided by a passion for making music education accessible and enjoyable to all.
beyonce
Key roles included:
  • Partnered in planning the user experience to ensure an intuitive and engaging learning journey.

  • Played a major role in producing content for the lessons, ensuring high quality and relevance to users' needs.

  • Designed the UI to create a visually appealing and user-friendly experience.

  • Created animations to enhance the interactivity and adding gamification to the app.
  • Developed the brand look and feel to establish a cohesive and recognizable identity.

  • Worked on app store optimization to enhance the visibility and discoverability of the app on app stores.

  • Supported the marketing department by providing necessary assets, including static and video ads, to promote the app effectively.
jeff1
Behind the scenes: Capturing the video lessons 🎬

The player

"The Player" component is apps' central feature.
It works as a digital sheet music, basically showing notes moving across a timeline from right to left.

Users play these notes on their piano keys when they reach a marker called the "hit line." This feature makes learning piano feel like playing along with sheet music in real-time.

"The Player" component is apps' central feature.
It works as a digital sheet music, basically showing notes moving across a timeline from right to left.

Users play these notes on their piano keys when they reach a marker called the "hit line." This feature makes learning piano feel like playing along with sheet music in real-time.

Putting a lot of notes in small limited area was a tough challenge.
dude_play

Note recognition

Our development team dedicated significant effort to creating the cornerstone feature upon which the entire app revolves.

Leveraging machine learning technology, the app can actively listen and filter out unwanted sounds in real-time, while accurately identifying the notes played by the user and providing immediate feedback.

This functionality is pivotal in guiding users through their learning journey, allowing them to gauge their progress and correct mistakes on the spot.

Our development team dedicated significant effort to creating the cornerstone feature upon which the entire app revolves.

Leveraging machine learning technology, the app can actively listen and filter out unwanted sounds in real-time, while accurately identifying the notes played by the user and providing immediate feedback.

This functionality is pivotal in guiding users through their learning journey, allowing them to gauge their progress and correct mistakes on the spot.

Microphone permission required for app to listen the piano.
These are some versions I have created.
The keyboard on bottom mirrors users physical keyboard, offering instructions and feedback.
The keyboard on bottom mirrors users physical keyboard, offering instructions and feedback.

I collaborated closely with the development team to meticulously plan and fine-tune the app's behavior, encompassing motion, sound, and visual aesthetics.

I collaborated closely with the development team to meticulously plan and fine-tune the app's behavior, encompassing motion, sound, and visual aesthetics.

Practicing some notes.
This game help practice the position of the notes on the staff.
This game help practice the position of the notes on the staff.
Learning to play the piano with Piano Academy.
Notes assets
The player assets sheet.
Students' progress is reflected by note style evolution from simple bubbles to a classic note shape.
Students' progress is reflected by note style evolution from simple bubbles to a classic note shape.

One of the biggest challenges I faced as a designer for this app was its landscape orientation.
Unlike the majority of apps, which are in portrait mode, this presented difficulties in finding inspiration and solutions.
It required innovative thinking to adapt to this unique design requirement.

"One of the biggest challenges I faced as a designer for this app was its landscape orientation. Unlike the majority of apps, which are in portrait mode, this presented difficulties in finding inspiration and solutions.
It required innovative thinking to adapt to this unique design requirement."

Lessons

The piano lessons were made by our own real piano instructors. They wrote down the entire syllabus and made sure it's easy to follow. In those lessons users will enjoy videos, games, quizzes, and practice exercises. It's all designed to be fun and simple, so users can improve their piano skills at their own pace.

The piano lessons were made by our own real piano instructors. They wrote down the entire syllabus and made sure it's easy to follow. In those lessons users will enjoy videos, games, quizzes, and practice exercises. It's all designed to be fun and simple, so users can improve their piano skills at their own pace.

ux
Part of the syllabus framework defined by the piano instractors on our team.
Iv'e tested many designs for the "Lessons" screens.
Lessons progress stracture.
We also made some pop quiz tasks for learn more fun facts about piano learning.
Lessons' ending flow.

Onboarding

Getting users started on Piano Academy was a big challenge.
To make it easier, we tested lots of different ways with A/B testing. We put a lot of work into making the process better, focusing on what users need and what helps our business goals.

Getting users started on Piano Academy was a big challenge. To make it easier, we tested lots of different ways with A/B testing. We put a lot of work into making the process better, focusing on what users need and what helps our business goals.

Player keyboard only@2x
Onboarding AB test - Ver.1
Onboarding AB test - Ver.2 (ChatBot)
onboarding
Another onboarding flow.
Onboarding AB test - Ver.3 (Portrait)

Bottom line

Bottom line

The project's success shows how powerful user-centered design can be. The heartfelt comments and positive reviews from our users underscore the significant impact our app has made on their piano learning journey.

The project's success shows how powerful user-centered design can be.

The heartfelt comments and positive reviews from our users underscore the significant impact our app has made on their piano learning journey.

*The visuals, illustrations, videos and animations in this portfolio are my own creations.
*The visuals, illustrations, videos and animations in this portfolio are my own creations.
*The visuals, illustrations, videos and animations in this portfolio are my own creations.

Thanks for looking around.
Stay in touch.

Thanks for looking around.
Stay in touch.