Skip to main content
Ingenium Logo

You are leaving IngeniumCanada.org

✖


This link leads to an external website that Ingenium does not control. Please read the third-party’s privacy policies before entering personal information or conducting a transaction on their site.

Have questions? Review our Privacy Statement

Vous quittez IngeniumCanada.org

✖


Ce lien mène à un site Web externe qu'Ingenium ne contrôle pas. Veuillez lire les politiques de confidentialité des tiers avant de partager des renseignements personnels ou d'effectuer une transaction sur leur site.

Questions? Consultez notre Énoncé de confidentialité

Ingenium The Channel

Langue

  • Français
Search Toggle

Menu des liens rapides

  • Ingenium Locations
  • Shop
  • Donate
  • Join
Menu

Main Navigation

  • Browse
    • Categories
    • Media Types
    • Boards
    • Featured Stories
  • About
    • About The Channel
    • Content Partners

From four to one: The user-centric redesign of Ingenium’s websites

Share
7 m
Jul 24, 2019
Categories
Arts & Design
Categories
Communications
Graphic Arts
Media
Article
Profile picture for user Lauren DiVito
By: Lauren DiVito
Ingenium – Canada’s Museums of Science and Innovation
Screenshot of redesigned Ingenium website showing large photo slider, the three museums, and a information bar at the top of the page indicating that the website is under maintenance
Photo Credit
Ingenium
Screenshot, from October 2018, of the redesigned Ingenium homepage.

“Museums in a Digital World” certainly describes Ingenium’s trio of museums in Ottawa, which include the Canada Agriculture and Food Museum, the Canada Aviation and Space Museum, and the Canada Science and Technology Museum. 

It also happened to be the overarching theme for the 46th annual Conference of the International Committee for Museums and Collections of Science and Technology (CIMUSET), hosted by Ingenium. This annual event facilitates the exchange of ideas as they relate to museums, professionals in the field, and cultural heritage. The theme for CIMUSET 2018 — Museums in a Digital World — dovetailed perfectly with one of my major projects as a User Experience Specialist for Ingenium: the migration and redesign of our museum websites.

Ingenium, its museums, and the rebrand

In 2017, the Canada Science and Technology Museums Corporation rebranded as Ingenium — Canada's Museums of Science and Innovation. Ingenium and its three museums celebrate creativity, discovery, and human ingenuity, focusing on the stories of people. With this user-centric shift came the need to consolidate four separate websites under one banner, while preserving each museum’s unique identity. Working within a tight timeline, our aim was to restructure existing content to increase visitor experience and create stronger cross-promotional opportunities, all while emphasizing accessible and inclusive design. 

With this user-centric shift came the need to consolidate four separate websites under one banner, while preserving each museum’s unique identity. 

The rebranding of Ingenium did not affect the way we structured ourselves. We were, and still are, a corporation with three distinct museums. The Canada Agriculture and Food Museum teaches about food and animals on its working farm and heritage site; the Canada Aviation and Space Museum — located on a former military base — informs its audiences about aviation and aerospace technology, and contains the most extensive aviation collection in Canada; and the Canada Science and Technology Museum — which re-opened in November 2017 — features artifacts and interactives around the theme of science, technology, and innovation in Canada.

Our former websites (corporate and three museums) used the same template across all four to indicate this interconnection to the public, using colour, text, and content as a primary means of distinguishing between them. The corporate site was black, the Canada Agriculture and Food Museum’s site was green, the Canada Aviation and Space Museum’s site was blue, and the Canada Science and Technology Museum’s site was red. All four colours which could be found in the corporate logo. However, despite these efforts, the public, even locals, did not realize we were all connected. The rebranding became not only about a change of name, but about shifting the way we thought about ourselves, internally, and how we projected that, externally, to the public. Ingenium is about celebrating creativity, discovery, and human ingenuity, focusing on the stories of people and we had to ensure that this was reflected in the redesign of our websites. 

Four screenshots of the homepages of Ingenium’s (corporate) website, the Canada Agriculture and Food Museum’s site, the Canada Aviation and Space Museum’s site, and the Canada Science and Technology Museum’s site. All share a similar template with colour and imagery being the main distinguishing feature.
Photo Credit
Ingenium

Screenshots (not to scale) of former Ingenium websites showing identical template. 
From left to right: the websites of Ingenium’s corporation, the Canada Agriculture and Food Museum, the Canada Aviation and Space Museum, and the Canada Science and Technology Museum. 

Project objectives

Our four major objectives for this project were to design a website that was: 

  1. User-centric. Just as the new branding was about placing a focus on the stories of Canadians, we wanted our website to reflect that we were designing with the visitor in mind. That meant ensuring it was visually stunning with a minimalist approach, while being accessible and inclusive. This required employing user experience (UX) methodologies to the research, design, and implementation process. 
  2. Mobile-friendly. While we wanted to ensure that our new website was functional on all browsers and responsive across mobile, tablet, and desktop devices, we designed mobile-first, as our analytics indicated that a growing number of our visitors were accessing our former websites on their cellphones.   
  3. On a common platform. We decided to use Drupal 8 as our platform as it is easy to maintain, open source, and has a strong community of developers that we could access, when needed. It also allows a component to be easily re-used throughout the site —ensuring a cohesive look and feel across the webpages.  Finally, Drupal 8’s easy-to-learn interface gives us the opportunity to empower our staff to upload their own content, rather than relying solely on our two developers.  
  4. A migration, NOT a rebuild. This was one of the most important and challenging objectives. Due to our tight timeline and budgets, we would not be rewriting or restructuring content, but rather migrating the content from the former websites in an agile and phased approach. As we progressed through the project, however, this proved impossible in some instances. 

Research and design

The website redesign was a two-year, agile project beginning in 2016, and projected to the end of 2018 (although it is still ongoing due to our need to restructure some content). The work was divided into three phases: the first to build the Ingenium Channel (on which you’re currently reading this article), followed by the integration of corporate information (now found in the footer of the website), and finally, the full integration of the museum websites onto the new platform.  

Due to our agile approach for the website project, research was done in bulk early in each phase, but continued throughout the project. Some of this initial research included conducting environmental scans of existing websites with similar museum structures, researching strong design strategies, developing personas and journey maps, and developing wireframes and creatives. 
 

Seven groupings of sticky notes, with each group having its own colour. These groupings represent the needs and wants for the seven personas for the Channel website.
Photo Credit
Ingenium

Early stages of planning the needs and wants for our personas on the Channel website. 

The existing content on our websites also needed to be thoroughly analyzed. A large portion of the existing content was being migrated over to the new platform, but some of it was purposely discarded, so a content inventory was essential. In addition, we hired a company to do a thorough evaluation of the user behaviour for our three museums. This information helped inform how we should be structuring the website, creating an information architecture that was user-centric and easy to understand. 

Next steps

The Ingenium website redesign is currently in its final phase of completion. While migration was a major objective of the project, the progress had to halt to invest time in staff consultation sessions and in-depth user research for the restructuring of its Educational Programs. 

User testing is being conducted on the current redesign of many of the sections, and the results of this will determine if more work is needed to achieve a user-friendly website. At the same time, online tools like Hotjar have been implemented to obtain data on how users are engaging with the website, and visitors can provide written feedback using a button on the side of the page. A message bar at the top of our website informs the public that our site is under construction, to maintain open communication and hopefully alleviate some frustrations. The website will continue to update and evolve including adding stronger visuals, and providing staff with training on Drupal 8 so that they feel comfortable uploading their own content. 

Tags
UX, website, design, user experience, redesign, conference, cimuset
Author(s)
Profile picture for user Lauren DiVito
Lauren DiVito
Follow

Lauren is the Manager of the Digital Innovation Lab at Ingenium. She's passionate about user experience and accessible design and how they can improve museum experiences for all. A creative storyteller with a background in biomedical communications, Lauren also loves finding new ways to communicate and visualize science topics.

Related Stories

A dirty glass slide of a stromatolite with a dirty cotton swab at the bottom; a close-up on a bee with a green head and thorax on a yellow flower; a false colour 3D view of the surface of Venus showing volcanoes and lava flowing towards the foreground.

3 Things you should know about how native bees are important pollinators, how saliva is used to clean artifacts, and active volcanism on Venus

A close up of prison bars through which a hallway can be seen.

Captive Labour

Tracey-Mae Chambers stands under her art installation made of red and orange yarns at the Canada Agriculture and Food Museum.

Métis artist uses art to encourage conversations about decolonization

A large impact crater viewed from the rim, a woodern spoon full of small yellow grains, a close up of a forearm being tattooed.

3 things you should know about the untapped potential of millet, the permanence of tattoos, and asteroid airbursts

A bushplane, the de Havilland Canada DHC-2 Beaver, on display at the Canada Aviation and Space Museum. A new text panel sits in front of the aircraft: a gray structure with wood-tone side panels and dark metal legs. Its backlit surface presents the name of the aircraft, a selection of images, and interpretive texts. A life-size display of a dock sits to the right, followed by another aircraft and panel.

Whispering Loudly: An Update about the “Quiet Updates”

A photograph of the large, multicoloured and multimedia Northern Lights mural.

"Northern Lights" 3-D Mural: A Colourful Artistic Tribute to Canada’s Jet Age Beginnings

Colourful Eckert IV map projection generated by AI

Art to Critically Examine AI & Robotics

The Shell By-Plane X 100 Astroterramare of Professor Septimus Urge (far right), Pleasure Gardens of the Festival of Britain, Battersea Park, London, England. Anon., “New British Jet Unique, but Not Matchless.” Aviation Week, 18 August 1952, 44.

Heath Robinson / Rube Goldberg machines that Heath Robinson and “Rube” Goldberg themselves would have approved of; Or, The wonderful world of Frederick Rowland Emett and his things

Sophie working with a series of toaster artifacts placed on a worktable.

A Toast to the Collection: The History of Toasters in Canada

A typical Tillson Company Limited advertisement. Anon. “Tillson Company Limited.” The Canadian Grocer & General Storekeeper, 13 May 1892, 19.

“A Food, not a Fad:” The life and times of Edwin Delevan Tillson of Tillsonburg, Ontario

A painting depicts a castle-like building at the foot of the Rocky Mountains.

Living in two worlds: Celebrating the Park Car Murals

A woman is silhouetted in front of a circular, glowing showcase presenting the Koenig Sound Analyser. The title, “Seeing Sound” is visible on the wall.

Mind the gap: The positive impact of multi-sensory experiences

Footer

About The Channel

The Channel

Contact Us

Ingenium
P.O. Box 9724, Station T
Ottawa ON K1G 5A3
Canada

613-991-3044
1-866-442-4416
contact@IngeniumCanada.org
  • Facebook
  • Instagram
  • Twitter
  • Channel

    • Channel Home
    • About the Channel
    • Content Partners
  • Visit

    • Online Resources for Science at Home
    • Canada Agriculture and Food Museum
    • Canada Aviation and Space Museum
    • Canada Science and Technology Museum
    • Ingenium Centre
  • Ingenium

    • Ingenium Home
    • About Ingenium
    • The Foundation
  • For Media

    • Newsroom
    • Awards

Connect with us

Subscribe to our newsletter to receive the latest Ingenium news straight to your inbox!

Sign Up

Legal Bits

Ingenium Privacy Statement

© 2023 Ingenium

Symbol of the Government of Canada
  • Browse
    • Categories
    • Media Types
    • Boards
    • Featured Stories
  • About
    • About The Channel
    • Content Partners