Smarter course pages for students and staff

Redesigning the Universit y of Sydneys highest-traffic page to create a modern, scalable template that improves usability, performance, and decision-making for prospective students.

Employer

University of Sydney

Employer

University of Sydney

Employer

University of Sydney

Role

UX Designer

Role

UX Designer

Role

UX Designer

Platform

Adobe Experience Manager (Web)

Platform

Adobe Experience Manager (Web)

Platform

Adobe Experience Manager (Web)

When

2020

When

2020

When

2020

Mock up of navigation on a macbook and iphone
Mock up of navigation on a macbook and iphone
Mock up of navigation on a macbook and iphone

The challenge

The challenge

The challenge

A confusing and cluttered design where key course information was lost in the noise

01

Dense, irrelevant content

Long, unfocused text blocks buried the actual course details students needed.

01

Dense, irrelevant content

Long, unfocused text blocks buried the actual course details students needed.

01

Dense, irrelevant content

Long, unfocused text blocks buried the actual course details students needed.

02

Chaotic visual design

A three-column layout cluttered with oversized red buttons and no clear hierarchy left users with no starting point.

02

Chaotic visual design

A three-column layout cluttered with oversized red buttons and no clear hierarchy left users with no starting point.

02

Chaotic visual design

A three-column layout cluttered with oversized red buttons and no clear hierarchy left users with no starting point.

03

No content standards or consistency

Open authorship meant every page was approached differently, with no consistency in structure or quality — creating chaos across the experience.

03

No content standards or consistency

Open authorship meant every page was approached differently, with no consistency in structure or quality — creating chaos across the experience.

03

No content standards or consistency

Open authorship meant every page was approached differently, with no consistency in structure or quality — creating chaos across the experience.

Pitching & planning

Pitching & planning

Pitching & planning

Establishing a UX project in unchartered territory

As the organisation was new to UX, I first had to frame the problem and solution for the executive team and create the structures for decision-making and collaboration.

Gained stakeholder backing

Brought key stakeholders together around a shared problem definition, using metrics, user recordings to build urgency and consensus.

Gained stakeholder backing

Brought key stakeholders together around a shared problem definition, using metrics, user recordings to build urgency and consensus.

Gained stakeholder backing

Brought key stakeholders together around a shared problem definition, using metrics, user recordings to build urgency and consensus.

Defined a design approach

Outlined a 3-month timeboxed design phase including user research and competitor analysis, with flexible deliverables to suit findings.

Defined a design approach

Outlined a 3-month timeboxed design phase including user research and competitor analysis, with flexible deliverables to suit findings.

Defined a design approach

Outlined a 3-month timeboxed design phase including user research and competitor analysis, with flexible deliverables to suit findings.

Gained executive endorsement

Pitched the plan to the executive team and secured developer resourcing to move from design into implementation.

Gained executive endorsement

Pitched the plan to the executive team and secured developer resourcing to move from design into implementation.

Gained executive endorsement

Pitched the plan to the executive team and secured developer resourcing to move from design into implementation.

Discovery

Discovery

Discovery

Unpacking what's broken and why

Content audit & stakeholder consultation

Content audit & stakeholder consultation

Content audit & stakeholder consultation

I met with curriculum staff, compliance, marketing, student recruitment, and admissions. I reviewed dozens of live course pages to understand what content existed, how it got there, and why it wasn’t working.

Key stakeholders

Marketing and Communications

Brief overview here

Marketing and Communications

Brief overview here

Marketing and Communications

Brief overview here

Student Recruitment

Brief overview here

Student Recruitment

Brief overview here

Student Recruitment

Brief overview here

Curriculum and Learning

Brief overview here

Curriculum and Learning

Brief overview here

Curriculum and Learning

Brief overview here

Legal and Compliance

Brief overview here

Legal and Compliance

Brief overview here

Legal and Compliance

Brief overview here

Admissions Team

Brief overview here

Admissions Team

Brief overview here

Admissions Team

Brief overview here

User interviews and personas

User interviews and personas

User interviews and personas

I conducted interviews with 10 first-year students (5 domestic, 5 international) to understand:

  • How they researched courses?

  • What info mattered most?

  • What confused or blocked them?

Competitor anlaysis

Competitor anlaysis

Competitor anlaysis

I analysed leading university sites for smart patterns, then looked to platforms like Airbnb and Gumtree to see how large-scale, contributor-driven content can still feel consistent and easy to navigate. I asked myself:

  • How do these sites structure complex information so users aren’t overwhelmed?

  • What navigation patterns make it easy to scan and compare options?

  • How do they balance flexibility for authors vs. consistency for end-users?

Learnings from discovery phase

01

Primary decision drivers

Students first looked for core details to vet courses - career pathways, available majors, entry requirements, and costs. These drivers were consistent amongst most users.

01

Primary decision drivers

Students first looked for core details to vet courses - career pathways, available majors, entry requirements, and costs. These drivers were consistent amongst most users.

01

Primary decision drivers

Students first looked for core details to vet courses - career pathways, available majors, entry requirements, and costs. These drivers were consistent amongst most users.

02

Supplementary drivers

Once a course made their shortlist, factors like campus vibe, location, study mode flexibility shaped their final decision. These drivers had more variance amongst users.

02

Supplementary drivers

Once a course made their shortlist, factors like campus vibe, location, study mode flexibility shaped their final decision. These drivers had more variance amongst users.

02

Supplementary drivers

Once a course made their shortlist, factors like campus vibe, location, study mode flexibility shaped their final decision. These drivers had more variance amongst users.

03

Unclear ownership and accountability

It wasn’t clear whose job it was within the university to define quality, develop standards, or fix what wasn’t working – so no one did.

03

Unclear ownership and accountability

It wasn’t clear whose job it was within the university to define quality, develop standards, or fix what wasn’t working – so no one did.

03

Unclear ownership and accountability

It wasn’t clear whose job it was within the university to define quality, develop standards, or fix what wasn’t working – so no one did.

04

Right content, right time

Well designed 'listing pages' used on-page navigation, modals, tooltips, personalisation, and clear authoring rules to support clarity and quick decision-making.

04

Right content, right time

Well designed 'listing pages' used on-page navigation, modals, tooltips, personalisation, and clear authoring rules to support clarity and quick decision-making.

04

Right content, right time

Well designed 'listing pages' used on-page navigation, modals, tooltips, personalisation, and clear authoring rules to support clarity and quick decision-making.

Ideation & testing

Ideation & testing

Ideation & testing

Improving the course page user experience one iteration at a time

Card sorting to establish consistent content structure

Card sorting to establish consistent content structure

Card sorting to establish consistent content structure

To bring order to the chaos, I mapped the existing content and ran a card sort to identify natural groupings. This helped define the core sections of the page, which then informed both layout and navigation decisions.

Key stakeholders

'Guerilla testing' lo-fi navigation protoypes on campus

'Guerilla testing' lo-fi navigation protoypes on campus

'Guerilla testing' lo-fi navigation protoypes on campus

I then explored multiple navigation models—tabs, accordions, side menus—and used quick guerrilla testing to evaluate what felt most intuitive. This led to a tabbed layout on desktop and anchor-based navigation on mobile, with progressive disclosure for dense content like fees.
Designing content at the component level

Designing content at the component level

Designing content at the component level

I refined each content block so it was structured, consistent, and user-focused rather than long, unfocused text.

Ensured content spoke to users

Made sure content answered the actual questions users had (entry requirements, costs, location, study mode, etc.)

Ensured content spoke to users

Made sure content answered the actual questions users had (entry requirements, costs, location, study mode, etc.)

Ensured content spoke to users

Made sure content answered the actual questions users had (entry requirements, costs, location, study mode, etc.)

Personalised content

Personalised a domestic vs international experience where relevant.

Personalised content

Personalised a domestic vs international experience where relevant.

Personalised content

Personalised a domestic vs international experience where relevant.

Consistent visual design

Applied consistent visual design and hierarchy

Consistent visual design

Applied consistent visual design and hierarchy

Consistent visual design

Applied consistent visual design and hierarchy

Hi-fidelity prototyping and testing

Hi-fidelity prototyping and testing

Hi-fidelity prototyping and testing

I created a high-fidelity prototype and ran moderated A/B tests with 10 prospective students.

Empowering course page authors

Added author restrictions

Added author restrictions

Added author restrictions

We locked down critical sections (like admissions) to approved content only, and introduced guidelines on tone, length, and layout. I also created a SharePoint resource hub to help authors adapt.

We locked down critical sections (like admissions) to approved content only, and introduced guidelines on tone, length, and layout. I also created a SharePoint resource hub to help authors adapt.
We locked down critical sections (like admissions) to approved content only, and introduced guidelines on tone, length, and layout. I also created a SharePoint resource hub to help authors adapt.
Access to authoring resources

Access to authoring resources

Access to authoring resources

To support adoption, I created a SharePoint resource hub with step-by-step guides, content standards, and authoring best practices—making it easier for teams to adapt to the new system.

To support adoption, I created a SharePoint resource hub with step-by-step guides, content standards, and authoring best practices—making it easier for teams to adapt to the new system.
To support adoption, I created a SharePoint resource hub with step-by-step guides, content standards, and authoring best practices—making it easier for teams to adapt to the new system.

Final result

Final result

Final result

A streamlined, user-focused design that replaces clutter with clarity.

Engaging hero grabs attention and sets tone for a more engages and polished user experience.

Three-level mobile navigation enables users to move freely across sections before committing to a page.

Engaging hero grabs attention and sets tone for a more engages and polished user experience.

Personalised content ensures information is tailored to international vs. domestic student needs.

Personalised content ensures information is tailored to international vs. domestic student needs.

On page navigation allows users to jump to essential content with ease.

On page navigation allows users to jump to essential content with ease.

Clean layout removes visual clutter and guides attention with clear hierarchy.

Clean layout removes visual clutter and guides attention with clear hierarchy.

Tool tips and modals allow information disclosure without overwhelming users.

Tool tips and modals allow information disclosure without overwhelming users.

x2

Return rate

x2

Return rate

x2

Return rate

45%

Decreased bounce rate

45%

Decreased bounce rate

45%

Decreased bounce rate

More projects