Classplus White-Label

December 2024

Year End Review

Year End Review

I designed a Year-End Review module for Classplus’s white-label product, offering users an engaging, scrollable experience inspired by Instagram Reels. The interface employs an ocean theme, with bright white screens highlighting key achievements and deeper blues revealing detailed metrics. By merging interactivity with intuitive design, users can easily explore and celebrate their 2024 milestones in a visually compelling way.

Client

Classplus

My Role

Product Designer

Category

Entertainment | Media Experience | B2C

Platform

Mobile App

Tools Used

The Problem

The Problem

The Problem

The Problem

Classplus needed a dynamic way to highlight each user’s annual achievements. The challenge lay in presenting large amounts of data in a visually engaging format that users would enjoy scrolling through, while still aligning with the brand’s white-label requirements.

The Goal

The Goal

The Goal

The Goal

To design an interactive Year-End Review module that transforms complex user metrics into a captivating, ocean-themed journey. By leveraging a scrollable format (inspired by Instagram Reels) and thoughtful data visualization, the module aims to boost user engagement, celebrate individual progress, and reinforce Classplus’s commitment to an intuitive, user-focused experience.

Design Process

Design Process

Design Process

Design Process

In this project, I followed a structured design process to build a scrollable, ocean-themed Year-End Review for Classplus, delivering a visually captivating, brand-aligned experience that celebrates user achievements. Here’s how I approached it.

1

1

Research & Data Gathering

2

Ideation & Persona Development

3

Wireframing & Low-Fidelity Prototyping

Wireframing & Low-Fidelity Prototyping

Wireframing & Low-Fidelity Prototyping

4

Design & Branding

Design & Branding

Design & Branding

5

User Testing

6

Micro-Interactions & Final Refinements

Research & Data Gathering

Research & Data Gathering

Research & Data Gathering

Research & Data Gathering

Ideation & Persona Development

Ideation & Persona Development

Ideation & Persona Development

Ideation & Persona Development

Wireframing

Wireframing

Wireframing

Wireframing

Design Solution

Design Solution

Design Solution

Design Solution

Theme & Logo

Theme & Logo

Theme & Logo

Theme & Logo

Theme Concept

The “Making Waves in 2024” theme encapsulates growth, impact, and momentum through an immersive underwater aesthetic—symbolizing depth, exploration, and continuous movement. This approach highlights how educators and creators on Classplus transform small efforts into powerful waves of change, inspiring them to explore new horizons, dive deeper into their creativity, and continually build upon their achievements. The wave imagery also reflects the shared journey of educators and learners, emphasizing the ripple effect each milestone has on the broader community.

Visual Elements :

  • Deep Blue Gradient Background – Represents vast opportunities and limitless potential.

  • Bubbles & Oceanic Flow – Symbolizes organic growth, engagement, and evolution over the year.

  • Coral & Marine Life – Adds a lively and engaging visual appeal while reinforcing diversity and sustainability in the creator community.

  • Wave Effect on ‘WAVES’ – A subtle motion-inspired effect on the typography reinforces the theme of continuous movement and impact.

Logo Integration

  • The Classplus logo is seamlessly integrated into the design, maintaining brand consistency.

  • Positioned under the headline, it ensures brand recall while allowing the theme to take center stage.

Overall Feel

This theme is celebratory, engaging, and aspirational, inspiring educators and creators to reflect on their journey and recognize the waves they have created through their efforts in 2024.

Login Screen

Introduction Flow

Login Screen

Introduction Flow

Login Screen

Introduction Flow

Ocean-Themed Progression

These screens display an educator’s quarterly app download stats, flowing like ocean waves across each quarter of 2024. As users scroll deeper, they encounter a final “ocean bed” where the data culminates—visually reinforcing the idea that each milestone builds upon the last. This design seamlessly blends storytelling and analytics, giving educators a clear sense of growth and achievement throughout the year.

Login Screen

Quarterly User Sign-up Downloads

Login Screen

Quarterly User Sign-up Downloads

Login Screen

Quarterly User Sign-up Downloads

Designed a fluid journey starting with a striking, ocean-themed landing screen. Users scroll like Instagram Reels to receive a personalized welcome, see a snapshot of their 2024 achievements, and view their join date—creating a seamless narrative of growth.

Login Screen

Yearly Interacted Users & Top Locations

Login Screen

Yearly Interacted Users & Top Locations

Login Screen

Yearly Interacted Users & Top Locations

These screens highlight an educator’s total yearly app users and top two locations—Delhi and Kolkata—showcasing the breadth of their impact. The ocean-inspired design emphasizes growth and exploration, celebrating how each milestone contributes to a larger wave of success across India.

Monthly Active Students

Monthly Active Students

Monthly Active Students

Monthly Active Students

Share Button interaction

Share Button interaction

Share Button interaction

Share Button interaction

This screen spotlights the educator’s monthly active students—12.2k—showcasing consistent impact and progress. The ocean-inspired visuals reinforce a sense of continuous growth, motivating them to keep the momentum going.

When User Hit Share Button

Pop-Up comes up, Where user can download particular screen or directly share to the Whatsapp.

Login Screen

Time Spent & Content Overview

Login Screen

Time Spent & Content Overview

Login Screen

Time Spent & Content Overview

These screens highlight the total time both tutors and students spent on the app, along with the amount of content shared, number of campaigns created, and their overall reach. The ocean-inspired visuals reinforce a sense of continuous growth, celebrating the educator’s dedication and impact throughout 2024.

Login Screen

Total Created Courses & Top Performing Courses

Login Screen

Total Created Courses & Top Performing Courses

Login Screen

Total Created Courses & Top Performing Courses

These screens showcase an educator’s total courses created in 2024, along with their top three and number-one performing courses. The ocean-themed design, combined with Reels-like scrolling, creates an engaging experience that helps educators quickly identify and celebrate their best-selling content.

Login Screen

Badge & Certificate

Login Screen

Badge & Certificate

Login Screen

Badge & Certificate

These screens recognize top educators who’ve crossed 1 Cr+ GMV in course sales, awarding them gold or silver badges and certificates. A built-in share button lets them instantly celebrate their achievements with the community.

Silver Badge

Silver Badge

Silver Badge

Silver Badge

Gold Badge

Gold Badge

Gold Badge

Gold Badge

Login Screen

Certificates

Login Screen

Certificates

Login Screen

Certificates

Designed a fluid journey starting with a striking, ocean-themed landing screen. Users scroll like Instagram Reels to receive a personalized welcome, see a snapshot of their 2024 achievements, and view their join date—creating a seamless narrative of growth.

Design <> Micro interactions

Prototypes

Prototypes

Prototypes

Prototypes

Thank you for watching!

Thank you for watching!

Thank you for watching!

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