• Available for contracts

  • Available for contracts

John Bygrave Limited

E.ON NEXT · DESIGN SYSTEM

Horizon Design System

Horizon Design System

Horizon Design System

A scalable, token-driven design system built to bring consistency and speed to the E.ON Next website.

A scalable, token-driven design system built to bring consistency and speed to the E.ON Next website.

A scalable, token-driven design system built to bring consistency and speed to the E.ON Next website.

CLIENT

E.ON Next

ROLE

Lead Product Designer

TIMELINE

2024 – 2025

TOOLS

Figma, Tokens Studio

01 — Overview

E.ON Next’s website had grown through years of independent feature work, leaving inconsistent components and duplicated patterns across teams. Horizon establishes a single, token-driven source of truth — from colour and type to spacing and component behaviour — so every new feature inherits the same visual language from day one.

02 — The Approach

Every token maps to a Figma variable, and every component is built as a documented, composable unit — so design and engineering stay in lockstep as the system scales.

03 — Outcomes

  • Designers worked faster with pre-built, flexible components

  • Developers shipped consistent UIs with fewer handoff issues

  • Accessibility and design quality improved across every product built on it

Let’s build something better.

Let’s build something better.

Let’s build something better.