Ground-up development of personal piano teacher mobile application
Client
Note Quest
Partnership
Feb 2018 — Aug 2018
Location
United States
![](https://images.ctfassets.net/qjf0k9e12u60/3e0v4X9n6PMcKmZ5prMJ4x/c017777bdd8b4eff999a598b7a163b2e/note-quest-cover.png)
Industry
Education
Technology
Node.js, Amazon Web Services, Firebase, Swift
Services
Product Design, Mobile Development, QA & Testing
About project
Our client had an idea of creating an application that would help with teaching kids piano lessons. She already had a ready-made product that did not work correctly due to the low-quality code. It was necessary to fix bugs and tidy up the design.
![](https://images.ctfassets.net/qjf0k9e12u60/1Cgg4FUTkLu6LdvHkfQdPS/5ce0ca6950c7d0888f54d570c37fee79/note-quest-about-project.png)
User flow
An easy app’s flow leads the user through the process of choosing a necessary mode of playing, theme, and level of difficulty.
![](https://images.ctfassets.net/qjf0k9e12u60/rAjI4meXOIsucNyjxibg2/c4543e6b6d7024bb8f16093ff71cbd1c/note-quest-user-flow.png)
Logo & icon
As our main design goal was to make this educational app smart and fun, we choose the bright color palette to achieve it. We’ve also created a minimalistic and vibrant logo that depicts piano keys.
![](https://images.ctfassets.net/qjf0k9e12u60/CgXpEmXycnyWfZx8yvcni/a5b22e62ff2308bf31bc43f1bbb9f5ea/note-quest-logo-icon.png)
Real piano
This mode helps users to play notes on their real piano: it hears you play the notes appearing on the mobile screen. With the hint buttons, the user can also learn note names on demand.
![](https://images.ctfassets.net/qjf0k9e12u60/7qUwru92GrapXPO6DeSYIe/9e1ba6bc4f9456350a41f55fce8dd6f4/note-quest-real-piano.png)
Virtual piano
Virtual piano mode allows users to play their own 4-octave keyboard when they don’t have an opportunity to play a real piano. Practice anywhere, even on airplanes!
![](https://images.ctfassets.net/qjf0k9e12u60/4WccXDaVtH9Zs9HkWI3NxQ/324aec907267c646cefedeac616a4b83/note-quest-virtual-piano.png)
Levels
Note Quest app allows choosing five levels of difficulty depending on the user’s experience. Each level has a short description to help understand what level to choose.
![](https://images.ctfassets.net/qjf0k9e12u60/5U9vk3YNJtJOxiE8QPRR0D/338bf2a109ddb61546563eb21fd38b5c/note-quest-levels.png)
Themes
We tried to make a learning process as convenient as possible, so we’ve created beautiful themes aimed to improve the user’s learning experience.
![](https://images.ctfassets.net/qjf0k9e12u60/4burssw7gIWQRk2QdSQodY/94e60697f921f15d7c06265d34c9207a/note-quest-themes.png)
Result
We completely redesigned the application in 2 months and rewrote the entire code from scratch in 2 weeks. Now the application is available on the App Store for iPhone and iPad and is successfully used for learning in classes or practicing at home.