top of page
UI/UX CASE STUDY
Musicare
Musicare is a mobile application with step-by-step guides for basic maintenance, tuning, and information about musical instruments from all over the globe.
The integrated digital tuner and the ability to save to profile allow this pocket guide to grow with the user on every step of their musical journey.
Programs Used /
Adobe XD
Illustrator
Photoshop
After Effects
Optimal Workshop
Google Slides
Google Forms
QQ Surveys
My Role /
Project Management
User Research
User Interviews
Usability Testing
Design Thinking
User Interface Design
Motion Design
Video Editing
Team /
Jerry Qu
Platforms /
iOS
Date /
March 29th, 2021
The Problem
The lack of maintenance can lead to inaccurate sound performance, accumulative damage, and costly repairs.
Many adults aged 20 to 60 experience computer anxiety. Information is widely available on websites not optimized for mobile access.
Currently, no mobile app exists.
The Problem
Project Parameters
These four elements make up the most significant design criteria.
iPhone 8, SE, X
Designed for iOS 14
Accessibility
Large text, labeled icons, voice capabilities, and WCAG compliance.
Discovery
Feature musical instruments from all over the globe.
One-Stop-Shop
Integrated tuner and repair shop locator.
User Surveys & Interviews
Our main goal was to design a digital pocketbook to guide aspiring and professional musicians through their journeys.
The first step was to understand more about our users.
56.50%
Has not experienced Computer Anxiety
43.50%
Has some form of Computer Anxiety
55.30%
Were taught by a teacher in-person
44.70%
Were self-taught by using online services
13.20%
Primarily use computers
86.8%
Primarily use smartphones
User Research
How Might We . . .
. . . inform our users about the basic maintenance of musical instruments?
. . . help aspiring musicians explore new instruments and navigate their respective maintenance regimens?
Our Users Are . . .
. . . aspiring and professional musicians.
. . . older adults, some of whom have vision loss.
. . . adults who suffer from computer anxiety.
Information Architecture
Through user interviews and by conducting an open card sort, we found our Most Viable Product (MVP) features.
Search | Discover | Instrument | Profile
IA Design
Low Fidelity Sketches
Red routes were quickly visualized using hand-sketching.
Guerrilla testing using Marvel provided early validation before the design was made digital.
Omit Sound Recognition
Keep Text & Voice Search
Discovery Opens
List of Instruments
Separate Dedicated Screen
Continents Cannot
Be Saved to Favorites
Only Individual Instruments
UI Design
Hi-Fi Design
Search
Expand search for features in addition to instruments.
Tutorial
Onboarding tutorials made accessible at all times.
A-Z
Organize instrument cards alphabetically.
Animation
Launch
Loading Sequence
Onboarding
Three-Step Tutorial
Search
Voice Search
bottom of page