UX Design

Web Interface Design

Practice App

Designed GATE prep experience to make student-centric practice more engaging

Designed GATE prep experience to make student-centric practice more engaging

MY ROLE

UX/UI DESIGNER

DURATION

1 Month

INDUSTRY

Edtech

IMPACT

Improved Practice Hub and Dashboard IA, driving a 28% increase in test completion rate and 35% improvement in daily active users within the GATE and JEE modules.

Improved Practice Hub and Dashboard IA, driving a 28% increase in test completion rate and 35% improvement in daily active users within the GATE and JEE modules.

1

Challenge

What broke the experience!

What broke the experience!

NIO Practice is an AI-powered exam preparation platform supporting students across competitive exams like IIT-JEE, NEET, GATE, CLAT, and UPSC. It offers 10,000+ questions, PYQs, mock tests, and an AI chatbot to deliver personalized, structured learning through an intuitive interface. The platform focuses on smart practice, topic-level mastery, and real-time performance tracking to boost exam readiness.

Users feel overwhelmed and need clearer guidance to make confident choices.

01

Students seek better retention tools like audio notes and guided practice.

02

Mobile users need smoother image interactions and a clutter-free experience

03

2

research &empathy

The Aspirant Journey

The Aspirant Journey

The journey of a GATE aspirant is marked by high stakes, immense pressure, and a vast syllabus. The primary challenge was to transform the Nio Practice platform into a tool that not only delivers content but actively reduces cognitive load, boosts engagement, and makes learning more efficient and less stressful.

This chart visualises the most significant challenges faced by two key user personas with distinct pain points: Ambitious Ansh and Struggling Sameera, guiding our design principles.

Ambitious Ansh

Goal-oriented learner seeking complete control over preparation

Completes practice consistently and tracks progress regularly.

Prefers customizable tests to target weak subjects efficiently.

Expects quick insights, analytics, and minimal friction in workflows.

Struggling Sameera

Guidance-driven learner building confidence through structured practice

Feels overwhelmed by lengthy preparation and too many choices.

Relies on guided study plans and personalized recommendations.

Needs clear progress tracking and regular motivation to stay consistent.

150

125

100

75

50

25

0

150

125

100

75

50

25

0

Information Overload

Information Overload

Difficulty Staying Motivated

Difficulty Staying Motivated

Identifying Weak Topics

Identifying Weak Topics

Time Management

Time Management

Ambitious Anjali

Ambitious Anjali

Struggling Sameer

Struggling Sameer

Primary Pain Points of Gate Aspirants

Primary Pain Points of Gate Aspirants

“🎯 Focusing on aspirants overwhelmed by preparation 🧠 we reduced cognitive load, simplified critical workflows, and crafted a guided experience that transforms uncertainty into

confident learning✨”

“🎯 Focusing on aspirants overwhelmed by preparation 🧠 we reduced cognitive load, simplified critical workflows, and crafted a guided experience that transforms uncertainty into

confident learning✨”

3

Screens Redesign

Designs That Solve, Not Just Shine

Designs That Solve, Not Just Shine

Polished interfaces shaped through user research, rapid iterations, and thoughtful interaction design to deliver intuitive and engaging product experiences.

Practice HUB

Structured prep in manageable steps

Restructured the Practice Hub to break down broad subjects into bite-sized, topic-level modules, making it easier for students to plan, track, and complete their preparation without feeling overwhelmed by the syllabus.

Dashboard

Clarity through

difficulty-led layout

Structured the Dashboard to reflect a difficulty layout (Basic → Intermediate → Advanced) with color-coded tiles to visually track progress and revision needs. A clean information hierarchy and clear dual CTAs streamline practice or revision.

Structured the Dashboard to reflect a difficulty layout (Basic → Intermediate → Advanced) with color-coded tiles to visually track progress and revision needs. A clean information hierarchy and clear dual CTAs streamline practice or revision.

AI-Powered Learning

Multimodal explanations for every learner

Integrated Voice-Assisted Learning that pairs auto-explanations with relevant visual diagrams, accommodating different learning styles and reinforcing memory retention through multimodal inputs.

Test Creation Interface

Icon-driven topic selection at speed

An interface where subjects are presented as fast, icon-driven tiles for quick recognition. Selected topics are visually marked, making customisation intuitive while the clean grid layout ensures effortless navigation across multiple subjects.

4

Key Learnings

What this project taught me

"The best product decisions weren't about redesigning interfaces, they were about understanding how aspirants learn, stay motivated, and build confidence over time."

01.

Simplicity Reduces Cognitive Load

Breaking complex workflows into guided steps makes users feel more confident and increases task completion.

02.

Visible Progress Builds Consistency

Actionable feedback and performance insights encourage long-term learning habits.

03.

Data Should Guide, Not Overwhelm

Performance analytics become valuable only when presented as clear, actionable insights instead of raw numbers.

Up Next

Housing.com

let’s talk!

Email Me

LinkedIn

Seeking a conversion-focused Designer?

let’s talk!

Email Me

LinkedIn

Seeking a conversion-focused Designer?

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