The Family Centre

A refreshed online presence that provides inclusive access to programs for vulnerable and diverse audiences.

Banner image for The Family Centre

What we did

Custom Website Design and Development; Custom Service Integrations;

Since 2019, our team has been the chosen web partner for The Family Centre, and helped support the ongoing evolution of its online presence. After serving the needs of The Family Centre for over 5 years, the previous website had reached a point where it had outgrown its original design and required a refreshed approach. 

The new website's design is focused on shifting from a service list presentation, to one that better supports the real needs and questions people arrive at the website with. The new design has been structured to speak directly to key topics, enable diverse and vulnerable audiences to see themselves reflected in the opportunities available, and encourage deeper engagement with the range of programs and supports offered. 

Screenshots showing new pages of the redesigned TFC website on various device screens

The previous design had accumulated a range of additions and adjustments over the past several years, resulting in a complex, multi-layered navigation that was growing and evolving with the changes the offered programs and services. The refresh provided us with an opportunity to address content bloat, restructure the sitemap in line with updated priorities streamlining the site's navigation. The new navigation crafted supports a clear presentation of who The Family Centre helps, what The Family Centre helps with, and how The Family Centre provides help.

Comparison image showing the before and after of the homepage for the website refresh

Designed for Different Journeys

stylized screenshot showing homepage categories on who the TFC provides support for

Support by Community

Visitors to the site can now access a clearly defined range of community and audience-based pathways, including Individuals & Couples, Children & Youth, Families & Parents, Schools, and more. These entry points are designed to help users quickly locate relevant resources and programs aligned with their identity, role, or community context.

Areas of Support

Similarly, some visitors arrive not through a group or identity-based pathway, but with a focus on addressing specific challenges they are experiencing. For these users, the site provides clear entry points into services and supports organized by topic, such as Depression, Anger, Relationships, and more.

Different Paths, Shared Support

Reducing navigation barriers without introducing additional complexity was a key focus of the new sitemap and navigation design. To support this direction, feature call-to-action highlights were introduced within the navigation menu. These highlights helped us to enable cross-linking across key areas of the site to ensure users can move fluidly between relevant pathways regardless of where they begin their journey.

Screenshot showing navigation and landing page imagery
 

Box Clever has been a delight to work with. They've been supporting us with our website for years, and just helped us launch a whole new website design. The team is super knowledgeable and responsive, and had so much patience through our lengthy internal review process. I'd recommend Box Clever to any local orgs and businesses.

Ella Learn

Marketing and Communications Specialist

screenshot showing the new class registration designs

New Class Registration

As part of the refresh, our team delivered a complete overhaul of the class registration experience. The updated class listing page introduces filterable topic tags alongside a curated set of featured category highlights. New preview cards combine text and imagery to clearly communicate each class offering, allowing users to understand key details without needing to navigate deeper.

Within individual class pages, users can now easily browse all available registration options, alongside related blog content and a curated list of programs and services connected to the selected class.  

screenshot showing the new organizational training template design

Organizational Training

Similar to the Classes section, the refresh also enabled the separation of organizational training and workshop content into a distinct but aligned set of templates. This structure allows The Family Centre to clearly showcase partner organizations, as well as the key topics covered through their workshops, supported by descriptive preview cards.

As with Classes, individual workshop pages now provide streamlined access to key information, including curated contact and registration details. This shift moves what was previously embedded within the broader Classes experience into a dedicated, refined experience for Organization users.