Super Yachting

Building a flexible, high-performance website for a growing sailing business in Olsztyn.

Super Yachting is a sailing-experience business run by Tomek and Magda. I first worked with them in 2021, when they were just getting started and needed a simple website to support their Google Maps presence.

At that point, the goal was straightforward: give potential customers a clear introduction to the business, show the offer, and make it easy to get in touch. We considered WordPress, but it did not feel like the right fit. The site was not expected to change often, and I would be handling the technical side anyway.

Instead, I built a lightweight static website using Twig and a modified MIT-licensed HTML template. It was intentionally simple, affordable to run, and enough to help the business establish an online presence.

When the business outgrew the first website

Over time, Super Yachting expanded its offer. A new catamaran joined the fleet, and the business developed a much clearer understanding of its audiences: couples, tourists, corporate teams, organised groups, people planning celebrations, and customers looking for sailing training or gift vouchers.

The original site was no longer enough. It had around six or seven pages, limited layout flexibility, and a structure designed for a much narrower offer.

The next version needed to do more than look better. It needed to become the business’s main online destination: a place where customers arriving from Google Maps or search could quickly understand the available experiences and find the one that suited them.

Super Yachting 2.0

I rebuilt the website from the ground up, covering the full process from information architecture and visual direction to implementation, content structure, image optimisation, SEO planning, deployment, and ongoing technical ownership.

The result is a more content-led website with 13 distinct subpages, each supporting a specific service or audience. Instead of forcing every offer into one generic landing page, the site can now present sailing trips, catamaran cruises, corporate events, romantic trips, group bookings, vouchers, and other services with their own copy, imagery, calls to action, and search metadata.

The homepage was also refined to give visitors a clearer overview of the company and route them towards the right part of the offer.

Design and technical approach

The first website used a Bootstrap 3-based template. It worked well for the initial launch, but adapting it to the new visual direction became increasingly difficult.

For version two, I chose a custom Tailwind CSS design system and SvelteKit.

Tailwind gave me the flexibility to create layouts and reusable components without working around the assumptions of a pre-built theme. For a site that evolves gradually rather than every week, its utility-first approach also makes the codebase easy to revisit and extend.

SvelteKit handles routing, templating, and static-site generation in one place. The website is fully prerendered, so visitors and search engines receive HTML directly from the server while the site can still use client-side navigation and small interactive elements where they improve the experience.

A few notable details include:

• A mobile-friendly, auto-scrolling image gallery.
• A Google Reviews widget to bring social proof closer to the booking journey.
• Reusable page and content components for new services and future expansion.
• Responsive image handling with Vite Image Tools, including appropriately sized sources and srcset support for large landing-page imagery on mobile and desktop.
• Distinct page titles, meta descriptions, and JSON-LD structured data to support search-engine indexing and richer understanding of the offer.
• Mobile and accessibility improvements, including a Lighthouse Accessibility score of 100 during testing.

Outcome

The rebuilt site gives Super Yachting a clearer, more scalable digital presence. It is now the primary destination linked from the company’s Google Maps profile and provides enough structure for visitors to explore a growing range of services without relying on a single overloaded homepage.

Just as importantly, the platform is ready for further growth. New services can be added as dedicated pages using the existing components and content patterns, rather than requiring another redesign.

What is next

The next planned phase is moving the domain and hosting away from the legacy provider to Cloudflare.

This is not necessary for the current static site to work, but it reflects the same principle behind the rebuild: even a small business website should have a clear path for future requirements. Cloudflare would provide a better foundation for infrastructure, security, edge delivery, and potential backend features.

Because the project uses SvelteKit, moving to Cloudflare Workers with adapter-cloudflare should be a natural next step when those requirements become real.

— Mariusz Piątek, Founder & Principal Engineer