Skip to content
Back to projects

Edelweiss Maritime

A self-initiated, production-grade concept reimagining the digital presence of a luxury superyacht charter & management company — cinematic 3D and motion, a headless CMS, and full bilingual (EN/AR) RTL support.

Next.js 16Payload CMSThree.jsGSAPRTL i18n
Live Site

Edelweiss Maritime

A solo, end-to-end build reimagining the digital presence of Edelweiss Maritime Services — a luxury superyacht charter and management company. I took it from research and brand direction through UX, visual design, and a full production front-end and CMS, entirely on my own initiative.

A self-directed concept build, not a commissioned delivery — it was never sold to the client, and the source is closed. The live demo runs on my own subdomain.

The Brief I Set Myself

Elevate an existing maritime brand — not rebrand it — into the most alive, interactive site in the luxury yacht-management space: cinematic motion, real 3D, and navigation that feels effortless across languages and cultures.

What I Built

  • Cinematic front-end — scroll-driven storytelling with GSAP, buttery-smooth scrolling via Lenis, and real-time 3D scenes with Three.js / React Three Fiber.
  • Headless content — a Payload CMS backend over Postgres, so every service pillar, journal post, and inquiry is editable without touching code.
  • Truly bilingual — English and Arabic with full right-to-left support (plus French), powered by next-intl with locale-aware routing.
  • Production hardening — Cloudflare Turnstile bot protection, strict security headers, a branded maintenance mode, and complete SEO infrastructure (sitemap, OG images, structured metadata).

The Stack

  • Next.js 16 — App Router, Turbopack, Partial Pre-Rendering, and the React Compiler for automatic memoization
  • React 19 + TypeScript end to end
  • Tailwind CSS v4 with a token-based design system
  • Payload CMS v3 + Neon Postgres for structured content
  • GSAP, Lenis, and Three.js for motion and 3D
  • next-intl for EN / AR / FR with RTL
  • Vitest + Playwright for unit and end-to-end testing

Why It Matters

It's the clearest single example of the three things I do together — setting product and brand direction, designing the experience, and shipping the production code — at a level of polish meant to win a luxury client.