UX/UI Design for Mobile App

Wisdom Leap

A gamified self-study platform covering Grades 1–10 CBSE curriculum — where students learn, quiz, compete, and grow.

WisdomLeap
UX/UI Design
Android

About the Project

Experience Learning, Redefined

WisdomLeap is a self-study app covering the curriculum from Grade 1 to 10 for CBSE students. Students learn subjects through interactive videos, assess themselves with quizzes, and track progress in real time.

The platform also enables multiplayer quiz battles — turning revision into a social, competitive, and deeply engaging experience.

10
Grades Covered (1–10)
5+
Core Subjects
106
Lessons Per Subject
CBSE
Curriculum Aligned

Subject Learning

Study smarter,
not harder

Five core subjects — Mathematics, Science, History, Geography, and Political Science — structured into 24 chapters and 106 lessons each, with video-led content for every grade.

WisdomLeap home — subject grid
Learner profile and stats

Quiz Battles

Compete, learn,
and win

Solo practice or head-to-head multiplayer — students challenge classmates in real-time quiz rounds, boosting engagement and retention through healthy competition.

Opponent found — multiplayer matchmaking
Live multiplayer quiz round

The Challenge

Two audiences, one product

The platform had to serve students who want to learn, and parents who need oversight — within a single cohesive experience.

01

Student Self-Study

Students needed frictionless access to videos, quizzes, and their own progress reports — all within a UI scaled to younger users.

02

Social Quiz Battles

Multiplayer game loops required real-time matchmaking, score tracking, and competitive dynamics that feel rewarding without being distracting.

03

Parent Dashboard

Parents needed the ability to add multiple learner profiles, view each child's progress across subjects, and manage subscriptions independently.

04

Flexible Subscriptions

A tiered plan system — 6 months, annual, 2-year — needed to be intuitive for non-technical parents while driving longer commitment.

Our Role

What We Brought to the Table

Graphic Design

Custom icons & illustrations crafted for a young K–12 audience

UX Design

Competitor research — Unacademy, Vedantu, Byjus — and lo-fi wireframes

UI Design

Full visual system — colour, typography, components, and interaction states

Prototype

End-to-end interactive Figma flows for all student and parent journeys

Core Experience

Home Screen

Everything a student needs, right on launch

The home screen greets each learner by name, surfaces all five subjects with chapter and lesson counts, and offers instant access to quizzes and social sharing — zero friction from open to learning.

Subject Cards Profile Greeting Quick Actions
WisdomLeap home screen showing grade 6 subject grid

Solo Practice

Solo quiz screen with question and four answer options

Quiz Mode

Timed questions, instant feedback

Each question has a countdown timer, four answer choices, and immediate answer reveal — reinforcing correct answers and explaining wrong ones so learning happens in every round, not just at the end.

Countdown Timer Instant Reveal Score Tracking

Multiplayer

Battle Mode

Head-to-head — knowledge as a weapon

Students invite friends or get matched with opponents. A 10-second countdown, side-by-side scores, and real-time question pacing make quiz battles feel as engaging as any mobile game.

Matchmaking Live Scores Invite Friends
Opponent Found screen — Rahul vs Vicky, game starts in 10 seconds

Profile & Subscription

Learner profile showing name, grade, bookmarks, reports and quiz stats

Parent Controls

Progress visibility for the whole family

Parents manage multiple learner profiles with full subject-level analytics — quizzes played, won, and subject time spent. The subscription flow supports 3 plan tiers with a prominent 40%-off badge driving the 2-year conversion.

Multi-Learner Reports Bookmarks

Gamification

Learning that feels like playing

By wrapping curriculum in quiz battles, opponent matchmaking, scoreboards, and coin rewards, WisdomLeap transforms passive revision into an active, social loop — driving the repeat usage any edtech product depends on.

Design System

Colour & Typography

#845EC2
Purple
#00C9A7
Teal
#383B41
Dark
#FFBC00
Amber
#D9FAFF
Ice Blue
#F0F0F0
Surface

Display / Heading

Avenir Heavy

Used for grade indicators, question numbers, and bold UI moments

Body / UI

Avenir Medium & Book

Course descriptions, answer options, profile details, and labels

How We Got Here

Design Process

01

Research

Competitor analysis of Unacademy, Vedantu, and Byjus — mapping UX gaps and student behaviour patterns.

02

Wireframes

Low-fidelity wireframes covering study sessions, solo & multiplayer quiz, profile management, and subscription checkout.

03

Visual Design

Building the design system — colour palette, typography scale, icon library, and illustrated characters.

04

Prototype

Interactive hi-fi flows from onboarding through quiz battles to the parent subscription dashboard.

Outcomes

What Was Delivered

Complete Design System

Full component library — buttons, cards, quiz states, navigation, forms — production-ready for developer handoff.

End-to-End Prototype

Interactive Figma prototype spanning all student and parent journeys — validated before a line of code was written.

Gamified UX

Multiplayer quiz battles, coins, and achievements embedded into the core experience to drive repeat engagement.

Dual-Audience Architecture

Distinct but unified experiences for students and parents — role-based dashboards with transparent progress reporting.

Rapid Time-to-Value

Streamlined onboarding gets students into their first lesson within 3 taps of opening the app.

Progress Visibility

Subject-wise time, quiz accuracy, and recent activity surfaced to both parents and students in clear, digestible charts.

Browse our library

View gallery
TutorGuru — Educational Platform
Zceppa — Review Management App
Findeed — Job Search App
TutorGuru — Educational Platform Zceppa — Review Management App Findeed — Job Search App