iNeuron Super Leaderboard Offers students with a detailed Learning Progress analysis

The iNeuron Super Leaderboard offers students a clear, detailed analysis of their progress, helping them track achievements, identify areas for improvement, and stay motivated in their learning journey

Organization

Work

Product Design

Time Line

2 Weeks

Badges Earned

Curious Cat

Coin Earned

28

122

Posted Queries

110

Answered Queries

Badges Earned

Curious Cat

Coin Earned

28

122

Posted Queries

110

Answered Queries

Labs launched in this week

Start Date - End Date

Web Development

Data Science

Programming

Big Data

Data Analytics

iNueron is a leading e-learning platform that helps users expand their knowledge and advance their careers through engaging, interactive courses

As a UI/UX designer, I contributed to research, visualization, , conceptualization, UI flows, and visual design while collaborating with designers and developers throughout the project.

🔍 Business Problem

Students using e-learning platforms struggle to clearly understand their learning progress and analytics, making it difficult for them to self-assess, identify challenges, and take corrective actions to improve their learning experience.

📝 Discovery Phase ( Research )

Due to time constraints, we conducted quick research by interviewing learners, teachers, and learning coaches to understand their needs. We also analyzed digital data and aligned our findings with our organization’s goals to improve the learning experience

🧩 Competitive Analysis

We conducted quick and in-depth research on various e-learning platforms like Udemy, Coursera, Upskill, Skillshare, Udacity, and MasterClass to understand how they serve their learners. We analyzed their features, how they meet user needs, and identified gaps or problems that we can improve to create a better learning experience.

🧩 Pain Points

Based on my research, learners face several challenges that impact their experience. Below are some key pain points they encounter

📉

Generalized Analysis

This makes it difficult for to accurately assess their performance, identify areas for improvement, and compare themselves to others in a meaningful way.

🧠

Limited Clarity & Feedback

Limited clarity and feedback in the leaderboard make it difficult to understand their rankings, progress, and areas for improvement

📍

Lack of Effective Progress Tracking

Inconsistent tracking, unclear progress measurement, and delayed updates leave users unaware of their progress

🔗

Absence of Related Functions

The absence of related functions is a major pain point, limiting interaction, customization, and the ability to derive meaningful insights from performance data

👁️ Product Concept - Visualization

After analyzing user requirements, we focused on visualizing our insights through detailed sketches. This helped us clearly map user expectations and align our ideas before moving into the design phase

✏️ Exploration Phase - Low-fidelity

Based on our research and findings, we created a rough hand-drawn diagram to clearly understand the concept and stay aligned with the user's needs throughout the project

🎨 Mid-fidelity design

In this project we highlight low-fidelity design as a tool for quick iteration and user feedback. It helps refine ideas, test core interactions, and ensure the final design meets user needs.

📘 Style Guide

We established a unified visual language by defining color schemes, typography, and iconography, ensuring a consistent look and feel across the app. Additionally, we developed a style guide to uphold design consistency in future updates.

Typeface

Mulish

Aa

Bb

Cc

Dd

Ee

Ff

Gg

Hh

Ii

Jj

Kk

Ll

Mm

Nn

Oo

Pp

Qq

Rs

Ss

Tt

Uu

Vv

Xx

Yy

Zz

1

2

3

4

5

6

7

8

9

0

@

#

$

%

^

&

*

Regular

12 px

Medium

14 px

Semibold

18 px

Bold

20 px

Colour

#354478

#354C99

#576DB5

#778BCC

💻 High fidelity Design

After refining the low-fidelity design with our team, we moved to high-fidelity design to finalize the visual and interactive experience

Let’s keep the momentum going next up

Behance

Linked In

Twittter

Learn More

🎯

Result

Improve course completion rates :

With our product, students feel more excited and enthusiastic about learning. Their learning experience becomes more enjoyable, and the ability to track their progress and activities motivates them to complete more courses

Boost user engagement :

With our product, users can learn comfortably, easily track their progress, analyze their studies, and upgrade their skills with confidence

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