All work/Case 05 of 10/Test-prep platform6 min read

Test Series 24×7

A full rebrand and rebuild of a test-prep platform for 150+ exams.

Test Series 24×7 helps students prepare for more than 150 government exams with mock tests, previous-year papers and reports. I reworked the brand, restructured the website and student dashboard, and designed new features: topic tests, in-depth reports and weak-area analysis. I built the front end using AI-assisted workflows.

Role
UI/UX designer + front-end
Scope
Brand · Website · Dashboard · Reports
Surface
Responsive web
Status
Live
CoverThe new homepage starts with finding your exam.
The short version
Challenge

The old site led with passes, price cards and promotions, so students had to understand the pricing before they could find their exam. After a test, they got a score but no clear sense of what to practise next.

Approach

I rebuilt the brand and restructured the site around finding an exam first. Inside the dashboard, I added topic tests and in-depth reports, with weak-area analysis that points students to the modules they need to practise.

Outcome

A new brand, website and dashboard, now live, where every test ends with a report that tells students what to work on next.

150+exams covered
3new features: topic tests, in-depth reports, weak-area analysis
4practice modes in one system
1new brand
01 / Overview

Plenty of content, no clear path.

Test Series 24×7 already had the content: 150+ exam categories, previous-year papers, mock tests and passes. The problem was that every offer appeared at once, and the brand looked more like a promotions page than a place to study.

02 / Rebrand and website

Find your exam first.

I reworked the brand and rebuilt the homepage around exam discovery. Trending exams, the test library and plans now support that first choice instead of competing with it.

Redesigned screenOriginal screenBeforeAfter
DragHomepage, before and after.
03 / Dashboard

What to do now, then what happened.

The dashboard opens with the student’s active syllabus and next test. Performance trends and upcoming exams sit below as context.

MotionStudent dashboard.
04 / New practice features

Practise by topic, not just by paper.

I introduced topic tests, so students can practise one subject area instead of always sitting a full mock. Daily quizzes, current affairs, topic tests and full mocks share one layout and history, and each highlights what makes it useful. The exam screen itself stays quiet: questions, time and progress.

Daily and weekly quizzes.
Fig.Daily and weekly quizzes.
Topic tests.
Fig.Topic tests.
MotionMock tests and history.
05 / Reports

A report that tells you what to practise.

The in-depth report breaks a result into accuracy, speed, rank, subject performance and question review. Weak-area analysis then picks out the topics where a student is losing marks and links straight to the modules to practise.

In-depth test report.
Fig.In-depth test report.
Plans: what you get, explained before the price.
Fig.Plans: what you get, explained before the price.
My plan, visible after purchase.
Fig.My plan, visible after purchase.
06 / Built in code

Designed, then built.

I designed the brand, website, dashboard and reports, then built the front end using AI-assisted workflows, checking spacing, states and responsive behaviour in the browser as it came together.

07 / Results

Live, with a next step after every test.

The new brand, website and dashboard are live, and every test now ends with a report and a clear next step.

Learnings

A dashboard should answer “what now?” before it reports “what happened?”

Almost there+50 XP for finishing0 of 10 case studies cleared.
Next case · 06 / Career discovery · Self-initiated

Raasta

A self-initiated guide to 556 careers in India, for students and adults.

+100 XP6 min read
Raasta preview

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