ThinkMusik | UI/UX Design by Mabel OkekeThinkMusik | UI/UX Design by Mabel Okeke

ThinkMusik | UI/UX Design

Mabel Okeke

Mabel Okeke

Thinkmusik Landing Page Design

Redefining Online Music Education Through Human-Centered Design

Client Name: ThinkMusik
Industry: E-learning
Scope: Multi-platform design: website, mobile app, student web app, admin web app.
Year: 2022

Overview

I led the design for ThinkMusik, an e-learning platform that connects music lessons, practice, and gig opportunities in one place. Working with another designer, I owned the product strategy, design system, and the majority of the interface design, while my co-designer supported with additional screens and asset production. I drove the process from stakeholder workshops to validated prototypes across four platforms.
THINKMUSIK WEBSITE
THINKMUSIK WEBSITE

The Problem

Musicians were juggling expensive private lessons ($50–200/hour), scattered practice tools, and separate job-hunting platforms. The objective was to create a unified music education ecosystem that connects lessons, practice tracking, and career opportunities, addressing this fragmented experience.

Research and Approach

I interviewed 40+ learners, parents, and instructors, and ran a competitive analysis of GuitarTricks, Pickup Music, and JTC Guitar. We found that existing platforms had solid content but lacked community features and career connections which is one of the key gaps Thinkmusik is addressing.
Thinkmusik Mobile App

Key Design Decisions

Building a design system from scratch There was no existing design system to work from. The challenge was building something scalable in a compressed timeline, so I prioritized creating a flexible component library and clear information architecture that could serve both beginners learning their first chord and advanced players tracking complex progress.
Student Web App Courses Screen
Student Web App Courses Screen
Splitting the experience across platforms strategically Mobile app for daily practice habits with gamification (streaks, badges), web platform for deeper learning sessions, and admin interface for content management. Each platform served a specific user need while maintaining design consistency.
Student Mobile App Onboarding Screen
Student Mobile App Onboarding Screen
Scoping the MVP Given the constraint, I focused the MVP on learners and platform management, while mapping out future instructor dashboards and employer tools to make sure our architecture could scale. This meant making tough calls about what to validate now versus design for later.
Outcome
Currently in final development, approaching launch. Through usability testing with 12 participants, structured learning paths reduced task completion time by 35% compared to our initial wireframes, and gamification features showed strong engagement signals, with 9 testers saying they'd use the app daily based on those features alone. The design system and product architecture are built to support ThinkMusik's vision of connecting music education with community and career opportunities.
Thinkmusik Student Web App

Lessons

Designing four interconnected platforms taught me to ruthlessly prioritize. Not every feature needed to be perfect for MVP, some just needed to be architected correctly for future iteration. The key was building a foundation that wouldn't break as the product scaled.
Admin Web App Course Details Page
Admin Web App Course Details Page
Student Mobile App Home Page
Student Mobile App Home Page
Admin Web App Dashboard
Project Scope
Like this project

Posted Sep 11, 2025

ThinkMusik is a platform that helps musicians learn, practice, and grow into paid opportunities, all in one seamless experience.

Likes

1

Views

3

Timeline

Jun 11, 2022 - Aug 28, 2022