McMASTER UNIVERSITY UX/UI PROGRAM

Program Redesign: Simplifying the Student Journey

Transforming a fragmented registration process into one clear, accessible experience that supports prospective students from discovery to enrollment.

My Role

UX/UI Designer

Tools

Figma, Miro, Adobe Photoshop

Timeline

3 weeks

Methodology

Stanford Design Thinking

TL;DR — McMaster’s UX/UI program website scattered essential information across multiple pages and buried registration behind a 13-step flow. Redesigned as a single consolidated experience — reducing registration steps by 86%, improving information access, and creating a more confident path to enrollment. Several recommendations were adopted by McMaster following submission.

The Opportunity

McMaster University’s UX/UI program website made an already significant decision harder than it needed to be. Essential program information was scattered across multiple pages, each with its own hierarchy, tone, and navigation. The registration process was even more fragmented: a 13-step, multi-page flow that introduced friction at every turn and led to high abandonment.

Prospective students couldn’t easily understand what the program offered, how long it took, what it cost, or how to register. The visual design felt dated and inconsistent with McMaster’s brand, weakening trust at the exact moment users needed clarity and reassurance.

This redesign was an opportunity to remove friction, consolidate information, and create a single, confidence-building journey from initial interest to enrollment.

Thirteen sequential screenshots showing the original McMaster registration process spread across many separate pages, illustrating how the fragmented flow created friction, cognitive load, and a high risk of abandonment.
mcmaster-registration-1
McMaster Continuing Education landing page showing a general Continuing Education overview with broad program categories, illustrating one of the competing entry points students encountered.
McMaster Continuing Education landing page specifically for the UX/UI certificate program, showing a separate entry point with different hierarchy and messaging.

Fragmented entry points: Multiple landing pages for the same program created inconsistent hierarchy, messaging, and brand experience, leaving students unsure where to begin.

Research & Discovery

To understand why users were abandoning the program page and registration flow, I conducted competitive analysis, surveys, and interviews with prospective continuing-education students.

Methods

  • Competitive review — UBC, SFU
  • Online survey — 50+ prospective students
  • In-person interviews with working professionals
  • Sorting and clustering of internal findings

What the research revealed:

Fragmentation was the primary problem. Not any single page, but the absence of a single source of truth. Working professionals needed curriculum, cost, and timeline information immediately, before committing time to registration. Trust and credibility signals were absent at exactly the moments users needed reassurance most.

  • Course curriculum details
    37.7% of respondents prioritized this first
  • Real student testimonials
    32.1%
  • Job opportunities and salary expectations
    18.9%
Pie chart illustrating which information students consider important when choosing a course, with curriculum and pricing as the largest segment.
Pie chart showing factors that make learners hesitant to enroll in a course, with pricing as the largest segment.

*In keeping with UX best practices, these charts use only high contrast, colourblind-safe colours

Persona profile for Sarah Greene, a mid‑career design manager and single mother seeking UX/UI certification to strengthen her strategic skills, stay current with design technology, and balance professional growth with limited time.
Persona profile for David Okeke, a back‑end developer aiming to expand into UX and front‑end design, motivated by global career opportunities and frustrated by inflexible programs and limited collaborative learning options.

Research findings and personas: Keeping Sarah and David in mind, the goal was to simplify registration, reduce friction, and make the process intuitive for all students.

Strategy

The strategy was simple: one page, one journey, one decision. Rather than sending users through multiple entry points, every key detail from curriculum and cost to timeline, social proof, and registration was organized into one structured experience with a clear sense of order.

Five principles guided every decision:

  • Reduce cognitive load by consolidating fragmented content
  • Remove friction by simplifying the registration flow
  • Support time‑constrained users with clear hierarchy and concise explanations
  • Build trust through testimonials, outcomes, and credibility signals
  • Ensure accessibility through WCAG-aligned patterns and inclusive design
Annotated mockup of the McMaster UX/UI program landing page, with callouts explaining design decisions related to hierarchy, clarity, information reduction, and improvements to the registration experience.

Design Decisions

Every decision directly addressed a barrier identified during research.

Information Architecture

One page, one journey

Research-driven

Registration Flow

13 steps → 1 guided experience

86% friction reduction

Cognitive Load

Cart icon removed

Hick’s Law

Emotional UX

Schedule without a timer

Anxiety reduced

Content & Imagery

Non-classroom imagery

A/B Tested

Accessibility

Designed in. Not bolted on.

WCAG AA
Side‑by‑side comparison of the original seven‑step registration journey and the redesigned single‑page flow, showing how the new experience consolidates multiple disconnected screens into one clear, streamlined path from discovery to registration.
Before and after comparison of the registration journey, reducing a fragmented seven‑step flow into a single, intuitive page.

Outcome & Impact

The redesign created a clearer, more accessible experience that reduced friction and supported users from discovery through enrollment. A single consolidated page replaced five fragmented entry points. The registration flow went from 13 sequential steps to one guided experience. Trust signals, accessibility standards, and consistent visual hierarchy were applied throughout.

Redesigned hero and program overview page for the McMaster UX/UI program, highlighting the value proposition, key benefits, and a clear call‑to‑action to register.
Page showcasing McMaster’s history and credibility, including institutional background, team information, and trust‑building content that supports the program’s value.
Contact page with a simple inquiry form, location details, and support information, designed to make it easy for prospective students to reach the Continuing Education team.
Streamlined registration form for the UX/UI program, consolidating essential fields into a clear, accessible layout to reduce friction and support quick enrollment.

Desktop and mobile mockups of the redesigned McMaster UX/UI program page, showing a simplified registration flow, clear value propositions, and responsive layout for prospective students.

What I Learned

Effective UX design isn’t only about reducing friction; it’s about supporting user confidence, clarity, and emotional readiness. Consolidating fragmented content into a single structured experience reduced cognitive load, but the more meaningful outcome was giving prospective students the reassurance they needed to make a significant life decision.

Effective UX design isn’t only about reducing friction… it’s about supporting user confidence, clarity, and emotional readiness.

This project also highlighted how psychological barriers such as self‑doubt, fear of failure, and uncertainty around value can be just as influential as functional friction. Thoughtfully placed social proof, transparent expectations, and supportive microcopy addressed concerns that no information architecture change alone could solve.

Designing with accessibility as a baseline strengthened usability for every user, not only those with specific needs. That principle guides every project I take on.

Future Steps

  • A/B test hero imagery, headlines, and secondary CTAs
  • Develop a digital companion tool: course map, schedule, and accessibility information, to extend the experience beyond enrollment
  • Monitor form abandonment and registration metrics post-implementation Continue user testing and refine based on quantitative and qualitative feedback

Let’s Build Something
That Matters

If you’re building thoughtful systems, digital or physical, I’d love to hear from you.