Real Projects

Web Design

Ongoing

BRE Program Websites

This highlights some of the program websites that I designed for Big Red Education, my process and the parameters I had to consider while designing these e.g. partner schools input, optimization for the Meta Ads to website funnel & more.

Industry

EdTech

Year

2026

Timeline

Ongoing

Ruby stone
  • Flowers on water
  • Glassy texture
  • Window frames
  • Glass pattern
  • Liquid paint
  • Flowers on water
  • Glassy texture
  • Window frames
  • Glass pattern
  • Liquid paint

The Business Context

Big Red Education (BRE) is an EdTech company that runs bootcamps, webinars, and conferences for students in grades 8 to 12, the age when they start thinking seriously about which university to aim for. Programs cover leadership, STEM, sport management, Model UN, entrepreneurship, and more, and they aren't cheap: domestic and international programs range from ₹10,000 to over ₹1,00,000.

At that price point, almost nobody converts on a single visit. A parent or student lands on the page, gets curious, and then an admissions and outreach team has to step in, answer questions, handle objections, and nurture that person toward enrollment over days or weeks.

So you see, the website isn't the end of the funnel, it's the beginning of one. Every page I design has one real job, turn a cold visitor into a qualified lead that a human being can follow up with. Everything about the layout, the copy hierarchy, and the CTA placement is built around that handoff.

Where I Fit In

I'm the sole designer across this pipeline, covering UI/UX, visual design, and front-end build. There's no dedicated researcher on the team. Instead, the admissions and outreach staff talk to parents and students daily, and partner schools and universities weigh in as stakeholders who care how their brand is represented. My job is to take that steady stream of field intelligence and turn it into pages that are easy to scan, easy to trust, and easy to act on.

My Process, End to End

  1. Compile the source data. Dates, location, curriculum, mentor bios, and fees get pulled into a shared Google Doc, which goes to the partner school or university for sign-off before any design work starts. This avoids rebuilding a page after the fact because a partner wanted their name positioned differently.

  2. Build in Elementor. Once the content is locked, I build the page directly in WordPress using Elementor, since that's what BRE's stack runs on and it lets me iterate fast without a dev handoff.

  3. Design custom sections in Figma. For anything that needs a more intentional layout than what Elementor's defaults give me (cards, comparison sections, feature blocks), I design it in Figma and use a plugin to export it as JSON, which then drops into the page.

  4. Prototype with AI tools where useful. For smaller custom HTML sections, I've used ChatGPT and Claude to speed up markup, which frees up time for the higher-value layout and content-hierarchy decisions.

  5. Partner review before launch. The finished page goes back to the school or university for approval before it goes live.

  6. Launch and connect to CRM. Once live, the page's lead capture forms feed directly into BRE's external CRM, and that's where the admissions team picks up the thread.

This repeats for every program, which means I'm not designing one-off pages so much as running a template system that has to flex for a bootcamp, a scholarship-linked workshop, a flagship conference, and a free webinar, all while staying fast enough to turn around in the weeks before a program launches.

The Websites

I'm the sole designer across this pipeline, covering UI/UX, visual design, and front-end build. There's no dedicated researcher on the team. Instead, the admissions and outreach staff talk to parents and students daily, and partner schools and universities weigh in as stakeholders who care how their brand is represented. My job is to take that steady stream of field intelligence and turn it into pages that are easy to scan, easy to trust, and easy to act on.

  1. STEM Research Accelerator (Online Bootcamp)

This page carries the heaviest cognitive load of the set: a two-week, ₹40,000 online research program aimed at parents who need to be convinced this is worth real money and real time. I structured it as a decision funnel rather than a single scroll:

  • A hero with an urgency line ("Seats are filling fast") paired with a fact strip, dates, duration, fee, grade band, and mode, laid out as icon-led stats so a skimming parent gets the essentials in seconds without reading paragraphs.

  • A week-by-week curriculum broken into expandable modules, which does double duty: it proves the program has real academic rigor (this isn't a vague "leadership camp"), and it keeps the page scannable instead of becoming a wall of text.

  • Mentor bios that lead with credentials (Cornell admissions officer, Harvard postdoc, Google engineer) before anything personal. At this price point, trust is the primary objection, so the design puts authority signals first.


View the Website Here

  1. Turn Your Passion for Sport into a Real Career, with Deakin University (In-person Workshop)

This is an in-person program delivered with an external university partner, so the page has to sell the partner's credibility as much as the program itself.

  • A "Who Is This For" checklist section lets a student self-qualify almost instantly, useful for an in-person program where the wrong-fit applicant is a bigger cost (travel, seats, logistics) than it would be for an online one.

  • A dedicated "Deakin Advantage" section builds up the university's ranking and history. Since BRE is the operator but not the brand name recognized by parents, part of my job is transferring credibility from the partner onto the page.

  • A "Golden Ticket" scholarship hook, framed with real numbers (top 20 of 1,000+ applicants), gives the page a stronger reason to act now beyond just "seats are limited." This was the USP of the program.

  • A venue-credibility section for the host facility (Centre for Sports Excellence), which matters for an offline program in a way it wouldn't for a Zoom-based one; parents are also evaluating whether the physical setting is legitimate.


View the Website Here

  1. ILMUNC India (flagship conference, standalone site)

This one breaks from the shared WordPress template on purpose, because it's BRE's flagship, prestige-anchored property (Ivy League MUN, University of Pennsylvania-affiliated), and it needed to feel like its own institution rather than one more program in a catalogue. Built on Squarespace.

  • The page opens with a personal letter from the student Secretary-General rather than a marketing headline. For a Model UN audience, this kind of first-person, insider tone reads as more credible than a polished sales pitch, and it mirrors how actual MUN conferences communicate with delegates.

  • Multiple, clearly separated CTAs (register as a delegate, submit a school delegation form, connect with a counselor) instead of one generic "Apply Now." A single individual delegate, a school sending a group, and a hesitant parent who just wants to talk to someone are three different funnels, and collapsing them into one form would lose leads at exactly the stage where they're most ready to convert.

  • A scholarship-to-Philadelphia hook tied to real numbers (best delegate from each of 10 committees), reinforcing exclusivity without needing a countdown timer or artificial urgency.


View the Website Here

4 & 5. Inside the World of Sports Webinar / Art of Social Innovation Webinar (free, online)

These sit at the very top of BRE's funnel, and the design reflects that they're asking for far less commitment.

  • No pricing, no refund policy, no long FAQ. A free, one-hour webinar doesn't carry the objections a ₹40,000 program does, so I stripped out every section that exists purely to handle payment-related hesitation. Reusing the paid-program template here would have made a low-stakes offer feel artificially heavy.

  • The page leans entirely on speaker credibility (a Cricket Australia lead, a former NYU Stern director) instead of curriculum depth, since the entire value proposition of a webinar is "hear from this specific person," not "complete this structured program."

  • A "Who Should Attend" list still appears, but it's shorter and more permissive than the bootcamp version, since a webinar has near-zero cost to over-invite. The goal here isn't qualification, it's volume, since this is a lead magnet meant to feed the CRM with names that the paid-program pages can later be remarketed to.


These Websites have been made offline since the webinars have passed, you can find them under "Previous Webinar"

Why the Template Repeats (and Where It Doesn't)

Every paid-program page shares the same skeleton: hero with urgency and key facts, curriculum or itinerary, mentor credibility, social proof, group/school CTA, FAQ. That's deliberate. Building a flexible section system in Elementor and Figma means a new program can go from Google Doc to live page in days, not weeks, which matters when a partner school confirms a date three weeks before intake closes.


The exceptions are just as deliberate. ILMUNC gets its own site because it's a different kind of trust to build (institutional prestige, not urgency). The webinars strip the template down because the ask is smaller. Recognizing when to deviate from a system, rather than forcing every offer into the same mould, is as much a part of this work as building the system in the first place.

What This Work Actually Demonstrates

This wasn't a lab exercise with a clean double diamond. There was no discovery phase I ran myself, no usability testing round I scheduled. The research came pre-packaged from an outreach team who talk to real buyers every day, and the constraints came from real partner schools who had veto power over layout and copy. My job was to take that input and turn it into pages that:


  • Get a parent to the right information (dates, fee, credibility) in the first screen

  • Pre-answer the objections that would otherwise slow down the admissions team

  • Route different lead types (individual, group, school) into different, appropriately-weighted CTAs

  • Scale as a repeatable system across a growing catalogue of programs, without collapsing into a template so rigid it can't flex for a flagship property or a free lead magnet


That's the actual job of a designer working inside a lead-gen business: not just making something look good, but making sure it moves the right person to the right next step, and that the next person in the pipeline, the admissions team, gets a lead that's already halfway convinced.