Simon Lucas
Design Engineer · Available
Energy Football Social 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

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

Part of the team that redesigned the E.ON Next iOS and Android app in React Native — increasing customer happiness by 16% and reducing inbound emails by 23.6%. Also building a custom AI-powered mobile prototyping tool and led the UX design of the Direct Debit forecasting tool, helping mitigate ~£5.5M in annual losses.

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 — SOCIAL
Gallery · Triller
Social
Triller
UX Designer / Prototyper · Contract

Designed and prototyped complex features for Triller, a short-form video app competing with TikTok. Used my expertise in ProtoPie to prototype features including their video editor — an AI-powered tool that automatically edits clips into music videos.

ProtoPiePrototypingMobileAIVideo
04 — 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
05 — PROTECTED
Gallery · Electric Sheep
Protected project
Electric Sheep
Password required

This project is protected. Enter the password to view the case study.

Protected
06 — COMING SOON
Gallery · The Freekz
Coming soon
The Freekz

Coming soon…

07 — 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.

Protected project

This case study requires a password to view.

Incorrect password. Please try again.
Edit mode Drop images onto a project · first = cover · ★ cover · ✕ remove