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

5ex is an alcohol-free alternative positioning itself against energy drinks and soft drinks — not the usual 'healthy water' category. The brand wanted to look different: loud, modern, and unapologetically bold.

The brief was to build a website that felt cinematic. Not a homepage with some sections and a contact form — something that moved, breathed, and matched the energy of the product. The added requirement was a toggleable dark mode, since the brand existed across two distinct visual identities depending on context.

We built a fully custom WordPress site with no page builder involvement — every layout and interaction coded directly.

• Slide-based section layout — each major content section occupies a full viewport slide, creating an immersive scroll experience rather than a standard scrolling page.
• Dark / light mode toggle — a single JavaScript toggle switches the entire site between two complete visual themes. CSS custom properties handle the transition so every colour, background, and shadow updates instantly with no flash.
• Responsive build — the slide layout adapts cleanly to mobile without losing the immersive feel, using CSS transforms and viewport units throughout.
• WordPress CMS — the client can update copy, swap product imagery, and manage content without touching code.

The finished site matched the brief: it looks like a brand website, not a generic WordPress template. The dark/light mode toggle was a standout feature that generated direct positive feedback from the client's audience — a rare case where a technical implementation became a brand talking point in itself.

The WordPress backbone means 5ex can manage their own content as the product evolves, while the custom codebase means there are no page builder dependencies to fight against.