Field Station

UX/UI for an outdoor-first hotel brand

WHAT WE DID:

UX/UI Design • Design System • Component Library • Responsive Patterns • Front-end Support

SECTOR:

Hospitality / Outdoor

A man and a woman taking a break on the mountain bikes gazing at the Moab nature with the words Stay out there
Clean homepage design featuring neutral colours shown in both a window browser and mobile design

Field Station is a new lodging brand built for the outdoor community—bringing lodging, gear, and community under one roof, with early locations in Moab and Joshua Tree. Our brief: design a booking-forward web experience that still communicates the brand’s inclusive, adventure-ready vibe.

The Problem

  • Balance story + utility: showcase gear, guides, and community while making booking effortless.

  • Support multiple destinations and product types (e.g., rooms and “Van Life” posts) within one coherent UI.

  • Build a responsive system that’s quick on mobile and scalable as new locations open. (Moab opened in 2023; Joshua Tree followed.)

Our Approach

Design paths around real intents, then systematize.

  • Intent-led IA. Clear routes for “Book a room,” “Reserve a Van Life post,” “See offers,” and “Explore the area.”

  • Booking always handy. Persistent booking entry (dates/guests) and high-contrast CTAs that remain visible as users scroll.

  • Location model. Reusable templates for each destination with a location switcher and consistent content blocks (Rooms, Van Life, Offers, Amenities).

  • Card-first UI. Scannable room and post cards with key specs up front; detail pages highlight essentials, gallery, and what’s included.

  • Accessibility & speed. Mobile-first tap targets, color/contrast checks, and asset discipline so pages stay fast.

(Delivered in partnership with Wallop’s hospitality team.)

Clean website design showing an about us page featuring a video and blurb about the parent company Autocamp

What We Made

  • Design system with tokens for type, color, spacing, and state styles to keep pages consistent.

  • Component library: location switcher, booking header, room/post cards, rate & offer modules, map/amenity blocks, FAQs.

  • Responsive patterns for galleries, accordions, and long-scroll content that still surface the next action.

  • Content guidelines for headings, benefits, inclusions, and policies to keep copy direct and on-brand.

Clean website design for FieldStation Joshua Tree

Outcomes

  • Simpler booking path across locations and stay types; fewer dead ends and clearer next steps.

  • Scalable UI that supports new destinations and promotions without redesign.

  • Brand carried through the UX so the “lodging + gear + community” proposition stays visible while guests move to book.

Project Facts

Client: Field Station (AutoCamp Hospitality Group)
Role: UX/UI design, design system, component library
Partners: Wallop (web development, digital marketing)
Platforms: Responsive website (multi-location)

Related Work We Have Done

Hotel reception area with a wooden curved front desk, two staff members behind the desk, and modern hanging light fixtures above. The background includes wooden shelves and a decorative wall with the text 'ACE HOTEL' on a large illuminated sign.

Ace Hotel →

Brand-first web experience that books.

White Lodging chef smiling in an open kitchen—hospitality brand photography highlighting culture and careers

White Lodging →

Recruitment-first corporate site and scalable property platform.

Oakmont Senior Living logo over community exterior rendering—senior living brand and website hero

Oakmont Senior Living →

UX/UI that makes tours and careers easier.

Previous

American Beauty
Next

Silver Valley Metals