KEEL — Expedition Cruise Line
Follow the water.
An elegant, calm launch site for a boutique expedition cruise line, built in Nuxt (Vue 3). Scroll pins a horizontal deck-by-deck tour of the ship — Sun Deck to Bridge — over a procedural moving ocean, while an itinerary route draws itself along the coast. Three voyages with day-by-day itineraries, a full ship walkthrough and a validated enquiry flow complete a static-export site with a fully-visible reduced-motion fallback.
Role · Design + front-end build (Nuxt, GSAP horizontal deck tour, procedural ocean) · Updated Jul 2026
- 6 page types: horizontal deck-tour home, voyages index, itinerary (×3), the-ship, experience, about, enquire
- The pinned horizontal deck tour + a procedural canvas/SVG ocean + a self-drawing SVG route
- Typed voyages / decks / ship data with clean CMS seams
- Self-hosted fonts via @nuxt/fonts, reduced-motion-safe reveals, base-prefixed for any host
- Delivery
- 3–4 days
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · CMS / enquiries
Voyages, decks and copy are typed data with clean CMS seams; wire the enquiry flow to any provider or booking system.
Delivered as full Nuxt source. Swap the voyages and deck plans, retheme the ocean/brass accents, and wire enquiries to your booking system — the deck tour and routes are typed data.
What makes it special
A ship you tour sideways
The signature moment pins a horizontal deck-by-deck tour — Sun Deck, Lounge, Cabins, Dining, Bridge — that scrubs across the viewport as you scroll, each deck a procedural cutaway SVG. Under reduced motion it becomes a clean vertical stack; nothing is ever hidden.
The route draws itself
A stylized itinerary map draws its sailing route along the coast on scroll via plain SVG stroke-dashoffset — no paid plugin — over a procedural moving ocean rendered in canvas and layered SVG waves. No video, no WebGL risk.
Three real voyages
Northern Fjords, Adriatic Light and Hebridean Passage each get a full itinerary page — day-by-day, what's included, cabins, a self-drawing route and a from-price — so the range is genuinely browsable.
A complete line IA
Home, a voyages index, three itinerary pages, a ship walkthrough with deck plans and cabin categories, an onboard-life editorial, an about/ethos page, and a validated enquiry flow.
Calm, coastal, accessible
A navy-to-teal system with brass accents and self-hosted fonts; every scene sits behind prefers-reduced-motion with a fully-visible static hero that doubles as the store card. Static export, no runtime external requests.
What’s included
- 6 page types: horizontal deck-tour home, voyages index, itinerary (×3), the-ship, experience, about, enquire
- The pinned horizontal deck tour + a procedural canvas/SVG ocean + a self-drawing SVG route
- Typed voyages / decks / ship data with clean CMS seams
- Self-hosted fonts via @nuxt/fonts, reduced-motion-safe reveals, base-prefixed for any host
- Full Nuxt 4 / TypeScript source, static export, WCAG 2.2 AA intent
More Hospitality & Travel templates
Explore more collections
Frequently asked
- What do I get when I buy KEEL?
- A one-time licence with the full, editable source code, including 6 page types: horizontal deck-tour home, voyages index, itinerary (×3), the-ship, experience, about, enquire, the pinned horizontal deck tour + a procedural canvas/svg ocean + a self-drawing svg route, typed voyages / decks / ship data with clean cms seams. 14 days setup support and free updates included.
- What is KEEL built with?
- It's a Nuxt marketing site, built with Nuxt 4, Vue 3, TypeScript, Tailwind v4, GSAP ScrollTrigger. You receive the complete source to host and extend anywhere.
- Can YantraCore customise KEEL for my brand?
- Yes — buy it as-is for $4,400, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 3–4 days after purchase.
Make KEEL yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.