Built in WordPress using native Gutenberg blocks, the new site houses two custom GSAP-powered horizontal scrolling sections and a fully configurable interactive timeline, all editable by the client’s own marketing team without needing a developer for day-to-day changes.
Project Overview: Charity Website Rebuild in WordPress
The client, Firefly Children’s Foundation, has spent close to 50 years funding paediatric research and supporting child health, welfare and education programs across South Australia. In 2026 the foundation rebranded from Channel 7 Children’s Research Foundation to Firefly Children’s Foundation, a rebrand led by Adelaide agency communikate et al to better reflect the organisation’s mission and impact.
The new website needed to do more than carry the new branding. It’s the primary reference point for the foundation’s research funding, grant programs, donations and volunteering, and it needed an “Our History” section that could properly tell 50 years of the organisation’s story, without turning into a static wall of text. That meant an interactive timeline as a core feature, alongside the movement and energy the new brand called for elsewhere on the site.
The Solution
I worked on the development for this project at Argon, building the site from the creative direction and brand assets provided by communikate et al, who led the rebrand. With the design locked in, the job was to translate genuinely complex scroll interactions into a WordPress site the client could still manage themselves.
Rather than reach for a page builder, the site is built on native Gutenberg blocks. That decision made the two horizontal scrolling sections the biggest technical challenge on the project: housing two independent GSAP ScrollTrigger horizontal-scroll experiences on the same page, each built as its own custom Gutenberg block, without one interfering with the other’s pinning or scroll distance.
The timeline on the About page was the other major build. It’s a fully configurable Gutenberg block, the client can add, reorder and edit milestones straight from the block editor, and can nest any other block inside a timeline entry, whether that’s an image, a quote or a stat callout. It also had to hold up on both desktop and mobile, so the same block adapts from a pinned horizontal scroll on larger screens to a layout that stays usable and legible on a phone, rather than just hiding the animation on small viewports.
The Results
There’s no vanity metric to point to here, this is a reference site first: it houses the research and program information researchers rely on, and the donation and volunteering pathways the foundation depends on for funding. What matters more is that the client is genuinely happy with it. The foundation now has a site that matches the ambition of its new brand, with an About page that does justice to 50 years of history, and a CMS their own team can keep building on without needing a developer for every change.
Built in collaboration with communikate et al, who led the Firefly Children’s Foundation rebrand.
