Try the prototype!
Project type: End to-end app and branding.
Role: UX\UI designer and brand designer.
Industry: Music Education and Learning Technology
Tools: Figma, Figmjam and Adobe ilustrator.
Key Features:
Follow structured infographic-based lessons designed by guitar experts.
Practice at your own pace with visual, beginner-friendly guides.
Track progress, unlock levels, and maintain practice streaks.
Explore lessons by categories like Chords, Strumming, Scales, Songs, and Techniques.
Try the prototype!
Origins
It all began with a simple infographic poster
serving as a guide through a musical concept.
Instantly I recognized the appeal of having a lesson
laid out right in front of you,
easily understandable and accessible.
However, I soon encountered a limitation:
the poster’s A3 size was too confining.
Despite my efforts to capture the concept in a minimalist manner,
I realized that the rigid constraints of the format
were indering the learning experience.
The solution became clear: an app.
By transitioning from physical posters to a digital platform,
i could break free from the limitations of size and create
an interactive learning environment that offers
flexibility, depth, and engagement.
Target Audience
Beginner to advanced guitar players looking to improve their skills through structured, visual learning.
Musicians who prefer clarity and step-by-step progress over lengthy video lessons or traditional sheet music.
Self-taught players seeking to strengthen their technique and music theory.
Users motivated by a clear learning path, progress tracking, and visually intuitive tools.
User Pain Points:
Traditional guitar resources can feel scattered, text-heavy, or hard to follow.
Lack of a clear, structured path to mastering theory or technique.
Difficulty staying consistent without visual feedback or a sense of progression.
Overwhelmed by information without knowing what to focus on next.
Competitor Analysis
Research Q&A
How effective do users find the infographic lesson design in understanding complex musical concepts?
Users appreciate the visual simplification of complex concepts, stating it enhances comprehension and retention. However, some express a desire for more interactive elements within the infographics to test their understanding in real-time.
How effective do users find the infographic lesson design in understanding complex musical concepts?
Users appreciate the visual simplification of complex concepts, stating it enhances comprehension and retention. However, some express a desire for more interactive elements within the infographics to test their understanding in real-time.
How effective do users find the infographic lesson design in understanding complex musical concepts?
Users appreciate the visual simplification of complex concepts, stating it enhances comprehension and retention. However, some express a desire for more interactive elements within the infographics to test their understanding in real-time.
How effective do users find the infographic lesson design in understanding complex musical concepts?
Users appreciate the visual simplification of complex concepts, stating it enhances comprehension and retention. However, some express a desire for more interactive elements within the infographics to test their understanding in real-time.
Personas
Itai Cohen
Age - 19
Goals
Master guitar during off-duty hours
Share skill with comrades
Needs
Community sharing features
Mobile-friendly
Quick lessons
Challenges
Irregular schedule
Limited practice time
Tech Proficiency
Intermediate
Hobbies
Fitness
Music
App Usage
Communication
Education
Expectations
User-friendly and flexible engagement
Practical and utilitarian design
emma gonzales
Age 22
Goals
Learn giutar for creativity
Join musician community
Needs
Structured lessons
Easy app navigation
Community interaction
Challenges
Time management
Initial learning curve
Tech Proficiency
expert
Hobbies
Coding
digital art
live music
App Usage
Communication
Education
Expectations
Interactive
sleek design
Wireframing
In crafting the app’s high-fidelity draft, I leveraged persona insights and user feedback to meet diverse learning needs. My design prioritizes clear infographic lessons, balancing visuals with text, and incorporates gamification for motivation and engagement. Each feature, from the navigation to lesson organization, is tailored to ensure an intuitive and personalized user experience. This drafts reflects my commitment to a user-centric approach, laying the groundwork for continuous improvement based on user interaction.
User Flow and Information Architecture
Design Language
Type Face
Heading
Montagu Slab – Semi Bold
PX- 14 16 24 32
Body Text
Source Sans Pro – Medium
PX – 12 14 16
Heading
Body text Body text Body text Body text Body text Body text Body text Body text
Color palette
HEX 25120A
RGB 37 22 15
HSL 19 42% 10%
HEX FF5722
RGB 254 87 34
HSL 14 99% 56%
HEX F9F8F5
RGB 249 248 245
HSL 45 25% 97%
Logo
Lesson PopUp
Lesson Navigation
Icons & Buttons
Personalized Learning Experience
adapts to your skill level and musical interests,
providing a personalized learning path.
Customize your practice sessions based
on your goals, available time, and preferred genres.
Enjoy a tailored learning experience that
keeps you motivated and engaged.
Personalized Learning Experience
Enjoy a tailored learning experience
that keeps you motivated and engaged.
Learn from a team of experienced guitar
instructors who guide you through each lesson
Infographic lessons
Infographic lessons simplify
complex topics with visuals,
catering to different learning
styles and improving
comprehension in a concise format.
