← Back to home
A white cruise ship crossing calm open ocean

Work Case study 06 of 06 Cruise

ElySea Cruise

A magazine you can book.

Sector
Ultra-luxury ocean expeditions
Scope
Discovery · voyages · booking funnel
Framework
Next.js 15 · React 19
Immersive
three.js 360° · Leaflet maps

The brief

ElySea sells all-suite ocean expeditions to secluded archipelagos, polar waters and the Riviera. The site had to feel like reading a travel editorial, and still move a guest from inspiration to a specific suite on a specific voyage.

Our approach

We paired magazine layouts with a structured booking funnel. Every suite has a 360° interior, voyages are mapped, and the guest's selections persist across the journey. The site is statically generated for speed and available in English, French and German.

ElySea Cruise website on desktop, scrolling through the home page
ElySea Cruise website on a phone, scrolling through the home page

Captured from the live site. Scroll to read it.

What we crafted

  1. Editorial content architecture
  2. 360° suite interiors
  3. Voyage maps
  4. Persistent booking funnel
  5. Multilingual experience
  6. Static generation for speed
Expedition ship in a Norwegian fjord between steep green walls
Expedition ship in a Norwegian fjord between steep green walls
Marble bathroom with a freestanding tub facing the sea
Marble bathroom with a freestanding tub facing the sea
Dinner table set on deck at sunset
Dinner table set on deck at sunset
Expedition ship among ice beneath snowy peaks
Expedition ship among ice beneath snowy peaks

Under the surface

  • Next.js 15 App Router
  • React 19
  • TypeScript (strict)
  • Tailwind CSS
  • Framer Motion
  • three.js
  • Leaflet
  • Zustand
  • Lenis
  • GitHub Actions → VPS · PM2

See it working

elyseacruise.com(opens in a new tab)