Friends of the Columbia Gorge

A WordPress website that gives users the tools to protect and explore the Columbia Gorge.

A collage of images related to the Columbia River Gorge, including a logo for

A platform to inspire, educate, and protect.

Friends of the Columbia Gorge works to preserve the natural beauty of one of the Pacific Northwest’s most treasured landscapes, home to people, plants, and animals alike. 

Their previous site — built on a proprietary CMS — had grown into a patchwork of outdated structures, disconnected systems, and visual inconsistencies. It wasn’t effectively communicating their impact, and it posed barriers both for users and Friends’ staff.

Friends of the Gorge needed their website to communicate why their work matters and encourage visitors to both protect and enjoy the Columbia River Gorge National Scenic Area.

A brand inspired by the Gorge itself.

Drawing from their refreshed brand guidelines, the updated site design is naturalistic and modern. The art direction was inspired by the Gorge landscape — using bold, hand-drawn river graphics and a rich palette of deep greens, auburn, and copper.

The design system itself is component-based, allowing for efficient maintenance, flexibility, and site evolution as the brand and organization grow.

A set of four mobile website layouts for "Friends of the Columbia Gorge." The layouts show sections for conservation work, latest news, the organization's newsroom, and a hike finder/events page.
Friends of the Columbia Gorge website design showing featured articles, staff portraits, a banner stating ‘Protecting the Columbia Gorge for over 40 years,’ statistics on trails protected, and calls to action like ‘Get Involved’ and ‘Volunteer with Us.’ The layout includes nature photography, the organization’s green logo, and navigation menus.

Find a Hike 2.0.

The new Find a Hike tool is a standout feature. Built using custom post types and a Google Maps integration, the system maps hikes based on coordinates — this makes it simple for site editors to add and customize new listings as trail systems evolve.

From the user’s perspective, visitors can explore trails in whatever way suits them — via map or list view — and filter by features like waterfalls, difficulty, and permit requirements. Each hike detail page includes a customized map, trail tips, and helpful guidance. Altogether, the tool makes it easy to hit the trails and offers valuable local insight, whether it’s post-hike recommendations or ways to stay connected with Friends’ work. It’s a powerful feature that can turn one-time visitors into devoted Gorge enthusiasts.

A screenshot of the Friends of the Columbia Gorge website for hiking trails. The page features a map of the Gorge, trail filters, details for the "Angel's to Devil's Rest Loop" trail, and preview cards for several other trails.

Results

The new website pairs Friends of the Columbia Gorge’s mission with tools that turn curiosity into action. The Find a Hike feature invites discovery, while clear pathways to advocacy, membership, donations, and events keep users meaningfully engaged. And, with high accessibility scores and Spanish-language support, the site ensures that Friends’ important work can be accessed by all.


Explore More

Safe Horizon Preview

Safe Horizon

A WordPress website designed and built with the people Safe Horizon serves at its heart. Prioritizing safety, clarity, and accessibility.

American Civil Liberties Union Preview

American Civil Liberties Union

A WordPress core codebase, parent theme, and atomic design system that brings consistency to 50+ unique websites.