← Back to Portfolio
Caravan Residential Parks Victoria

Caravan Residential Parks Victoria

Victorian Caravan Parks Association Life Membership is the highest honour that can be bestowed on someone, or an entity, in our industry. It recognises a highly significant contribution to the establishment and growth of the Victorian caravan park industry and the success of associate members over an extended period.

View Live Website
My Role

Lead Designer & Developer — concept, design and build.

Platform

Headless WordPress, deployed on Netlify.

Focus

Fast, scalable, mobile-friendly user experience.

How I built it

The journey from brief to production.

Step 01

Brief

Caravan Residential Parks Victoria (CRPV) needed a rebuild of their existing WordPress site, which was slow and struggling to keep up with the size of their content. I led the project end to end, giving members and site visitors a fast, modern way to explore the company's services.

Step 02

Wireframe & Design

I started with wireframes to plan the page structure and user flow, then worked with the design team to turn them into high-fidelity mockups in Figma. The final designs helped define the layout, components, and overall visual direction for the rebuild before development began.

Step 03

Build — Headless Approach

I took a headless approach, pairing GatsbyJS with a WordPress backend over WPGraphQL, with a dedicated member and admin portal at portal.crpvic.com.au/login/ acting as the source of truth for all front-end content. The previous WordPress site rendered every page on request, which made it slow to load — I migrated hundreds of parks into the new headless structure, with every page now pre-rendered at build time as static HTML for fast load times and clean, crawlable pages for search engines. Using a readymade WordPress environment for the portal rather than building a bespoke admin system kept the project cost-effective without compromising on functionality, and that data feeds directly into the static build so the public site always reflects the latest content without exposing the backend. The site also shipped as a PWA, so it could be installed and revisited quickly even on slower mobile connections.

Headless architecture diagramCRPV member and admin portal
Step 04

Staging & Production

The project is hosted on Netlify with CI/CD wired up through Github, so every merge to staging and production automatically builds and deploys the latest version. That removed manual deployment steps and made releases predictable and low-risk.

Tech Stack

  • Headless Approach
  • GatsbyJs
  • Netlify
  • Tailwindcss
  • WpGraphql
  • REST API
  • Wordpress Admin
  • JWT Authentication
  • PWA
  • Responsive
  • Github
  • Static Site Generator (SSG)
  • Figma

My works in live preview

Here are some of my previous works that Id love to share.

Get in touch

Let’s build somethingawesome