University of Guelph

University of Guelph

University of Guelph

Redesigning the On Campus housing website experience

Redesigning the On Campus housing website experience

UX Strategy, Research, Design

2024

About

About

About

The University of Guelph’s housing demand jumped by 20%. Their outdated website made it hard for students to find key information and even harder for staff to manage inquiries.

My Role

My Role

My Role

I led end-to-end redesign and migration of the website, including research and stepped up as a developer when needed

I led end-to-end redesign and migration of the website, including research and stepped up as a developer when needed

Team

Team

Team

1 Product Manager, 1 Engineer, 1 Delivery Manager

1 Product Manager, 1 Engineer, 1 Delivery Manager

My Role

Team Image

Design Lead

My Role

Team Image

Design Lead

My Role

Team Image

Design Lead

Research (Insights from Stakeholders)

Research (Insights from Stakeholders)

Research (Insights from Stakeholders)

I interviewed 5 stakeholders and surveyed 70 campus partners

Conducted 5 interviews with internal stakeholders and 70 surveys with external stakeholders

Research (Insights from User Behavior)

Research (Insights from User Behavior)

Research (Insights from User Behavior)

User Insights
After analyzing data of 150 pages we made 3 hypothesis

INSIGHT #1

75% Visitors on the site are Future Residents

Majority of the website content is consumed by prospective students who are exploring residence options. 25% visitors are current residents.

INSIGHT #1

75% Visitors on the site are Future Residents

Majority of the website content is consumed by prospective students who are exploring residence options. 25% visitors are current residents.

INSIGHT #1

75% Visitors on the site are Future Residents

Majority of the website content is consumed by prospective students who are exploring residence options. 25% visitors are current residents.

INSIGHT #2

40% users contact us within 2 minutes of reviewing the content

Users are not able to find exactly what they are looking for OR they didn't read the content at all because of content overload

INSIGHT #2

40% users contact us within 2 minutes of reviewing the content

Users are not able to find exactly what they are looking for OR they didn't read the content at all because of content overload

INSIGHT #2

40% users contact us within 2 minutes of reviewing the content

Users are not able to find exactly what they are looking for OR they didn't read the content at all because of content overload

INSIGHT #3

Users spend 1.5 - 2 min on a page and keep jumping between pages

Users are scanning multiple residence pages to gather key information, possibly for comparison or shortlisting

INSIGHT #3

Users spend 1.5 - 2 min on a page and keep jumping between pages

Users are scanning multiple residence pages to gather key information, possibly for comparison or shortlisting

INSIGHT #3

Users spend 1.5 - 2 min on a page and keep jumping between pages

Users are scanning multiple residence pages to gather key information, possibly for comparison or shortlisting

Enough with data.
I interviewed 3 students to validate these findings.

"I'm looking for a space where I could see myself every day"

your name here

We tested the current site with 3 students

Explore a Residence building on the current website to observe what confused them and the steps they would take to choose where to live.

Can you find out if there's a kitchen included in South Residence?

What we heard?

“Is it in every tower?”

“Is it shared?”

“Is it on my floor?”

More Feedback

More Feedback

More Feedback

"I have to spend so much time reading through the text"

Mike Davis

FIrst Year

"I have to spend so much time reading through the text"

Mike Davis

FIrst Year

"I have to spend so much time reading through the text"

Mike Davis

FIrst Year

"I'm not sure what features and amenities come with my prefered choice"

Ana Smith

Future Student

"I'm not sure what features and amenities come with my prefered choice"

Ana Smith

Future Student

"I'm not sure what features and amenities come with my prefered choice"

Ana Smith

Future Student

"I have to open each page to read through if that option is even available to me"

Alex Rodriguez

Returning student

"I have to open each page to read through if that option is even available to me"

Alex Rodriguez

Returning student

"I have to open each page to read through if that option is even available to me"

Alex Rodriguez

Returning student

THE

VISION

How might we

How might we

How might we

Transform the housing website from a maze of content into a clear, supportive guide that helps students feel at home before they even move in.

150 - 50

The beginning

The beginning

The beginning

The journey from streamlining 150 to 50 pages

Identify gaps, discrepancies, and outdated content before jumping into any design changes.

Focus on the user and all else will follow

Which pages are getting the most traffic and the most confusion?

According to data insights - Residence pages with features and amenities are the most visited

The middle

The middle

The middle

Residence pages with features and amenities are the heart and soul of the website

I invited our engineers, stakeholders and the other designer to brainstorm solutions together. I encouraged them to come up with as many ideas as possible without considering feasibility at this stage.

Bucket of Ideas

Ratings or Testimonials Section

Ratings or Testimonials Section

Ratings or Testimonials Section

Feature Icons (e.g., Kitchen, Washroom, Room Type)

Feature Icons (e.g., Kitchen, Washroom, Room Type)

Feature Icons (e.g., Kitchen, Washroom, Room Type)

Tag-Based Categories

Tag-Based Categories

Tag-Based Categories

Campus Proximity Labels

Campus Proximity Labels

Campus Proximity Labels

SmarvSearch Suggestions

SmarvSearch Suggestions

SmarvSearch Suggestions

"Similar Residences" Carousel

"Similar Residences" Carousel

"Similar Residences" Carousel

Compare Residences Tool

Compare Residences Tool

Compare Residences Tool

"Similar Residences" Carousel

"Similar Residences" Carousel

"Similar Residences" Carousel

Quick Facts / TL;DR

Quick Facts / TL;DR

Quick Facts / TL;DR

Filter based search

Filter based search

Filter based search

Personalization Quiz

Personalization Quiz

Personalization Quiz

Top 3 selected ideas

We then went through the ideas and discussed their implementation feasibility. Eventually, we settled on the following core functionalities:

#1

Filter Based Search

Quickly narrow down residence options based on personal preferences like room type, price, and amenities.

#1

Filter Based Search

Quickly narrow down residence options based on personal preferences like room type, price, and amenities.

#1

Filter Based Search

Quickly narrow down residence options based on personal preferences like room type, price, and amenities.

#2

Feature Lists

Reduced cognitive load by presenting residence amenities in a scannable format for easy comparison.

#2

Feature Lists

Reduced cognitive load by presenting residence amenities in a scannable format for easy comparison.

#2

Feature Lists

Reduced cognitive load by presenting residence amenities in a scannable format for easy comparison.

#3

Locations & Proximity

Visualize daily routines by showing distance to key campus buildings

#3

Locations & Proximity

Visualize daily routines by showing distance to key campus buildings

#3

Locations & Proximity

Visualize daily routines by showing distance to key campus buildings

The Initiative

The Initiative

The Initiative

There is no library for dynamic components. So I established a design system

your name here

Design Decision #1

Design Decision #1

Design Decision #1

Why did we introduce filtering to address these issues?

Because even with just 13 options, the variables create dozens of combinations. Students ask very specific questions: "Is the bed big enough?", "Is the bathroom shared?", "How far is it from dining?"

Filtering will quickly help them to find their preferred choice.

your name here

Why these Filters selected for 1st MVP?

Student level: Different buildings are allocated to different student types

Residence Style (Traditional, Townhouse, Suite): Major student pain point: understanding what the building actually feels like.

Room Type (Single, Double, Triple: Students are trying to budget

Amenities: Our staff gets lots of questions around clarity and what's available in which building

I broke down complexity with visual cues

Card Layouts make it easier to scan and compare residences

Tags for quick glance of amenities

Design Decision #2

Design Decision #2

Design Decision #2

Switched to “Best Fit” matching instead of Strict Filtering

Users hit dead-ends and got frustrated with “No results”

Upon testing with users, we realized they got frustrated when they quickly reached dead ends after filtering for specific preferences and not finding any results.