Riad is a luxury Morocco travel landing page built for private tour operators. It uses a horizontal scroll layout to present curated itineraries as gallery panels, each with a hero image, journey highlights, and a direct booking drawer. The design is calm, editorial, and saffron-accented, made for well-traveled clients who want Morocco arranged beautifully.
by Rocket studio
Loading preview…
Quick summary
Riad is a single-page horizontal scroll landing page for a luxury Morocco tour operator. It presents three signature journeys as swipeable gallery panels, each with its own image, itinerary highlights, and a per-person price. An inline booking drawer handles reservations directly. The overall feel is editorial, unhurried, and quietly persuasive.
Who this template is for
This template is built for boutique travel operators who sell private, hand-crafted Morocco itineraries. It suits businesses where personal curation is the product and the client expects a high-end experience from the very first click.
Private Morocco tour operators offering curated multi-day itineraries
Boutique travel agencies catering to experienced, discerning travelers
Operators selling a small selection of signature journeys with direct booking
What problem this template solves
Most travel landing pages feel like booking engines or brochures. They crowd the page with options, hide prices, and send visitors off to contact forms they never complete. Riad removes that friction entirely.
Itineraries are presented clearly, with prices visible on each panel
The inline booking drawer removes the need to leave the page to reserve
A "Build Your Own" path catches visitors who want flexibility without losing them
What you get with this template
You get a complete, ready-to-customize horizontal scroll landing page that presents up to three bookable journeys in a polished, gallery-style layout. Every section is purposeful and every interaction is designed to move a visitor toward a reservation.
A lifestyle hero header with a headline, no overlay darkening required
Three lateral journey panels with images, highlights, pricing, and booking access
An inline booking drawer with a calendar picker, guest stepper, and room preference selector
Feature list
This template is structured around a small number of carefully considered components. Each one serves a specific role in guiding a visitor from first impression to confirmed reservation.
Theme
Luxe Minimal
Creative direction
Curated Collection
Color system
Alpine Fresh
Style
Horizontal Scroll
Direction
Direct Sales
Page Sections
Horizontal Scroll Journey Gallery
Inline Booking Drawer
Per-person Price Display
Urgency Availability Line
Build Your Own Secondary Path
Lifestyle Hero Header
Related questions
Can I change the three featured itineraries to match my own offerings?
Does the booking drawer connect to an external reservation system?
Is this template suitable for a single-destination operator?
Can the Build Your Own link point to any questionnaire tool I choose?
How does the urgency availability line work on each panel?
Horizontal Scroll Journey Gallery
Each itinerary panel scrolls in laterally, like turning pages in a linen-bound lookbook. The progression moves geographically from city to desert to coast, so the scroll itself tells a story.
Inline Booking Drawer
Each journey panel opens a booking drawer directly on the page. Visitors select travel dates with a calendar picker, set their group size with a stepper, and choose between a riad suite or a private villa, all without navigating away.
Per-Person Price Display
Every panel shows a clear per-person price alongside the journey highlights. There is no price buried in a contact form. Transparency here reduces hesitation and pre-qualifies the visitor before they reach the booking step.
Urgency Availability Line
A subtle line beneath each panel reads something like "Only 4 departures left in October." It is understated and honest, earning attention rather than forcing it with aggressive countdown timers or pop-ups.
"Build Your Own" Secondary Path
A secondary link at the bottom of every journey panel routes visitors to a short questionnaire. This captures the segment of visitors who want a fully custom itinerary rather than one of the three signature journeys.
Lifestyle Hero Header
The header is a full-bleed lifestyle photograph: a woman in linen walking through a keyhole archway, golden-hour light catching dust motes in the air. The headline sits off-center in light cedar type, and the photograph carries its own contrast without any overlay or gradient.
Page sections overview
Section
Purpose
Hero Header
Opens with the lifestyle image and headline to set tone immediately
Medina & Mountains Panel
Presents the seven-night city and mountain itinerary
Sahara Under Stars Panel
Presents the four-night desert escape itinerary
Coastal Road Panel
Presents the eight-day coastal drive itinerary
Inline Booking Drawer
Handles reservation details without leaving the page
"Build Your Own" Path
Routes customization-seekers to a short questionnaire
Design & branding system
The visual identity follows a Luxe Minimal theme built on an Alpine Fresh color palette. The combination feels like mountain air filtered through a shaded garden courtyard, cool and luminous with occasional warmth.
Backgrounds stay in crisp summit white (#F7F9FB) and eucalyptus mist (#A8C5B8) to keep the page airy
Deep atlas cedar (#1B3A2D) anchors all body text, navigation, and structural elements
Burnished saffron (#D4943A) is used sparingly for pricing, calls to action, and hover states so it feels precious every time it appears
Mobile & speed optimization
The horizontal scroll layout is designed with touch interaction in mind. Swiping through journey panels on a mobile device feels natural, similar to browsing a digital lookbook on a tablet or phone.
Each panel is sized and spaced to work comfortably on smaller screens without crowding
The inline booking drawer is compact enough to open cleanly on a phone screen
Typography and spacing scale down from desktop to mobile without losing the editorial feel
How this template helps you convert
Riad is engineered around one outcome: turning a curious visitor into a confirmed reservation, with as few obstacles as possible in between.
Price transparency on every panel removes the most common reason visitors leave without acting, the fear of not knowing the cost until too late in the process.
The inline booking drawer keeps the visitor on the page at the moment of decision, eliminating the drop-off that happens when a separate booking page loads.
The "Build Your Own" secondary path ensures no visitor leaves empty-handed, capturing the segment who want customization rather than a fixed itinerary.
Other information about this template
Riad is a strong fit for Morocco travel operators who work in a premium segment and need a landing page that reflects the quality of their service. The template supports a focused, editorial presentation rather than a catalog-style layout.
The template is built as a single horizontal scroll landing page, not a multi-page website
The three journey panels can be updated to reflect any itineraries the operator offers
The saffron accent color is intentionally restricted so that every call-to-action button stands out without competing for attention
The header image composition is off-center, leaving breathing room for the headline on the left side of the frame
This layout suits operators who sell a curated selection of journeys rather than an open-ended catalog
