Alcohol-free beverage · Australia · 2022 build

A brand website that's as
bold as the product it
represents.

5ex is an alcohol-free alternative that doesn’t want to look like one. They needed a website with genuine creative edge — immersive sections, a dark mode toggle, and a layout that felt more like a brand experience than a standard marketing site.
Visual themes, switchable
2
Full light + full dark, no flash on toggle
Layout pattern
Slides
Each section a full-viewport moment
Hand-coded
100%
No page builder, no templates underneath
CMS for the client team
WordPress
Copy, imagery, and content owned by 5ex
Client
5ex
Industry
Beverage
Engagement
2022
Services
Website Development
The build

Two themes,
one cinematic scroll.

Fully custom WordPress — no page builder, no template. Every layout and interaction coded directly. Slide-based sections, a full dark/light theme toggle, and a responsive build that keeps the cinematic feel on mobile.
https://drink5ex.com/
5ex website preview

Slide-based sections

Each major section occupies a full viewport slide. Scrolling feels cinematic, not paginated — closer to a brand reel than a webpage.

Dark-mode toggle

A single JS toggle flips the entire site between two complete visual themes. CSS custom properties handle the swap — no flash, no flicker.

Cinematic on mobile too

The slide layout adapts to phone screens without losing the immersive feel — CSS transforms and viewport units throughout.

Custom code, WordPress CMS

Bespoke front-end with WordPress on the back. The client manages copy and imagery; there’s no page builder to fight when adding new sections.
StackWordPressCustom themeCSS custom propertiesJavaScript

No tricks.
Just the right work, done properly.

01

The challenge

5ex competes against energy drinks and soft drinks — not the usual ‘healthy water’ category. They wanted a site with the same energy as the product: loud, modern, cinematic. Plus a dark-mode toggle, since the brand lived across two visual identities depending on context.
02

The approach

Built fully custom on WordPress — no page builder, no template. Each section a full-viewport slide for the immersive scroll. CSS custom properties power the dark/light toggle so every colour swaps instantly with zero flash. WordPress CMS so 5ex owns their content as the product evolves.
03

The result

It looks like a brand site, not a WordPress template. The dark-mode toggle became an audience talking point in itself — a rare case where a technical feature crossed over into brand storytelling. And because there’s no page builder underneath, the codebase stays lean for whatever 5ex want to add next.
The actual work

Bespoke front-end,
WordPress underneath.

The work that made it feel like a brand moment instead of a CMS template.
  • Custom WordPress theme — no page builder
  • Full-viewport slide-based section layout
  • Smooth scroll-snap behaviour between slides
  • Dark / light mode toggle via CSS custom properties
  • Persistent theme preference saved to localStorage
  • Responsive build adapting slides for mobile screens
  • CSS transforms + viewport units for the cinematic feel
  • Brand identity integration (typography, colour, motion)
  • WordPress CMS architecture for content updates
  • Image and video handling inside the slide system
  • Performance optimisation despite full-viewport sections
  • Cross-browser testing for the theme-toggle behaviour

Disclaimer: This website listed in devPanda's portfolio was developed by Ethan Jarrett while employed at Yakk, and is not associated with devPanda. The intellectual property rights to these websites belong to the respective parties. devPanda is a personal portfolio showcasing the work of Ethan Jarrett and is not affiliated with any of the businesses represented in these projects.

Get started

Want results like these?

Free SEO audit or a no-obligation discovery call. Honest assessment, no hard sell. If neither’s the right move right now, I’ll tell you that too.