Back to portfolio
4H Canada
4H Canada, a national youth development nonprofit, needed a modern, accessible website and refreshed visual system to better serve members, parents, volunteer leaders, and donors across the country. The organization’s legacy and programs were strong, but the site’s navigation, storytelling, and design no longer reflected its impact or met today’s accessibility and bilingual needs.
The Goal: Create an inclusive, bilingual website and contemporary visual language that makes it easy to discover programs, join or donate, and celebrate 4H’s nationwide impact.
Senior Visual Designer
My role
Craft&Crew
agency
Figma
tools used
6+ Months
Timeline
Back to portfolio
4H Canada
4H Canada, a national youth development nonprofit, needed a modern, accessible website and refreshed visual system to better serve members, parents, volunteer leaders, and donors across the country. The organization’s legacy and programs were strong, but the site’s navigation, storytelling, and design no longer reflected its impact or met today’s accessibility and bilingual needs.
The Goal: Create an inclusive, bilingual website and contemporary visual language that makes it easy to discover programs, join or donate, and celebrate 4H’s nationwide impact.
Senior Visual Designer
My role
Craft&Crew
agency
Figma
tools used
6+ Months
Timeline
6+ Months
Timeline
The approach
As Senior Visual Designer collaborating with Craft&Crew, I contributed to the visual design direction of the project with a focus on:
Moodboarding and Visual Exploration: Led an extensive moodboarding phase to evolve 4H’s brand identity, photography direction, and supporting graphics into a refreshed, modern look and feel.
Responsive Modular Design: Designed flexible, component-based layouts in Figma that scale seamlessly across devices and integrate effectively into Craft CMS.
Icon Design Guidance and UI Kit: Provided direction for a cohesive icon style and delivered a starting set of icons as part of a scalable UI kit, ensuring consistency across navigation and content modules.
The approach
As Senior Visual Designer collaborating with Craft&Crew, I contributed to the visual design direction of the project with a focus on:
Moodboarding and Visual Exploration: Led an extensive moodboarding phase to evolve 4H’s brand identity, photography direction, and supporting graphics into a refreshed, modern look and feel.
Responsive Modular Design: Designed flexible, component-based layouts in Figma that scale seamlessly across devices and integrate effectively into Craft CMS.
Icon Design Guidance and UI Kit: Provided direction for a cohesive icon style and delivered a starting set of icons as part of a scalable UI kit, ensuring consistency across navigation and content modules.
The Result
The redesigned website and refreshed visual identity successfully modernized 4H Canada’s digital presence while staying true to its trusted legacy. The project positioned the organization as an accessible, inclusive, and forward-looking leader in youth development. Key outcomes included:
A revitalized visual identity that feels modern while honouring 4H’s heritage values
A flexible, modular design system that improved scalability and simplified ongoing content creation within Craft CMS
Clear, responsive layouts that enhanced navigation and made it easier for members, parents, leaders, and donors to engage with programs and resources
Icon design guidance and a starting UI kit that provided a strong foundation for consistent visual communication across the site and future digital touch-points
A bilingual experience that ensured equal accessibility and representation for both English and French audiences
This project demonstrates how a strong visual design direction supported by moodboarding, modular systems, and UI foundations—can transform an established nonprofit’s digital presence. By aligning refreshed visuals with organizational goals, the new website empowers 4H Canada to communicate its mission more effectively and inspire greater engagement from its community nationwide.
The Result
The redesigned website and refreshed visual identity successfully modernized 4H Canada’s digital presence while staying true to its trusted legacy. The project positioned the organization as an accessible, inclusive, and forward-looking leader in youth development. Key outcomes included:
A revitalized visual identity that feels modern while honouring 4H’s heritage values
A flexible, modular design system that improved scalability and simplified ongoing content creation within Craft CMS
Clear, responsive layouts that enhanced navigation and made it easier for members, parents, leaders, and donors to engage with programs and resources
Icon design guidance and a starting UI kit that provided a strong foundation for consistent visual communication across the site and future digital touch-points
A bilingual experience that ensured equal accessibility and representation for both English and French audiences
This project demonstrates how a strong visual design direction supported by moodboarding, modular systems, and UI foundations—can transform an established nonprofit’s digital presence. By aligning refreshed visuals with organizational goals, the new website empowers 4H Canada to communicate its mission more effectively and inspire greater engagement from its community nationwide.
Let's Build Something That Stands Out.
If you’re looking for thoughtful, scroll-stopping design that feels as good as it looks, you’re in the right place. Whether you’re starting fresh or leveling up, I’d love to hear about your project—let’s make it happen.
Let's Build Something That Stands Out.
If you’re looking for thoughtful, scroll-stopping design that feels as good as it looks, you’re in the right place. Whether you’re starting fresh or leveling up, I’d love to hear about your project—let’s make it happen.
Let's Build Something That Stands Out.
If you’re looking for thoughtful, scroll-stopping design that feels as good as it looks, you’re in the right place. Whether you’re starting fresh or leveling up, I’d love to hear about your project—let’s make it happen.