Skip to main content
UI Coach Logo
Intermediate

Prepare an Offline Hiking Trip Guide

Design a hiking guide that turns a personal trip report into a route plan with offline access, safety context, and current conditions.

Mobile2 to 4 hours

The brief

Understand the problem

Background

Personal hiking reports contain valuable details that official route summaries may miss, but conditions, access rules, and difficulty can change quickly.

User context

Lena wants to follow a coastal hike described by another traveller. Mobile coverage is unreliable, rain is forecast, and one section may close at high tide.

Product problem

Readers need to distinguish personal experience from current official information and carry the most important route details offline.

Objective

Create a trip report, preparation, and offline route experience for a day hike.

What to design

Define the experience

Required experience

  • Trip report with route, date, and author context
  • Current condition and official advisory layer
  • Offline preparation checklist and download
  • On-route progress and emergency information

Screens and states

  • Trip report
  • Route detail
  • Offline checklist
  • On-route view
  • Closure state

Core user flow

Follow the critical path

  1. 01

    Lena reads the report and checks when the hike took place

  2. 02

    She compares the route with current tide and closure information

  3. 03

    She downloads the map and completes a preparation checklist

  4. 04

    She follows the route while offline

  5. 05

    A cached warning helps her avoid a closed section

Product rules

Requirements and constraints

Requirements

  • Date-stamp personal observations and official updates
  • Show elevation, distance, duration range, and difficulty context
  • Confirm that required map and safety details are available offline
  • Keep emergency information accessible without network access
  • Make route deviations and known hazards visible without sensational language

Constraints

  • GPS can drain the battery
  • Conditions may change after the last update
  • Offline storage is limited
  • The service cannot guarantee route safety

Reality check

States worth considering

The map download is incomplete
The user leaves the planned route
A closure is published after the user goes offline
Location permission is denied
The phone enters low-power mode

Finish line

What to deliver

  • Design five mobile screens for evaluating, downloading, and following a hike with limited connectivity.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
LoraRoboto

Lora & Roboto

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Travel

Meet Travel Photographers Safely

Design a location-based community flow that connects travelling photographers by interests, availability, and safe meetup preferences.

Mobile2 to 4 hours
Mobile DesignTrust and Safety
Intermediate
Travel

First Day City Explorer

Design a city discovery plan that fits a traveler's interests, available hours, location, and practical access needs.

Mobile2 to 4 hours
Product ThinkingNavigation
Intermediate
Travel

Group Trip Decision Board

Design a shared decision board that helps friends agree on dates, destinations, budgets, and access needs without public negotiation pressure.

Responsive web2 to 4 hours
Interaction DesignProduct Thinking
Intermediate
Travel

Indoor Mall Wayfinding

Design an indoor navigation experience that guides visitors between stores, services, and accessible routes inside a large mall.

Mobile2 to 4 hours
NavigationMobile Design
Intermediate
Travel

Local Guide Booking

Design a marketplace flow for finding and booking a vetted local guide for a small private tour.

Responsive web2 to 4 hours
Search and FilteringService Design
Intermediate
Travel

Local Travel Discovery App

Design a place discovery experience that balances limited time, local context, mobility needs, and changing conditions.

Mobile2 to 4 hours
Mobile DesignSearch and Filtering