Simon Lucas
Design Engineer · Available
Energy Football Broadcast

I close the gap between design and code.

Design engineer working at the seam of design, code and AI — turning ideas into things you can actually use, at production fidelity.

01

Selected work

Gallery · E.ON Next
Energy · Current
E.ON Next
Design Engineer · Design × Development × AI

Led the UX design of the Direct Debit forecasting tool, turning complex billing calculations into a transparent experience that helped mitigate ~£5.5M in annual losses. Also building a native iOS prototyping app in Swift and AI-assisted design tooling at the intersection of design, development and AI.

ReactTypeScriptSwiftAIiOS
02 — FOOTBALL
Gallery · FIFA World Cup
Football
FIFA World Cup, Qatar
Interactive Prototyper · Contract

Built high-fidelity interactive prototypes in React and HTML for the World Cup — turning design concepts into convincing, hands-on experiences under tournament timelines, used to test and sell ideas before they were built.

ReactHTMLPrototypingMotion
03 — BROADCAST
Gallery · Channel 4
Broadcast · Live
Channel 4
Design Engineer / UX Prototyper · Contract

Designed and built the React design system powering Channel 4’s flagship streaming app — accessible, reusable components the product teams build on every day. It bridged the design language and the shipped product, and it’s live in production now.

ReactTypeScriptDesign SystemsAccessibility
04 — COMING SOON
Gallery · The Freekz
Coming soon
The Freekz

Coming soon…

05 — COMING SOON
Gallery · The Hydra
Coming soon
The Hydra

Coming soon…

02

What I bring

FE

Frontend craft

React, TypeScript and modern CSS, with real attention to motion, state and detail.

DS

Design systems

Tokens, components, variants and states — accessible and built to scale.

PR

Prototyping

High-fidelity, interactive prototypes that feel like the real thing, built fast.

DX

Design partnership

Fluent in both languages — I sit close to designers and translate intent into code.

AI

AI-assisted tooling

Tools that make design teams faster, from idea to working product.

UX

Product instinct

Deeply invested in the experience — the small interactions are where it’s won.

03

Signal

Former moderator on the Framer community forum — helping people solve real React and prototyping problems.

Simon is a highly motivated, forward-thinking designer who brought real energy to the team. He was always first to explore new tools and smarter ways of working — and he didn’t keep that knowledge to himself. Dependable, hard-working and proactive, he got stuck into the detail without losing sight of the bigger picture.

— John Bygrave · Design Team

Simon quickly became my first point of contact for anything beyond my knowledge and scope. His clear guidance, detailed explanations and patience made my onboarding really welcoming — I knew early on he’d be the go-to person to get things done.

— Ranjit Sehambi · FIFA Digital Team
04

Contact

Looking for a design engineer? Let’s talk.

To get me to talk through each project and see how I’ve positively impacted each one, please contact me using the details below.

Edit mode Drop images onto a project · first = cover · ★ cover · ✕ remove