Back to all cases
Website · Events · Redesign

Rainshadow Running — a trail-race website

A redesign of the home for a Washington trail-race series — eleven races across a season, from a first 10K to a hundred miles of Cascade wilderness.

Designed and rebuilt in Next.js: a bold lime-and-forest brand, a scannable events board and a wild-trails mood — with registration handed off to the race platform.

Role
UX/UI & Web Design
Type
Events website (Next.js)
Year
2026
Live
Rainshadow Running — trail race website hero
01 — Context

A season of races, one home.

Rainshadow Running puts on a family of trail races across Washington — the Cascades, the San Juan Islands and the high desert. The site's job is to help a runner find their distance and toe the line, and to rally people around trail stewardship.

It's a low-key, no-frills brand — beautiful courses, great volunteers, finish-line pizza — so the design had to feel wild and warm, never corporate.

02 — Challenge

Many races, kept scannable.

Eleven events, several distances each, different statuses — all easy to read at a glance.

01

Dense event data

Each race carries a date, place, multiple distances, price and a status (open / lottery).

02

Wild-trails brand

A lime-and-forest palette and big, confident type to match the mood of the mountains.

03

External registration

Sign-up lives on the race platform, so the site guides and hands off cleanly.

04

Cause built in

Trail advocacy and volunteering sit right next to the races, not buried away.

03 — Events board

Pick your line.

The heart of the site is a photo-led events grid. Every card shows status, date, location, the available distances and price, with a clear Register action — so a runner can scan the whole season and commit in seconds.

EventsRainshadow events grid
The events board — status, date, distances, price and a one-tap register.
04 — Cause & story

Leave it better than we found it.

Two paired blocks carry the brand's values: a trail-stewardship call to action (work parties, donations, advocacy — lend a hand and earn your entry) and a short "who we are" that sets the low-key, serious-trails tone.

CommunityTrail advocacy and about blocks
Trail advocacy and the "who we are" story, side by side.
05 — Outcome

Wild, warm and easy to enter.

A bold lime-and-forest brand that matches the wildness of the trails.

A scannable events board — status, distances and price at a glance, clean hand-off to registration.

Trail stewardship built into the journey, not hidden.

Designed and shipped in Next.js — live and responsive.

Takeaway

Make the season feel like one trail.

The win was turning a lot of race data into something a runner reads like a map — pick a line, and go — while keeping the wild, low-key soul of the brand.