Mobile Mockups: Final

After testing and collecting feedback on version 2 of the mobile-format prototype, we made the revisions outlined below.

We encourage all members of the McGill community to get acquainted with the new homepage in its staging format, viewable on mobile and desktop


Header, main menu and branding

Header and menu area with McGill identity (tested and revised)

Hero region to frame experience and introduce overarching McGill brand


“Find your thing” area

  • Search is the most efficient way to serve the largest number of users
  • We also provide items we know that internal users often use (“Popular links”)
  • Top Stories provides a keywords-based area for users to find a high-profile story or event that might have driven them to the homepage

McGill Stories Feature

This feature allows us to provide concrete evidence of the excellent and relevant work McGillians do.

  • These are stories about people, driven by the significance of the person and their work, not by news
  • They’re grouped around a theme that allows us to present a compelling and holistic engagement with important topics
  • We hope this content will help prospective members of our community imagine themselves here, and see our strengths and impacts
  • We changes to the ‘next step’ link below each story – we felt like a detailed read more would do a better job illustrating the connection between a person’s story and their field of study
  • We wanted to tie this feature in with the important action of finding a program (the call to action button below the feature)

Audience Menus

  • Audience links offer easy access to priority information and services (based on click data), and include general pages present the entire range of resources available to each audience type, plus general interest links to News and Events.


  • Footer includes expected data and is designed to house institutional information that would be useful on all websites; eventually, we want to scale this to all sites in WMS






The testimonial slide (an alternate layout for the McGill Stories feature section) now has a more nuanced design to try to make the most of this content type.






Mobile Menu

Content and organization based on stakeholder interviews, user data, and research; refined through card sorting exercise and user testing interviews.
Explore the menu


Call to action

Call to action (ex. "Get ready to apply") is a flexible area to highlight information of high but temporary importance to target audiences



Buttons below (ex. "Visit campus" and "Have a question?") provide quick access to popular links for prospective community members.

Back to top