Terry Fox Research Institute (TFRI): Website 2019
Project
The brainchild of The Terry Fox Foundation – the Terry Fox Research Institute (TFRI) is dedicated to performing and supporting cancer research that will enable discoveries to translate into practical solutions for cancer patients worldwide. Headquartered in Vancouver, the Institute has research nodes across the country.
The Terry Fox Research Institute approached Cubicle Fugitive to build a sleek and sophisticated website. The result is a visually stunning and intuitive new website that utilizes custom-built modules and advanced filtering capabilities. The website was developed and designed with the intention of creating a seamless user experience. The clean design in conjunction with the simple yet appealing blue and white colour scheme ensures readability, while the functionality of the site was designed to ensure that users can get to the information they need in as few clicks as possible.
Cubicle Fugitive completed an intense analysis of the current site content. Based on our findings we determined the best modules and structure to feature their cutting-edge research. Our objective was to keep the user engaged as they move deeper into the site.
The result is a visually stunning and intuitive new website which utilizes custom-built modules and advanced filtering capabilities.
Featuring a unique banner animation, the journey begins. The home page holds numerous ways for its audience to access multiple pages within this robust and expansive site. Module content automatically appears and rotates to include recently published and featured research projects, patient stories, and updates including research highlights, news, and press releases. The hover state provides a key overview of information and text for additional details. The newsletter sign-up is prominently featured on a dark blue background as a focal point and facts are animated to highlight the institute’s results.
TFRI invests and manages funding for cancer research and training. To feature these programs, we opted to include an expandable and collapsible panel for each in order to provide a snippet of overview content and if interested, they can click to learn more or apply.
The website committee determined that additional information about cancer, including the types of cancer the institute researches, was critical. These details are beneficial to those who are impacted and relates to their research strategy. The design team created a grid pattern with icons to represent each cancer type including engaging images with a transparent colour overlay for visual interest.
The filtering and classification of data are key features on the TFRI site. A user can filter and find patient stories, TFRI research projects, and news and events by cancer type, topic, funding program, location, or researchers. We have also featured a side legend linking to keep users engaged to find out more information on cancer types, topics, or key researchers.