ux/ui, branding, graphics, website concept

Case Study: TrailHead

TrailHead is a website that helps hikers find trails suited to their abilities.

The Challenge

Hiking a new trail is exciting, but it can sometimes be challenging to find a trail to hike. Existing trail-finding sites rely on user comments and tagging to determine a trail’s difficulty, but the pool of user fitness levels is too large and not taken into account to establish a trail’s actual difficulty. Hikers need an alternative way to find trails that are suited to their abilities.


My Role

I led the User Experience and Interface of this project from March - May 2018.

Main Tasks:

  1. Customer Insights and ideation.
  2. Building the project vision.
  3. Design execusion and validation.

Deliverables

Research, personas, user flows, information architecture, wireframes, low and high fidelity screens.

Design and Research Tools


Discovery and User Insights

I conducted research to understand the way people find trails to hike. It was essential to know the pain points and positives to be able to create personas and determine the MVP. I interviewed eight hikers whose experience levels ranged from beginner to expert.


Analogous Products

I looked at how other products organized, filtered and displayed trails, namely Alltrails and Gaia Maps. Both had a search engine and filters to give users the flexibility to find trails, but neither had recommended hikes or a more in-tune service to learn and service their audience.


MVP and Information Architecture

The MVP included features to help define the user’s abilities, needs and learned feedback. I was able to identify these with two features: onboarding and reviews. The more people review the hikes they go on, the smarter their hike recommendations and suggestions become.


Low-fi Wireframes

I created wireframes to test the homepage layout navigation, trail card metadata, MVP and data relevance in the trail info page. I also experimented with placements for card buttons and different systems for filtering.

Main Tasks

I wanted to reduce the friction of going through the onboarding process. I had to be careful to make the onboarding enjoyable, in as few screens as possible and yet still get crucial information from users to give them meaningful recommendations.

I needed the page layout to be intuitive. I opted for a clean and straightforward design mimicking other successful websites’ structures to reduce the user’s cognitive load.

The write a review content strategy and how to present it was one of my major hurdles. I knew that users relied on reviews to pick their hikes. Therefore I needed them to share their hike experiences. I needed to ensure a bold, but not intrusive way for users to write and share their reviews.


TrailHead’s three main features

  1. User onboarding. The quickest way to find a trail that will fit your hiking needs.
  2. User review prompt. The more you review the hikes you go on, the better your trail recommendations.
  3. Saved recommendations. Your home screen will give you easy access to hikes previously recommended.

Visual Designs

More projects this way

View next project