All work

Case 07 / 10

A motorcycle tour catalogue the team runs itself

MotoDiscovery has run motorcycle tours around the world since 1981. At Herospace I built their new site from the Figma design in Elementor and Crocoblock: tours, team, partners and testimonials as structured content, and a step-by-step registration form in place of one long inquiry form. It went live in 2023, and the team still publishes new tours with the same templates.

Role
Senior WordPress Developer
Client
MotoDiscovery, via Herospace
Year
2023
Stack
Elementor, JetEngine, JetFormBuilder Pro, JetPopup
Visit motodiscovery.com
Home page: a full-width mountain photo with the headline Your passport to experiential travel and a row of upcoming tour cards with days and a Tour Details button.

13

tours in the catalogue today

22

fields behind every tour page

4

steps in the registration form

2023

live since, and still updated by the team

Counted on the live site and in its admin, October 2026.

Key contributions

  1. 01

    Figma to Elementor

    Built the Figma design in Elementor 3 on the Hello theme with a child theme, replacing the old Beaver Builder site. Tour cards, the difficulty scale and the facts strip all come from the same fields.

  2. 02

    Tours as structured content

    JetEngine post types for tours, team, partners and testimonials, a destination taxonomy, and a tours archive visitors can filter by year, destination, experience and season.

  3. 03

    A registration form people finish

    The long inquiry form became four steps in JetFormBuilder. Passenger and second-rider details are only asked for when they apply, and every entry is saved as a record and emailed to the team.

Screens

Tours archive with a filter bar for year, destination, experience and season, above a grid of tour cards showing days, experience level, miles and dates.
Tours
The Patagonia Elegante tour page: title and subtitle above a photo of the Torres del Paine peaks and a route map from Puerto Varas to Ushuaia.
Tour page
Tour facts for Patagonia Elegante: the illustrated difficulty card set to Adventure, 19 days, 18 nights, February dates, a price for a rider on a BMW GS 750, 2,381 miles, and Register Now, Tour Highlights, Full Price List and What's Included buttons, with the tour description, itinerary and FAQ below.
Tour facts
Registration form, step 1 of 4: a progress bar for Tour and Riders, Passenger, 2nd Rider and Last Page, a date picker for the tour, and the rider's name, email and phone fields.
Registration
Registration form, step 2: with Yes selected for Will you have a passenger, the passenger's name, email, phone and address fields appear.
Step 2
Mobile home page with the logo, search and menu buttons, the headline and the first tour cards.
Mobile Patagonia tour page with the title, subtitle, a photo slider and the start of the difficulty card.

Screens from motodiscovery.com, October 2026.

Step 2 shows the passenger fields that appear only after a rider answers Yes.

Small detail

Every tour page has an illustrated difficulty card. The scene stays the same, but the rider moves with the tour's level: on the paved road by the city for a road tour, into the foothills for adventure, and up the steepest hill for adventure plus. The matching level turns orange. It all comes from one difficulty field on the tour.

Difficulty card for a road tour (San Miguel de Allende): the rider is on the paved road in front of the city skyline, and Road Tour is highlighted. Difficulty card for an adventure tour (Patagonia Elegante): the rider has left the road and climbs the first green hills, and Adventure is highlighted. Difficulty card for an adventure plus tour (Ladakh): the rider is on top of the highest hill, and Adventure Plus is highlighted.

From the San Miguel de Allende, Patagonia Elegante and Ladakh tour pages.

Before and after

The old home page in June 2023: a grey sidebar with Find Your Tour filters, a photo slider, and a newsletter popup covering the page on arrival. The new home page: full-width photo, the passport-to-experiential-travel headline and upcoming tours.

The previous Beaver Builder site, from the Wayback Machine, and the site today.

The backend

Every tour is a JetEngine post with 22 fields: days, nights, miles, starting price, dates with their own prices and expiry, itinerary, inclusions, FAQs, a route map and galleries. The tour template turns those fields into the page, so adding a tour means filling in a form, not designing a page. The registration form carries the tour it was opened from in hidden fields, so every entry arrives with its tour attached.

JetEngine settings for the Tours post type, showing Meta fields (22): subhead, starting price, days, night, miles, slideshow gallery, video and tour character, each with its type.
Tour fields
Editing a tour in WordPress: a Settings box with subhead, starting price, days, nights, miles and a slideshow gallery, next to the tour category and featured image.
Editing a tour
The registration form in JetFormBuilder: the list view shows hidden post ID and tour name fields, a progress bar, page breaks and Show if conditions; the sidebar lists the submit actions Save Form Record, Send Email and Redirect to Page.
Form builder

Admin screens from the live site, October 2026.

Next case One site, two countries, same design: moving Take2 from Elementor to Webflow