Conceptual Case // Research • UX/UI design
BeatMyBox
Beatbox Learning App
Designing a game app that teaches how to beatbox.
Background
As for my experience, Beatboxing requires persistence and encouragement. Therefore, I designed an app to help teach beatbox.
My Role
- Research
- User Flow
- User Persona
- Wireframe
- UX/UI Design
- Graphic Design
Pain points
• Feedback-
No way of knowing how to get better
• improvement-
Hard time developing new skills
• Diligence-
Must practice to get better
Therefore, I set a goal to design a game app to develop beatboxing abilities by practice and improve that skill and get feedback.
Solution
This is BeatMyBox!
To help beatboxers to improve their skills, I designed an app where the users can watch video lessons and complete tests based on the ability to keep up with the required pace and accuracy to unlock harder lessons.
Research
Competitors
| Competitor | It's Free? | Feedbacks? | Sequential? |
|---|---|---|---|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Sources of influence
Smule
Social singing app
social music-making and collaboration applications
The idea of receiving the user's voice and getting a score on it helped me formulate the app
Music game
tap each of the colored balls when they reach a line at the bottom of the screen.
This reflected in my project in That the accuracy of the beatbox timing should be Perfect
Simply Piano
piano learning app
learning the piano on the users own keyboard
App branding style has given me deep inspiration
Dynamic Music Room
lesson topics
Contains library of songs to beatbox
Inspired from the variety of beatbox lesson topics
User Presonas
Jenny Fiford
17 years old
Milano, italy, Student
• Native English
• Music lover
• Talented
Pain points:
• Do not know how to start beatbox
• Wants to discover new things
• Sick for entertainment
Dean Klein
9 years old
Philadelphia, US, Pupil
• 6+ hours a day on mobile
• Amateur beatboxer
• Creative
Pain points:
• Need beatboxing assessment
• Wants to improve his skills
• Bored most of the time
interviews
I surveyed 6 members of the target audience, teenagers who want to improve their beatboxing skills, to inform the design of an app catering to this group.
Survey
I conducted a survey to gather insights from the beatboxing community. However, getting responses was challenging, so I requested from the users the fill out the survey individually.
Conclusions and insights
General
• The user interface should be comfortable and inviting.
• Convenient to operate and use.
Gamification
• Gamification triggers real,
powerful human emotions, like Happiness, Intrigue, Excitement etc.
• Short and clear lessons, the guide should speak clearly and ethically.
Lessons & Tests
• The target audience does not have much tolerance for lessons.
• The program should understand the beatbox sounds and rhymes.
Design
Style guide
Typography
Choosing an easy-to-read font can enhance the user experience and facilitate the engagement
colors
Pink'ish colors evoke playfulness and reward in gamification.
marketing
Digital
Instagram post ads
merchandise
Custom designed products
Design
mobile App
The added value of the app is to identify the pace and pattern of the beatbox so that it can decide if the user will pass the test.
User Experience
The main purpose of the app is to show the user beatbox lessons and then test him for the abilities he has gained during the lesson.
Mobile user flow map (Click to enlarge image)
Low-fidelity wireframes
Onboarding
Profile
Home
Beatbox test
High-fidelity wireframes:
Splash- Loading
Log-In
Home
Lesson- Test
app results
Check out beatMyBox app!
Want to explore?
app Log-In
Create a user or continue as a guest
Main Actions
Choose an unlocked lesson
Learn & Test
Complete a beatbox lesson
Ending
Thanks For Boxing
What's next?
Designing a complex system for unmanned store managing that empowers for efficient operations and informed decisions.
Designing an AI contract generator app. The app can form legal agreements with smart suggestions and playful features.
Let’s Work Together!