Background shadow
izif
izif

UX/UI redesign for a music e-learning SaaS mobile app

UX/UI redesign for a music e-learning SaaS mobile app

Client

Izif

Client

Izif

Client

Izif

Service

UI/UX Design

Service

UI/UX Design

Service

UI/UX Design

Date

2025

Date

2025

Date

2025

Overview:

Izif.com is an online music school for learners across the Middle East, needed a full UX/UI redesign of its mobile app to create a more modern, more engaging learning experience.

Old design

The previous design suffered from information density and a poor visual hierarchy. Essential lesson details were buried under tabs, and the overall layout was cluttered and disjointed. This created cognitive friction, forcing users to spend energy navigating the UI instead of focusing on the lesson content.

Design System

To keep Omili consistent and scalable, I built a flexible design system covering typography, colors, icons, and reusable components. This foundation ensured a cohesive look across the app while speeding up design iterations and maintaining visual clarity for a dynamic, content-heavy sports experience.

To keep Omili consistent and scalable, I built a flexible design system covering typography, colors, icons, and reusable components. This foundation ensured a cohesive look across the app while speeding up design iterations and maintaining visual clarity for a dynamic, content-heavy sports experience.

Onboarding

From signup to subscription, the new flow makes starting easy and motivating. Clear options, personalized instrument selection, and a transparent plan overview turn first-time visitors into engaged learners within minutes.

Home That Adapts

The redesigned home screen gives regular users a focused view on their active courses, while new users see clear paths to start learning with curated categories and featured lessons.

Explore & Search

Explore & Search

The new explore flow makes finding the right course simple and intuitive. Users can filter by instrument or skill level, with clear results and responsive feedback when no matches appear.

My Courses

My Courses

The My Courses page keeps progress front and center. Users can easily continue where they left off, track completed lessons, and stay motivated with a clear view of their learning journey.

Course

Course

Course details and playback were rebuilt for focus and flow. Clear lesson structure, progress tracking, and distraction-free video playback help users stay engaged and learn seamlessly.

Musical Notes

Musical Notes

The redesigned sheet viewer lets users follow along with precision. Clean layouts, easy zoom.