Surf Holiday Bali
A fast, booking-focused website for a Bali surf-holiday operator — rebuilt from the ground up for mobile guests and near-instant load times.
- Astro
- React
- Tailwind
- Booking flow
- SEO
Historical project figures, not a current performance guarantee. The load test used simulated 4G; results vary by device and test conditions.
The challenge
Surf Holiday Bali was getting most of its traffic on mobile from travellers with patchy connections, but the old site was slow to load and made it hard to understand packages or actually book a lesson. Inquiries depended entirely on Instagram DMs, and the site did nothing to build trust before that first message.
My approach
I rebuilt the site on Astro so it ships almost zero JavaScript by default, with React used only where real interactivity was needed — a booking enquiry flow and an image lightbox. Every photo goes through optimised, correctly-sized images to kill layout shift, and the whole thing was tuned against a strict performance budget. Content lives in structured files so the team can update packages without touching code.
The result
The new site loads in well under 1.5s on a simulated 4G connection and scores 95 on Lighthouse performance. Guests can now understand packages and start a booking enquiry in a couple of taps, and the WhatsApp-first contact flow turns interest into a real conversation immediately. It's become the anchor link the business shares everywhere.
Why it matters
This project connects the needs of a tourism business to practical engineering: clear packages, mobile navigation and a short path to a booking enquiry. My role covered design, implementation and deployment. No booking-growth or revenue figures are claimed here, because analytics for those outcomes are not included in this case study.
What I built
- A mobile-first homepage with a clear value proposition and dual call-to-action (WhatsApp + view packages).
- A structured booking-enquiry flow with client-side validation and instant feedback — no full page reloads.
- A photography-led gallery with a custom lightbox (keyboard navigation, prev/next, image counter).
- Open Graph and Twitter share cards tuned for WhatsApp link previews, since that’s where most of the link-sharing happens.
- A content layer so packages, testimonials and gallery images can be updated without code changes.
The numbers
The project notes record Lighthouse 95 on performance, a sub-1.5s load in a simulated 4G test, and 8 pages shipped. These are historical figures; a dated test report is not attached, so they should not be read as current measurements or a guarantee for every device.
See the product
Visit the live website to explore the current experience. The screenshots below were captured from the public site on 12 October 2026; the live build may continue to change after that date.