Beaulieu is a major UK heritage attraction in the New Forest — home to the National Motor Museum and the Palace House estate. The project involved building the complete public-facing website and a custom online ticketing system, integrated with the venue’s third-party resource management backend (Gamma) and WooCommerce.
Homepage
Tickets Booking
Event
My responsibilities
- Built the entire front-end on Roots Sage — Blade templates, SCSS/Bootstrap 4, Webpack, and MVC-style PHP controllers — covering all site sections: homepage, events, press, recruitment, FAQs, search, and checkout
- Engineered four distinct ticket booking flows (day admission, single events, multi-day events, weekend multi-resource events) — each as a step-by-step JavaScript class driving live API calls to the Gamma venue management system
- Built a custom WooCommerce REST API layer that validates ticket selection, reserves capacity in real time, and adds products to cart with full booking metadata — including a re-reservation mechanism that cancels and re-combines spaces when a user updates their selection
- Designed a live availability calendar (Litepicker) that distinguishes available, low-availability, sold-out, and custom ACF-highlighted date ranges using real-time data from the venue backend
- Built a fully custom WooCommerce transactional email system with per-booking-type content, barcodes, gift aid information, and ACF-driven copy — covering admission, day events, and multi-day weekend bookings
- Implemented ticket dependency validation (e.g. child requires adult, with ratio limits) enforced both client-side at submission and server-side in the REST handler
Technologies
- WordPress
- PHP w/ Blade templates
- Roots Sage framework
- JavaScript (ES6 classes)
- SCSS / Bootstrap 4
- WooCommerce
- Gamma API
- Webpack