The Dubrovnik Charter home page in a browser and on a phone: a two-masted yacht at anchor and a swimmer in turquoise water, under the blue 'Dive into the world of Luxury yachts' panel.

Dubrovnik Charter

A fast, content-rich yacht charter website powered by Airtable

Visit site

A high-performance yacht charter website built around a custom Airtable-powered CMS, with rich catalog pages, dynamic inquiry forms, custom scripts, Cloudflare deployment, and bespoke animations.

Map data © OpenStreetMap contributors

Dubrovnik Charter is a boat and yacht charter business based in Dubrovnik, Croatia. They rent yachts, boats, sailboats, private excursions, and curated trips along the Croatian coast. Their website needed to do several things at once: present a large and visually rich catalog, support fast lead generation, handle frequent content changes, and stay extremely performant despite being powered by an unconventional backend.

Dubrovnik Charter home page on a laptop and a phone: an aerial photo of a sailing yacht in a green cove under a blue intro panel.

The client already ran much of their business through Airtable, so the website could not rely on a traditional CMS. Instead, Airtable itself had to become the source of truth for boats, trips, forms, content, and operational workflows.

Challenges and context

The biggest technical challenge was combining three things that usually pull against each other:

  • a media-heavy yacht charter website
  • a dynamic catalog managed through Airtable
  • near-perfect frontend performance
The fleet page and the Oriy yacht page side by side.

The site needed to feel polished, modern, minimal, and associated with the sea, while also being fast enough to compete in a very SEO-sensitive tourism market.

Airtable made the project both interesting and difficult. It gave the client a familiar, flexible operational tool, but it also meant we had to build a custom content and deployment workflow around a platform that was not designed as a typical web CMS.

Performance-first stack

The first version of the site was built in Gatsby, primarily because of its static generation model and excellent image processing. For a luxury charter website with high-quality photography, performance and image handling were crucial.

Later, we migrated the site to Astro, keeping the same core philosophy: generate as much as possible statically, keep the frontend lightweight, and make the browsing experience feel instant.

The reasoning stayed consistent across both versions:

  • performance first
  • excellent SEO fundamentals
  • fast browsing on mobile
  • low runtime complexity
  • Airtable as CMS and business backend
  • clean deployment and CI/CD workflows

The main tradeoff was build and deployment speed versus runtime performance. Gatsby handled the static site well, but building a large catalog with heavy image processing pushed the build pipeline hard. Moving to Astro helped modernize the architecture while keeping the same performance-oriented approach.

Airtable as a custom CMS

A major part of the project happened outside the visible website.

We built a custom Airtable-based CMS workflow with:

  • structured tables for website content
  • custom Airtable scripts
  • form automations
  • CMS integration into the build system
  • deployment and CI/CD workflows
  • Cloudflare-based deployment and caching infrastructure

One of the standout features was a fully dynamic form builder controlled through Airtable. This gave the client flexibility to manage inquiry flows without requiring code changes for every adjustment.

Dubrovnik Charter 'Get in touch' form asking about boat type, budget, dates, guests and contact details.

This was especially important because Dubrovnik Charter is not a simple brochure site. It includes fleet pages, routes, editorial content, search, lead forms, and custom booking-oriented interactions.

Design, interaction, and outcomes

The visual direction was polished, clean, and modern, with subtle nautical associations rather than obvious seaside cliches.

There was an existing design direction, but we expanded it significantly with custom UI and interaction work. The final site includes bespoke animations and carefully crafted interface details designed to make the browsing and inquiry process feel refined.

Three phones showing the home page, the Oriy yacht page and the Elaphiti islands route.

Important interaction points include:

  • a prominent “Plan My Yacht Charter” flow
  • polished form popup interactions
  • dynamic inquiry forms
  • route and trip presentation
  • catalog browsing and search
  • rich image-led pages
Map of a three-day charter route from Dubrovnik to Mljet and Korčula, drawn as blue lines between stops.

The site has been live since 2021, and the client has been thrilled with the result. It scores 100 for SEO and best practices in Lighthouse, and 92 for performance on mobile. It has delivered strong search visibility, many conversions, flexible Airtable-based content management, and a polished digital experience aligned with the charter market.

Around the site

Built with
  • Gatsby
  • React
  • CSS
  • Airtable
  • HTML
  • Javascript
  • Astro
  • Cloudflare