← Back to home
A superyacht carving a white wake through open water at dusk

Work Case study 04 of 06 Marine

Truphe Yacht

Discretion, written in whitespace.

Sector
Superyacht brokerage & charter
Scope
Brand website · fleet · enquiry
Framework
Next.js 16 · React 19
Motion
Motion 13 · Lenis

The brief

Truphe represents principals and family offices in the acquisition, sale and charter of significant superyachts. Its clients rarely browse. They arrive with intent, and they notice when anything feels rushed or templated.

Our approach

We set the whole experience to a slow tempo: long horizontal compositions, restrained serif typography and motion that eases in the way a hull settles. Behind that calm sits a typed content model for sale and charter fleets, yacht detail galleries, crew and office information, and validated enquiry flows.

Truphe Yacht website on desktop, scrolling through the home page
Truphe Yacht website on a phone, scrolling through the home page

Captured from the live site. Scroll to read it.

What we crafted

  1. Sale and charter fleet architecture
  2. Yacht detail galleries
  3. Cinematic video hero
  4. Validated enquiry experiences
  5. Motion and smooth-scroll system
  6. Mobile-first layouts
Superyacht underway on a golden sea, seen from above
Superyacht underway on a golden sea, seen from above
Teak sundeck with loungers facing the sunset
Teak sundeck with loungers facing the sunset
Pale main salon with sea views through full-height glass
Pale main salon with sea views through full-height glass
Superyacht at anchor under a dark evening sky
Superyacht at anchor under a dark evening sky

Under the surface

  • Next.js 16 App Router
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Motion 13
  • Lenis 1.3
  • Typed content modules

See it working

trupheyacht.com(opens in a new tab)