Recreation.gov Site Navigation Redesign

Placeholder — replace with Recreation.gov hero image

Improving navigation, filtering, and campground discovery for outdoor travelers through a more intuitive and user-controlled search experience.

Summary & Stats

Timeline
4 Weeks
Role
Project Manager, UX Researcher & Designer
Tools
Google Workspace, Zoom, Figma

The Problem

Planning outdoor travel should feel exciting, not overwhelming. During usability testing of Recreation.gov, users experienced significant friction when trying to search for and compare campgrounds.

The platform offered multiple competing navigation paths, inconsistent search behaviors, and unclear terminology that increased cognitive load at nearly every step of the booking flow. Users struggled to maintain context while navigating between results and campground pages, and first-time visitors found the system difficult to interpret without prior camping knowledge.

These issues created three primary UX challenges: too many ways to begin a search (leading to decision paralysis), poor navigation feedback and wayfinding (causing users to lose context), and confusing information architecture (requiring users to interpret unfamiliar terms and filters).

From a business perspective, these issues risked increasing abandonment during the discovery and reservation process. Since campground booking is a high-consideration activity involving dates, amenities, and location comparisons, the interface should reduce complexity—not add to it.

The Solution

The redesign focused on consolidating navigation into a single, predictable search experience, preserving user context through breadcrumbs and persistent search states, simplifying filters and terminology using recognizable language and tooltips, and improving campground comparison through a more integrated search results layout.

The proposed experience reduces cognitive load while helping users confidently browse, compare, and reserve outdoor destinations.

Impact

The redesign aimed to improve both user confidence and search efficiency by reducing decision fatigue during search initiation, improving wayfinding and navigation control, supporting faster comparison between campgrounds, increasing clarity for beginner and experienced users alike, and creating a more scalable and accessible search framework.

By aligning the experience with established usability heuristics and behavioral psychology principles, the redesign transforms Recreation.gov from a system users must “figure out” into one that feels familiar and easy to navigate.

Research & Discovery

To better understand the experience, contextual inquiry sessions were conducted with two participants familiar with Recreation.gov: a relatively new user who had used the platform twice, and an experienced user who had used the site over several years.

Remote usability sessions were facilitated where users were asked to start from the homepage, search for nearby campgrounds, select reservation dates, and add an available campsite to their cart. Throughout the session, users narrated their thought process while identifying moments of confusion or friction.

Placeholder — replace with research/usability testing imagery

Key Design Decisions

1. Simplifying Search Entry Points

Users encountered multiple search bars, overlapping navigation systems, and inconsistent search behaviors. Even experienced users reported feeling overwhelmed by the number of starting points available. This violated Hick’s Law by increasing decision fatigue, and Jakob’s Law through unfamiliar navigation patterns.

The experience was consolidated into a single primary search flow supported by one prominent search bar, simplified desktop navigation, icon-based category navigation paired with text labels, and removal of the desktop hamburger menu. This reduces cognitive load at the most important stage: beginning a search.

Placeholder — replace with simplified search entry point design image

2. Restoring User Control & Wayfinding

Clicking campground results opened new tabs and removed users from the search experience. Returning to the homepage reset search progress, and there were no breadcrumbs to help users navigate backward. This violated Nielsen’s heuristics for User Control & Freedom and Visibility of System Status.

The results flow was redesigned to preserve user context by maintaining search state across navigation, introducing persistent breadcrumbs, adding Save Search functionality, and expanding campground details directly within the results list rather than opening a separate page. A split-view structure was also recommended combining persistent map visibility, inline expandable result cards, and map/list synchronization.

Placeholder — replace with wayfinding and user control design image

3. Improving Information Architecture & Filter Clarity

Important visual aids like map legends were hidden, and user expected categories like “Backpacking” were missing. This violated Nielsen’s heuristic of Recognition Over Recall.

The filtering experience was redesigned to better align with user mental models by adding tooltip explanations for filters and booking types, expanding categories using recognizable terminology, making map legends visible by default, and linking numbered search results directly to map pins. Users no longer need prior knowledge to understand the system.

Placeholder — replace with information architecture and filter clarity design image

Design

The project deliverables included contextual inquiry and usability testing, heuristic evaluation, UX strategy and interaction redesign, low-fidelity wireframes, search results architecture exploration, interactive prototype development, and high-fidelity UI concepts.

Lo-Fi Wireframe

After presenting my initial wireframes for feedback, I refined the navigation and search experience to better align with usability best practices and user expectations. The homepage was updated to reflect a logged-out state, replacing the profile icon with a clearer “Sign Up / Log In” call-to-action to improve clarity for first-time users. To reduce visual clutter and simplify navigation, it was suggested that the “Browse by State” section was changed from individual state buttons to a dropdown menu, conforming to common web practices. Within the search results layout, I repositioned the “View” button to the right side of campground cards to better match natural left-to-right reading behavior. I also added annotations for sort and filter categories to improve clarity and included a reiteration of the active search query at the top of the results page so users could maintain context throughout the browsing experience.
Website homepage layout with navigation, search bar, activity icons, featured parks, stories, articles, and footer links.Annotation describing the purpose of design changes made to the global nav and search features
Yosemite National Park campground search results with list, map view, and comparison chart of campsite details.Text describing filter, sort, search results, interactive map, and save search features in a search interface.
Website page for Upper Pines Campground in Yosemite with details, reviews, amenities, and booking options.Text listing four web features: breadcrumb navigation, save location, amenity icons, and booking button.

Functional Prototype

Hi-Fi Design

My high-fidelity homepage mockup received positive feedback for their simple two-color palette and use of high-quality outdoor imagery that reinforced the brand experience. During review, it was identified that some descriptive text beneath section headings did not meet WCAG 2.0 contrast guidelines due to the use of light gray text on a white background. To improve readability and accessibility, I adjusted the text color to black to achieve a contrast ratio. The current shade of green that recreation.gov uses in their logo does not provide high enough contrast with white text, so the areas with white text are a darker shade of green, while the areas that match the hex value of the recreation.gov's logo have black text on top. Lastly, I moved the 'Browse by State' option to the top of the 'Featured Recreation Areas' section as that would define the location cards that appeared, so it made more sense to have that feature first considering the user flow.
Placeholder — replace with Hi-Fi prototype images
I adjusted the Search Results screen so that the 'Save Search' button appeared on top of the map,  next to filters and sorting options. I made this change as American users scan from left to right, so the top placement ensures that they see the button and understand that they can save their query after refining the results with filters.
Placeholder — replace with Hi-Fi prototype images
The booking widget on the detail page was updated to better reflect the real options that users would have when booking. Under guests, three dropdown menus were added: one for adults, one for children, and one for pets.
Placeholder — replace with Hi-Fi prototype images

Outcomes

The redesign establishes a more cohesive and user-centered booking experience by reducing cognitive overload, supporting exploratory browsing behaviors, improving navigation clarity and orientation, enabling easier comparison between campground options, and creating a stronger foundation for scalable search functionality.

Most importantly, the experience now better reflects users’ mental models and expectations, helping both first-time and experienced visitors navigate the platform with greater confidence.

Reflection

This project reinforced how quickly cognitive overload can emerge when navigation systems evolve without a unified structure. In a complex domain like travel and reservations, even small inconsistencies in search behavior or terminology can significantly impact usability.

By grounding decisions in usability heuristics, contextual inquiry, and user needs, the friction points identified extended beyond aesthetics and into how users mentally process information and make decisions.

Working on this project also concreted the importance of receiving feedback ealry and often, as several changes were made to enhance usability after stakeholder review.

Moving forward, this work would be expanded through additional moderated usability testing, accessibility validation, mobile-specific interaction patterns, and quantitative measurement of search completion and task success rates.

Return to Case Studies
↑ Back to Top