01 — BrightCHAMPS Website Redesign

Rebuilding discovery around the page that already works.

A global K–12 platform had course discovery scattered across a homepage, a course catalogue and a growing slate of live Masterclasses. This case study covers the redesign of all three — and the decision to let the most visually compelling surface, not the homepage, carry the site's first impression.

brightchamps.com

Live — brightchamps.com

Design: Adnan Murad · Tech: Dhawal Agrawal · Product: Paul / Animesh Kumar

157K
Monthly visits redesigned around
50+
Countries served
28
Sections designed across 3 page types
16.8%
Lead conversion, up from 14%
Role
Senior UI/UX Designer
Track
Leads to Conversions
Platform
Web & Mweb
Status
Shipped · Live
Tools
FigmaIllustratorPhotoshop
02 — Problem

Course discovery had outgrown the site built to hold it

BrightCHAMPS had added course types faster than the site's navigation could absorb them — 1:1 coding classes, self-paced nano-courses, DIY projects, and a fast-growing live Masterclass line, each bolted onto the existing structure rather than designed into it. Parents evaluating the platform for the first time had no single path from "what does this offer" to "which course fits my child."

"Basic course listings are already available, but the navigation and details are fragmented."
Basic Course ListingsPartialLive, but discovery and filtering don't scale past a handful of subjects.
Class BookingPartialFunctional, but the user flow and role handling need real design work.
Non-Core PagesGapAbout, policies and community pages exist but sit outside a unified experience.
Exhibit — Website, before the redesign

The site this redesign replaces — a single scrolling homepage carrying navigation, course discovery and booking all at once, with no dedicated listing or detail pages for the course lines that came later. Captured via the Wayback Machine, June 2023.

web.archive.org/2023/brightchamps.com
Open full snapshot ↗
03 — Users

Two audiences making one decision, differently

Learners want to feel the subject; the parents actually clicking "book a trial" want proof it's worth their child's time. Every section in this redesign had to satisfy both without making either one scroll past the other.

Primary personas
The Curious Learner
Ages 6–16 · 30+ countries

Find a subject that feels like play, not another class.

Course pages that read like a syllabus, not an experience.

"I just want to see what I'd actually be building.
The Evaluating Parent
Books the trial · Owns the decision

A fast, credible answer: is this legitimate, and is it for my kid.

Generic "trusted by parents worldwide" claims with no specifics.

"Show me a real teacher, a real rating, a real country I recognize.
Edge personas
TeachersWant a listing/profile page that reads as a real hiring platform, not an afterthought.
Marketing & AffiliatesNeed the site to carry campaign traffic (hackathon banners, referral links) without breaking the core flow.
04 — Approach

A few smaller decisions along the way

◆
Homepage → MasterclassHomepage teases, the Masterclass page sells.
●
Real brand colorsMatches the live app, not a portfolio palette.
▲
One smart bannerOne banner, not three duplicate versions.
■
Proof by countryShown by location, not one generic stat.
05 — Interactive Prototype

The cards, in motion

Two of the real interactions behind this redesign — the Masterclass card and the Class card — straight from Figma.

06 — Reflection

What held up, what I'd push further

Worked

Splitting the hero into “brand statement + spotlight card” got the Masterclass emphasis without gutting the Home Page's own identity.

Worked

Collapsing the 3-state detail header into one component made the state logic visible instead of scattered across three files.

Next time

The geo-trust strip should be tested against conversion data per country, not just traffic share — traffic ≠ intent.

Next time

We demoted Grade/Age filters to simplify the listing, but I'd want to A/B that against keeping them primary for parents specifically.

The Bigger Picture

Let the strongest page lead.

New course lines had been bolted onto a site built for one. Instead of forcing everything through the homepage, the redesign gave each page one job — the homepage introduces, Masterclass sells, listings help parents choose — and tied proof to the country a parent is actually in.

“157K visits a month. Three page types. One path from “what is this” to “book a trial”.”

Every great project starts with a conversation
Let's talk about
your next project.
© 2026 Adnan Murad · The Careful Edit

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