Designed an E-learning platoform for students between classes 8 to 12 to help gamify their learning path that they need to work on to better prepare for exams.

QUESTT

An e-learning platform for classes 8–12 with gamification and personalised analytics to help students master their weak areas and excel in exams.

Overview

An e-learning platform for classes 8–12 with gamification and personalised analytics to help students master their weak areas and excel in exams.

Type

App

Service

UI Design

Duration

2 months

Business Type

B2B

Type

A Mobile Application

Service

UI Design

Duration

300 hours

Business Type

B2B

Project Overview

Questt needed a UI Design to improve the learner's experience. Instead of a one-size-fits-all approach, students will receive a targeted revision and focused practice, helping them master challenging topics. The UI must be top-notch to capture students' attention and keep them engaged.

Problem Statement

Students struggle with short attention spans and a lack of motivation to study. Traditional learning apps often fail to keep them engaged or help them retain concepts effectively. So, how do we design an application that students genuinely enjoy returning to? The one that makes learning feel intuitive, interactive, and rewarding.

Objectives

  • To build an engaging and personalised application
  • To create a gamified experience that helps users build their learning strategy
  • To increase retention and conversion rate, both paid and non-paid users

Our Process

Among many processes that designers follow, we have created a personalised one in-house at Yellow Slice; we call it STEP. STEP is an acronym that stands for Soak, Think, Execute, and Proof.

Process We Followed

We followed four significant phases to ensure that all aspects of the platform's UI design. The project solely focused on UI design without incorporating any elements of UX research or UX design.

research
Research

Though a thorough competitive analysis was not conducted, just the UI of a few competitors was analysed to understand how the application should function.

Designing
UX Designing

Moodboards were created with the perfect visuals for the designs by referencing various inspirations on the mobile application. As per the project requirements, a style and theme were finalised to work with and improvise accordingly as needed.

UI Design

The UI design brought our ideas to life. Our designers selected UI elements like colours, typography, and a design system aligned with the research and UX recommendations. Another thing we kept in mind was compliance with the brand identity.

Typography

Color palette

Icons

Illustrations

UI Components

prosofus UI Screens