Preview build — author notes are visible. Hide them with showAuthoringNotes in src/data/site.ts.

Duncan WynnGraphic & Web Designer

Selected work / Earthroots

Earthroots

A website redesign and visual system extending across Earthroots' digital, print and fundraising communications.

Role
Website Designer
Year
2026
Platform
Wix Studio
Disciplines
Web Design, Visual Identity Systems, Campaigns, Digital Communications

Overview

Website, visual system and communications

Earthroots is an Ontario environmental organization. As Website Designer in 2026, I redesigned its website and developed the visual system that now carries across its communications — from the site itself to newsletters, social media, campaigns, print, fundraising and short-form video.

The work was less a single deliverable than a set of connected ones, designed to look and behave as one organization.

Scope of work

Website
Complete website redesign · Information architecture · Responsive design · Wix Studio implementation · Donation interface · Store graphics · Integrations
Visual system
Visual-system development · Brand guidelines
Print & editorial
Annual report · Print design · Marketing and fundraising materials
Communications
Newsletter design · Reusable social templates and graphics · Campaign and advertising graphics
Fundraising
E-donation cards
Motion
Wildlife Shorts editing

Starting point

A wide range of content, many channels

Earthroots publishes programs, campaigns, research, news and appeals across its website, email, social channels and print. The design brief was to organize that range of content into a clear structure, and to give every channel a consistent visual language.

Website · Structure

Five sections to hold everything

The site's content is organized under five primary sections. Beneath them sits a large body of supporting material: organizational background, program and focus-area pages, published reports and articles, and the routes to take action or give.

Primary sections

  1. About
  2. What We Do
  3. News & Insights
  4. How to Help
  5. Shop

Supporting content organized across the site

  • Mission & vision
  • History
  • People
  • Programs
  • Focus areas
  • Impact
  • Articles
  • Reports
  • Media
  • Action
  • Donations
  • Corporate support
  • Volunteering
  • Search
  • Language

Website · Build

Designed and built in Wix Studio

I designed the pages responsively and implemented the site in Wix Studio, including the donation interface, store graphics and integrations.

Pages were designed for both desktop and mobile, with the same content hierarchy at each size.

Visual system

Three typefaces, four colours, one set of rules

The visual system gives Earthroots a consistent voice across screen and print, and is documented in a set of brand guidelines.

  • AaCrimson ProABCDEFGHIJ abcdefghij 0123456789
  • AaMerriweatherABCDEFGHIJ abcdefghij 0123456789
  • AaMontserratABCDEFGHIJ abcdefghij 0123456789
Earthroots typefaces — system reference, set in the actual fonts
  • Green#2E5635
  • Brown#864F35
  • Tan#AC9E8E
  • Near-black#272827
Earthroots palette — system reference

Communications

Templates built to be reused

Newsletters, social posts and campaign graphics were designed as reusable systems rather than one-off pieces, so each new issue or post starts from a consistent template.

The same system covers Earthroots' campaign and program topics, including Eastern wolves, Eyes in the Forest, Temagami, old growth, advocacy and wildlife monitoring.

Editorial · Fundraising

Annual report, print and donation cards

The system extends into print: the annual report and organizational, marketing and fundraising materials. For online giving, I designed a series of illustrated and photographic donation cards.

Motion

Trail-camera wildlife Shorts

A recurring series of short vertical videos built from trail-camera footage of wolves, moose, deer, bears, foxes and raccoons.

For each Short I handled the edit and pacing, typography and titles, audio, and the descriptions and presentation for social channels.

Outcome

What the work produced

A redesigned website, a documented visual system, and a set of reusable templates for newsletters, social media, campaigns and fundraising — together giving Earthroots one consistent presence across digital, print and video.