A concept redesign of the website for one of America's oldest 100-mile races — built to pitch to the race committee.
Wasatch runs 100 miles along Utah's Wasatch crest, from Kaysville to Soldier Hollow, with about 24,000 ft of climbing and a 36-hour cut-off. I built the site around the race's own motto: sections alternate between day and night, and the course shows where darkness will find you.
The original site was a photo, a welcome line and a long menu of text pages and PDFs. Drag the handle to compare.
BeforeAfterRunners came for dates, files and deadlines — and had to dig through menus for them.
The home opens with a 3D flyover of the real course, then an Essentials bento: next deadline countdown, race day, course files, trail work, aid and buses, results.
The most-asked questions are answered one tap from the home page.
Most runners spend a whole night on the course, but nothing showed when or where.
Pick a buckle pace — Cheetah, Cougar or Badger — and the map and profile shade the miles you will run in the dark. A race clock plots hours against miles for each pace and the cut-off.
Runners plan headlamps, pacers and drop bags around their own night.
Lottery, ticket credits and the trail-work rule were spread across pages.
The entry page lays out three steps with dates, then a ticket calculator shows how skipped years, volunteering and aid-station work add tickets.
Applicants know what to do and when — and why their odds change.
46 years of results lived in PDFs and separate pages.
Searchable 2026 finishers, every winner since 1980, a finishers-per-year chart, buckles and history stories — plus race-week pages for runners, crews and pacers.
The race’s history becomes something to explore, not to download.
Crews follow runners from station to station, so the map, profile and tables all work on a small screen.
Live site at wasatch100.pages.dev to show the organisers.
3D course flyover built from real elevation data with three.js.
Day/night course explorer with three buckle paces from the official table.
Results since 1980 — winners, finishers and history in one place.
Static Next.js on Cloudflare — fast, with near-zero hosting cost.
Wasatch calls itself 100 miles of heaven and hell — so the site lets every runner see their own day and their own night on the course.
