SFU Beedie

Development

After running its website for several years, SFU realized it had grown to an unmanageable size and was no longer delivering the expected service to students and staff.

After running its website for several years, SFU realized it had grown to an unmanageable size and was no longer delivering the expected service to students and staff. The outdated appearance, coupled with its labyrinth-like structure, meant that uncovering even the most basic course information was a challenge for prospective students. All this before they had even stepped foot into a lecture hall.

Project Type

Web Design

Project Mandate

Redesign

Industry

Education

Through a lengthy process of recategorization, stakeholder discussions and user testing, the new information architecture was born to help guide an aged website towards the present day. As the project approached the mid-way milestone, SFU onboarded Goat, and equipped us with design templates and style guides. We then began a race against time to help the digital team at SFU reach their promised deadlines by bringing the website to the finish line.

All Hands on Deck.

With an almighty categorization task at hand, our teams worked together towards the main purpose of the re-launch: to provide a user-friendly solution to all stakeholders involved - whether they be prospective, current or past students; parents of students due to begin their education; staff and faculty of SFU, and others curious of SFU Beedie's ground-breaking research and work.

Information Architecture diagram of SFU Beedie website.

New, Yet Familiar.

Each stakeholder has their own personal use of the website and its extensive content, and our team used this knowledge to provide new page structures that would be consistent across all programs and their coinciding child pages. This new architecture would allow new users to quickly experience a feeling of familiarity when browsing the site, and for returning users to know exactly where to go to reach their desired section.

SFU Beedie home page mockup
SFU Beedie page mockup
SFU Beedie page mockup
A facts component displaying post internship employment rates

Content Management is King.

Educational institutions' websites are usually content-heavy, which means that having a reliable Content Management System (CMS) is essential. By utilizing the CraftCMS, we were able to structure the site around a meticulously planned hierarchy of information. Craft's modular component building process provided SFU staff with enough control and flexibility to safely manage uploaded content at scale.

A view of the Craft CMS control panel for the SFU Beedie website

Final Product.

The end product is structured with purpose, clean-in-finish and easy to navigate. A pleasing experience for all ages, prospective students or students of the past. By translating an intricate information architecture into a meaningful website structure, we collectively produced a highly functional hub of information that is a breeze to browse.

Story profiles examples of SFU Beedie staff. Quote overlayed over top of author
Example mock-up of the mobile footer component. Address and contact information and small map.
mobile menu layout example
mobile menu layout example
mobile menu layout example
mobile menu layout example
mobile menu layout example
mobile menu layout example

Explore More Projects

Private Organizations

Moving2Canada

A thorough UX research project that ultimately turned into Canada's top resource for immigration support, through a complex WordPress and React build

See project

Private Organizations

Education Planner BC

Detailed User Experience Research combined with a cohesive Design System to support students across British Columbia in their post secondary selection journey

See project

Colleges & Universities

SFU Beedie

A comprehensive Craft CMS build tying together various internal systems and student driven websites

See project