Non-profit
Non-profit
Branding
Branding
Web Design
Web Design
Webflow Development
Webflow Development
Multi-language
Multi-language
CMS
CMS
Animation
Animation
UX
UX
Graphic Design
Graphic Design
Custom Code
Custom Code
Support
Support

Jack.org / edHUB case study coming soon.

Until then, here's a few details & a few of our existing client case studies:

Completed
2023
Non-profit
Non-profit
Branding
Branding
Web Design
Web Design
Webflow Development
Webflow Development
Multi-language
Multi-language
CMS
CMS
Animation
Animation
UX
UX
Graphic Design
Graphic Design
Custom Code
Custom Code
Support
Support

Featured case studies

Passion
Renewed Vision
DataHive
Long Hollow Church
AiSupervision
Armory Disc Golf
Branding
Branding
Web Design
Web Design
Webflow Development
Webflow Development
Website Migration
Website Migration
Support
Support
Non-profit
Non-profit
Multi-language
Multi-language
Custom Code
Custom Code
Animation
Animation
Conference
Conference
Graphic Design
Graphic Design
UX
UX
CMS
CMS
Shopify
Shopify
eCommerce
eCommerce
Concept
Concept
|
Case Studies

Jack.org / edHUB

Webflow Enterprise Project
Jack.org / edHUB

Empowering classrooms across Canada.

Jack.org offers a comprehensive suite of youth mental health programs, yet educators struggled to locate and integrate these resources efficiently. Supported by the Public Health Agency of Canada, the Educator Hub (edHUB) was envisioned as a unified, intuitive platform that provides quick, curriculum-aligned access to activities, lessons, and unit plans. Our objective: create an engaging online environment that seamlessly connects teachers with the tools they need to support student wellbeing.

2023
Non-profit
Non-profit
Branding
Branding
Web Design
Web Design
Webflow Development
Webflow Development
Multi-language
Multi-language
CMS
CMS
Animation
Animation
UX
UX
Graphic Design
Graphic Design
Custom Code
Custom Code
Support
Support

The challenge.

Although Jack.org maintained a robust library of mental health resources, content was scattered across PDFs and internal systems, making discovery slow and cumbersome. In a classroom where every minute counts, educators needed a way to filter by grade, subject, or learning objective instantly. We set out to streamline access and improve usability, so teachers could focus on instruction rather than searching for materials.

No items found.

Designed for educators.

We began with a homepage that guides users directly to relevant materials. A flexible navigation system allows filtering by curriculum strand, grade level, and resource type—so a teacher can locate “Grade 9 mental health lessons” within seconds. Clean typography, clear layouts, and carefully written microcopy ensure the experience is both precise and approachable, minimizing cognitive load for busy educators.

Interactive elements bring the edHUB to life: animations draw subtle attention to new or featured resources, and dynamic filters update results in real time as users type. Under the hood, Webflow’s CMS treats each piece of content as a modular item—tagged, categorized, and instantly publishable. Adding, updating, or archiving resources is straightforward, enabling Jack.org’s team to maintain an ever-evolving library without developer involvement.

No items found.

Creating the sub-brand.

To position the edHUB as a dedicated extension of Jack.org, we developed a sub-brand that aligns with the existing visual system while establishing its own character. Each resource type—unit plans, lessons, activities, and guides—receives a unique accent color drawn from Jack.org’s palette. This consistent color-coding strategy enhances navigation and helps educators identify content at a glance.

No items found.

Building for scale with Webflow.

Bilingual support was integrated from the start, allowing every resource to be published in English and French simultaneously. A user-friendly editor interface gives Jack.org full control over content updates, category adjustments, and feature highlights. As curriculum guidelines change and new insights emerge, the edHUB scales effortlessly to meet evolving educational needs.

No items found.

Ready for what's next.

Since launch, the edHUB has become an essential tool for teachers coast to coast, embedding mental health literacy into daily lesson planning. Next steps include interactive case-study spotlights, community-driven resource submissions, and analytics dashboards to track engagement and impact. In partnership with Jack.org and PHAC, we continue to empower educators and foster resilient, mentally healthy students across Canada.

No items found.

Thanks to the Jack.org team for the trust, partnership, and for doing the great work that you do in the community!

Branding
Branding
Web Design
Web Design
Webflow Development
Webflow Development
Website Migration
Website Migration
Support
Support
Non-profit
Non-profit
Multi-language
Multi-language
Custom Code
Custom Code
Animation
Animation
Conference
Conference
Graphic Design
Graphic Design
UX
UX
CMS
CMS
Shopify
Shopify
eCommerce
eCommerce
Concept
Concept

More featured projects

Passion
Renewed Vision
Branding
Branding
Web Design
Web Design
Webflow Development
Webflow Development
Website Migration
Website Migration
Support
Support
Non-profit
Non-profit
Multi-language
Multi-language
Custom Code
Custom Code
Animation
Animation
Conference
Conference
Graphic Design
Graphic Design
UX
UX
CMS
CMS
Shopify
Shopify
eCommerce
eCommerce
Concept
Concept

Ready to level up?

We partner with businesses to help them look better, move faster, and connect with their audience more effectively. Whether you're just starting up or looking to scale, our experienced team of Webflow Certified Partners is here for you.