OLYCE
Sri Lanka,
without compromise.
A luxury tour booking website for a premium Sri Lanka travel brand — editorial photography up front, full itineraries before the inquiry, Standard and Premium pricing in one view.
Client
OLYCE · Colombo
Engagement
Luxury tour booking website
Timeline
10 weeks · Q2–Q3 2025
Status
Tour packages
4live
Pricing tiers
2Standard · Premium
Starting from
$480/ person
Premium tours.
A PDF in someone's inbox selling them.
OLYCE had built a genuinely premium Sri Lanka travel product — curated itineraries, handpicked hotels, Standard and Premium tiers, exceptional photography. But travelers found out about them by word of mouth, and the entire experience from discovery to booking happened over email. The digital presence didn't match the product.
Before · The gap
Premium tours with no premium presence — travelers discovered Olyce by word of mouth and requested details by email, often waiting days for a response.
Before · The gap
Four distinct packages with Standard and Premium tiers couldn't be communicated without a call or a PDF deck sent manually.
Before · The gap
Olyce had invested in exceptional photography. It was sitting in a Google Drive folder.
The photography is the product. Lead with it.
Luxury travel is sold by atmosphere before it's sold by features. The site opens in full-bleed dark editorial mode — no nav clutter, no hero text competing with the image. Only after the feeling is established does the information start. Itineraries, hotels, inclusions, and pricing are all on one page. The traveler is informed by the time they hit Inquire.
Principle 01
Feel like the destination.
The site opens with full-bleed editorial photography and almost no UI chrome. The first impression is Sri Lanka, not a booking form.
Principle 02
Itinerary-first transparency.
Travelers see Day 1 through Day 7 before they ever hit Inquire. Hotels, inclusions, and the map all live on the same page — no calls needed to know what they're buying.
Principle 03
Two tiers, zero confusion.
Standard and Premium are side-by-side on every package page. The difference is clear. The booking panel surfaces pricing, inclusions, and a single CTA.
Package page — Cultural Triangle & Heritage
Itinerary view + Reserve Your Journey booking panel
What we actually shipped.
Four sections — Destinations, Journeys, The Edit, and Our Story — with per-package itinerary, inclusions, hotel, and map detail pages, all managed through a headless CMS.
Surface 01 · Discovery
Destinations + Journeys
Surface 02 · Package
Itinerary, Inclusions, Hotels, Map
Surface 03 · Booking
Standard vs Premium + inquiry
Surface 04 · Editorial
The Edit — curated travel stories
The spine · Next.js + Headless CMS
Tour packages, itineraries, inclusions, photography, pricing tiers — all content-managed
Frontend
Next.js · App Router
Styling
Tailwind CSS
Content
Headless CMS
Deploy
Netlify
Out · For the traveler
Full itinerary before inquiry · Standard vs Premium side-by-side
Out · For the team
CMS-managed packages · No dev needed to update content
Cultural Triangle & Heritage
From $480 / person · Standard & Premium
Hill Country & Tea Trails
From $499 / person · Standard & Premium
South Coast Beaches
From $499 / person · Standard & Premium
Wildlife & Safari
From $499 / person · Standard & Premium
What it replaced.
From launch · Q3 2025. Baseline: email-only inquiry flow with no digital catalog.
4packages
Cultural Heritage, Hill Country, South Coast Beaches, and Wildlife & Safari — all live with full itineraries.
2tiers
Standard and Premium pricing surfaced clearly on every package page — no call needed to understand the difference.
1inquiry CTA
All routes — browsing, reading, exploring — converge on a single clean Inquire action.
10 weeks. Editorial-first. Handed over.
Design came before development — and photography came before design. We didn't wire a single component until the visual language was locked.
Wk 1–2 · Discovery
Mapped four packages, two tiers.
Audited all tour content, photography assets, and the existing inquiry flow. Defined the information architecture for Destinations, Journeys, The Edit, and Our Story.
Wk 3–4 · Design
Editorial-first, UI second.
Full-bleed photography layout locked in round one. Package detail page — itinerary tabs, inclusions, booking panel — approved without revisions.
Wk 5–9 · Build
Every page photo-led.
Next.js site with headless CMS for tour packages. Itinerary, inclusions, hotel listings, and map tab all driven from structured content.
Wk 10 · Launch
Content migrated. Site live.
All four tour packages, photography, and editorial content migrated. Olyce team trained to manage packages independently.
Frontend
Next.js, Tailwind
Content
Headless CMS
Deploy
Netlify
Photography
Editorial-led
Booking
Inquiry flow
Tiers
Standard · Premium