All work

Sports club · Hibiscus Coast

HBC Triathlon & Multisport Club

A fast, self-managed website for a volunteer-run triathlon club, with a comprehensive custom CMS and the club's own AI assistant.

Visit the live site
HBC Triathlon & Multisport Club website

The brief

The Hibiscus Coast Triathlon & Multisport Club has been training on the Coast's beaches, roads and trails since 1993. A club like this has a lot of moving parts: events, weekly training, race results, newcomers, news, sponsors and a committee of volunteers keeping it all current in whatever time they can spare.

So the site is built to be run by the club itself. I designed and built a comprehensive custom CMS on a modern real-time platform, wrapped in a fast, bold front end, and gave the club something most club sites don't have: its own AI assistant.

The HBC Tri brand and design-system style-guide page

Logo, brand and design system

Before a line of code, the club got a bold new identity that feels like sport, built into a proper design system so every page stays consistent.

  • A distinctive logo and brand identity
  • A full design system: colours, type and reusable components
  • A living style-guide page, so the look stays consistent as the site grows
Stylised illustration of an easy content dashboard above a clubhouse

A custom CMS the committee actually runs

Everything on the site is editable by the committee, with no code and no waiting on a developer. When they make a change, it is live for members straight away.

  • Manage events, weekly training, routes & maps, news, achievements and the gallery
  • Race results with automatic club-champs points, plus sponsors and committee listings
  • Newsletter, a 'come & try' newcomer inbox, and a contact inbox
  • Passwordless sign-in for committee members
  • Edits appear instantly for visitors, with no rebuild or publish delay
The HBC Tri events page

A blazing-fast, live front end

The site is built to feel instant. Because the front end subscribes to the club's data in real time, new content simply appears, and pages stay quick on a phone at the beach.

  • Real-time content: publish once and it is live everywhere immediately
  • Optimised, right-sized images throughout
  • Fast, edge-cached data with graceful fallbacks
  • A bold, distinctive design that still loads fast
Stylised illustration of live beach and sea conditions

Built for a multisport club

The clever bits are the club-specific ones, the jobs a generic template never handles well.

  • Live beach weather and sea conditions, with a backup source so it never goes blank
  • A weekly training status that admins can flag on, off or modified, and that clears itself daily
  • Race results and club-champs standings with split times and placings
  • A beginners' corner and a free 'come & try' path for newcomers
Stylised illustration of an AI assistant answering from the club's information

The club's own AI assistant

A chat assistant that answers members' questions from the club's own information, and keeps itself up to date as the committee publishes.

  • Answers grounded in the club's real content, with links to the right pages
  • Re-reads newly published articles every week, so it stays current on its own
  • Takes the load off the committee for the questions they get asked over and over

A look around the site

HBC Tri homepage

Swim. Ride. Run. Together.

HBC Tri training page
HBC Tri results page
HBC Tri beginners page

Built with

Next.js (App Router)ReactConvex (real-time DB)Tailwind CSSVercelResendPinecone

The outcome

The committee now runs the whole site themselves, changes go live for members the moment they're made, and the club has an assistant answering the everyday questions around the clock.

It's a good example of a site that does real work for the people running it, not just a brochure that sits still between seasons.

Tell me what you want your website to do.

The first consultation is free and no-obligation, and a fixed-price quote follows if it's a fit. You'll get straight answers either way, from a local you can actually ring.