Superclass – Competitive Exam Courses

Superclass is an educational mobile app that provides high-quality courses for competitive exams to help students in their academic journey.

Superclass is an educational mobile app that provides high-quality courses for competitive exams to help students in their academic journey.

About the project

Superclass is an educational mobile platform dedicated to students preparing for competitive exams. The goal was to build an engaging and accessible application that helps students easily discover live classes, access top-rated masterclasses, and manage their daily learning journey without friction.

Superclass is an educational mobile platform dedicated to students preparing for competitive exams. The goal was to build an engaging and accessible application that helps students easily discover live classes, access top-rated masterclasses, and manage their daily learning journey without friction.

Date:

Client:

Superclass app

Services:

UI/UX

Project Details

This project focuses on designing a comprehensive mobile app tailored for e-learning. The aim was to create a structured and motivating environment for students to browse courses, verify their accounts securely, and seamlessly pick up where they left off in their studies. I focused on establishing a strong visual hierarchy—utilizing a vibrant purple brand color to convey energy and focus—while keeping the interface uncluttered. The design emphasizes clear navigation, highlighting key offerings like live sessions, popular courses with transparent pricing, and social proof to provide a trustworthy, end-to-end educational experience.

“Gave him a rough idea, and he turned it into something much better than expected. Very patient and easy to work with.”

Super Class

Development Manager

Things I Did

I designed the complete user interface of the app, from the initial onboarding flow to the comprehensive home dashboard. I structured a secure authentication process (handling both email and mobile OTPs) and integrated custom, friendly illustrations to create a welcoming login experience. Additionally, I designed a dynamic home feed that balances various content types—including prominent live class banners, quick-resume course cards, feature grids, and student testimonials—maintaining strict consistency in the card-based layout and typography. I also accounted for edge cases by designing an intuitive offline state screen.

Create a free website with Framer, the website builder loved by startups, designers and agencies.