Skip to content
id0.it Interface Collection

Travel catalog and enquiry

Atlas North

Filter trips by region, season, activity, and duration, compare departures, open the itinerary, and send an enquiry for the chosen date.

Technologies
  • Astro
  • TypeScript

Design problem

Choosing a trip depends on more than its destination. Season, physical demand, duration, available dates, and what the price includes must be comparable before a visitor contacts the organiser.

Main user flow

  1. Narrow the field

    Filter by region, duration, season, and activity level while keeping the result in a shareable URL.

  2. Compare useful evidence

    Read price information, duration, terrain, and available departures before opening a trip.

  3. Understand the itinerary

    Review the route, included services, participation conditions, dates, and gallery.

  4. Send an enquiry

    Choose a departure, party size, and practical options. Invalid fields identify what to correct, and a temporary failure can be retried without rebuilding the request.

Catalog, route, and enquiry

The catalog shortlist, route details, and completed enquiry show the same departure and travel conditions.

Atlas North catalog filtered to Lofoten summer trips with dates, duration, and price details.

A focused shortlist

Lofoten and summer filters leave a small set of trips with dates, duration, and price visible.

Atlas North Islands Between Tides route page with itinerary and departure information.

Route details before contact

The route page keeps the itinerary, included services, dates, and practical conditions together.

Mobile Atlas North enquiry summary with a selected departure, two travellers, and field notes.

Configured enquiry on mobile

The narrow view shows the selected departure, two travellers, and the field-notes option in one summary.

Image 1 of 3

Atlas North catalog filtered to Lofoten summer trips with dates, duration, and price details.

Key decisions

  • Shareable travel search

    Search, filters, and sorting live in the URL, so a shortlist can be shared, revisited, and navigated with Back and Forward.