PIE Design System

UI Design · Design systems

test

Team

Molly Nye

Ting Ting Lau

Talitha Ferreira

Philip Lackmaker

78+Designers served by PIE across all product areas
500+Engineers building on PIE — Web Components, React, React Native, iOS and Android
100%iOS and Android product coverage — every mobile product runs on PIE
17Countries where PIE-powered products are live

External validation of work built from the inside

In 2025, PIE was shortlisted for the Design System Awards Best Adoption category — run by zeroheight, the leading platform for design system documentation. Past winners include Pinterest, Wise, Eventbrite, and Schneider Electric. The nomination recognises systems that have demonstrated exceptional adoption strategies, not just technical quality.

"Adoption isn't just about components, it's about connections. They actively built excitement around PIE with branding, storytelling, talks, and a sense of fun. The emphasis on craft and care wasn't just aesthetic — it built trust and emotional adoption." — Design System Awards jury

This nomination matters personally because it validates the approach I work within every day. The award isn't recognising a finished artefact — it's recognising a living culture of adoption, and that culture is one I've actively contributed to and benefited from.


What PIE is, and why adoption is the hard problem

Just Eat Takeaway operates across 17 countries, serving customers, restaurant partners, and courier networks through a suite of apps and platforms that span iOS, Android, and web. Before PIE, growth through mergers had introduced multiple design languages, legacy systems, and inconsistent UI patterns across regions — a common consequence of acquisition-led scale.

PIE — Principles for Interfaces and Experiences — was built to unify this. But building a design system is the easier half of the problem. Getting hundreds of designers and engineers across a global organisation to actually use it, trust it, and build with it over their own instincts — that's the hard part. That's what the Best Adoption nomination recognises.

"A design system that isn't adopted is just documentation. PIE was built to be the path of least resistance, not the path of most correctness."

The four principles that guide everything

PIE's design decisions — from component architecture to documentation tone — are grounded in four principles that apply equally to how the system is built and how it treats the teams using it:

Empowered
Teams should feel able to move fast and build confidently, not blocked waiting for system approval
Consistent
One source of truth for design and engineering across every platform, region, and product area
Inclusive
Accessibility built in from the start, not retrofitted — tested at every stage of component development
Effective
Solving real pain points for real teams — not theoretical best practice that nobody uses

Contributing to the system and living inside it simultaneously

My position within PIE is dual: I contribute directly to the system itself alongside the core PIE team, and I embed that system into the Logistics product area — designing tools for the courier and partner networks that power Just Eat Takeaway's fulfilment operations.

This dual role is an advantage. Working in Logistics means I encounter the real friction of adoption — the edge cases components don't cover, the documentation that isn't clear enough, the tokens that need extending for specific contexts. Those findings feed directly back into PIE, making me both a consumer and a shaper of the system.

The PIE team

I work closely with the PIE design team: Molly Nye, Ting Ting Lau, Talitha Ferreira, and Philip Lackmaker.


Six areas of direct impact

My work within PIE spans the full spectrum of design system practice — from foundational token work to hands-on adoption support for engineers and designers who are new to the system.

Component Design
Designed new components reviewed, refined, and shipped into the PIE library — available to all 78+ designers and 500+ engineers building on the system. Each component is documented with usage guidelines, variant specs, and accessibility requirements.
Logistics Adoption
Drove PIE adoption across the Logistics product area — one of JET's most technically complex domains, serving courier apps and partner tools that operate under high-pressure, real-time conditions.
Documentation
Contributed to guidelines and documentation that serve as the shared language between design and engineering. Good documentation is what separates a system that requires evangelism from one that people can onboard themselves.
Tokens & Foundations
Extended PIE's token and foundation layer to cover design decisions that weren't yet systematised — colour applications, spacing patterns, and component foundations specific to Logistics contexts, contributed back to the core system where applicable.
Accessibility
Worked on accessibility improvements across components and patterns — consistent with PIE's principle of building inclusion in from the start rather than retrofitting it. Reviewed components against WCAG standards and tested across all platforms PIE supports.
Onboarding
Helped onboard new designers and engineers to PIE — translating system knowledge into practical guidance for people building on it for the first time. Every person who onboards well becomes a local advocate in their own team.

The strategy behind the nomination

The Design System Awards jury specifically called out PIE's approach to adoption as emotionally intelligent, not just technically sound. Understanding why adoption succeeded at this scale is as important as the technical work itself.

Education over mandates
PIE's adoption was never enforced top-down. It was driven through mentoring, guild involvement, onboarding support, and clear documentation that made the right choice the easy choice.
Native demo apps
Native demo apps powered by design tokens gave engineers a working reference for every component on their actual platform — closing the gap between a Figma spec and a production implementation.
Core and local pillars
A shared global foundation with room for business area teams to extend it for their specific needs. Critical in Logistics, where courier-facing products have distinct interaction requirements.
Adoption tracker
A custom usage tracker provides visibility into how and where the system is being adopted across JET's product ecosystem — making adoption measurable and highlighting gaps.
Branding and craft
The jury highlight: PIE built emotional adoption, not just technical adoption. Branding, talks, and visible care for the quality of work gave designers and engineers something to feel proud of using.

The breadth of what PIE covers

PIE is not a component library with a colour palette. It's a complete design and engineering infrastructure — foundations, components, patterns, platform support, and tooling — that scales from a single button to a full product experience across five platforms simultaneously.

Foundations
Design tokens, colour, typography, spacing, radius, elevation, blur, gradients, iconography, and motion — the complete visual and structural language of JET products.
Components
50+ components from Button to Data Visualisation, each with full documentation, variant specs, accessibility testing, and platform-specific implementations.
Patterns
Higher-level patterns for forms, errors, onboarding, overlays, accessibility states, JET AI interactions, and chatbot interfaces — composable solutions for recurring product problems.
Platforms
Web Components, React, React Native, iOS, and Android — one system, five implementation layers, 100% mobile coverage across all JET products.

What working inside a world-class design system teaches you

Adoption is a design problem, not a communication problem. The systems that fail don't fail because people weren't told about them. They fail because using them was harder than not using them. Every contribution I make to PIE is evaluated through that lens first: does this make the right choice easier?

Working in both Logistics and PIE core creates a feedback loop that pure system designers don't have. I encounter real adoption friction daily — edge cases, missing tokens, documentation gaps — and I'm positioned to fix them rather than just report them.

Scale changes everything about how you design components. A component used by 500 engineers on five platforms can't have ambiguous specs. The discipline of designing for that scale has permanently changed how I approach component work, even on smaller systems.

Accessibility built in is categorically different from accessibility retrofitted. Working on a system where accessibility is a founding principle rather than a compliance checklist has given me a completely different relationship with inclusive design — it becomes a design constraint that produces better work, not a restriction that limits it.

The best design system culture is one where people are proud to use it. Systems that feel like infrastructure get circumvented. Systems that feel like craft get championed.

More work

Tragic Card Gathering

Sweat blood and tears of social media posts and client work have brought you this new Trading Card Game from the mind behind that Purple Dude you've probably seen online.

View case study

Urban Farming

I built this app for K+S as a barometer for environmentally minded consumers. It allows users to find stores and restaurants that are locally sourced.

View case study