# Pim de Wit

> Freelance web developer from Amsterdam, based in London. 15+ years of experience in creative technology and product engineering.

- Website: [pim.dev](https://pim.dev)
- Email: [hello@pim.dev](mailto:hello@pim.dev)
- GitHub: [pimdewit](https://github.com/pimdewit)
- LinkedIn: [pim-de-wit](https://www.linkedin.com/in/pim-de-wit)
- Bluesky: [pim.dev](https://bsky.app/profile/pim.dev)
- X: [pim_dev](https://x.com/pim_dev)
- Instagram: [pim.dev](https://instagram.com/pim.dev)
- CodePen: [pimdewit](https://codepen.io/pimdewit)

## About

Most of my career has been in marketing and advertising building immersive brand experiences, interactive campaigns, games \- that kind of thing. That's where I learned to prototype and build fast, which led to some work I'm proud of, including an [FWA Site of the Year](/archive#awards) award.

I've spent just as much time on the product side too, building platforms and tools that need to hold up long-term. I really really enjoy going deep into the many disciplines involved like clean architecture, solid performance and code that doesn't turn into a mess as the team grows. As a lead developer I've mentored engineers, set up CI/CD pipelines, and pushed hard on testing, accessibility and code quality.

Having done both is probably the most useful thing about my background. I tend to end up bridging creative ideas and practical implementation — which over the years has taken me through projects with **Nike**, **Google**, **Spotify**, **MSCHF**, **Ghibli**, and [many others](/archive#clients).

## Expertise

### Creative Technology

Generative systems, procedural generation, interactive storytelling, game development, digital installations.

### Realtime Systems

Entity Component System (ECS), data-oriented design, WebGL, WebGPU, shaders, custom rendering pipelines.

### UX Engineering

Bridging design and engineering, design systems, accessibility (WCAG, Section508), mobile-first, local/offline-first

### Architecture & Performance

System design, scalability, multi-threading, cache optimization, CI/CD, automated testing.

### AI & Context Engineering

Context engineering, prompt design, AI-augmented development, LLM integration, AI-assisted workflows.

## Technical Skills

- Languages: HTML, CSS, JavaScript, TypeScript, GLSL, WGSL
- Frameworks: React, Svelte, SvelteKit, Astro, Vue, Angular, Lit, Web Components
- Graphics: WebGL, WebGPU, Three.js, Babylon.js, OGL, Pixi.js, SVG, Canvas2D
- Patterns: Entity Component System (ECS), data-oriented design, procedural generation
- Audio: WebAudio, spatial audio
- Spatial: WebXR (VR, AR, MR), physical installations, GIS
- Product: CI/CD, automated testing, code review, technical leadership, mentorship
- AI: Context engineering, prompt design, LLM integration

## As Seen In

- The New York Times
- Vogue
- It's Nice That
- HypeBeast
- Esquire
- Dazed
- Business Insider
- Cosmopolitan
- Highsnobiety
- Elle
- Grazia

## Awards (46 total)

### Whatever Studio

- [Mindsparkle Mag](https://mindsparklemag.com/website/whatever-studio/): Site of the Day (2025)

### Re-invinted

- [FWA](https://thefwa.com/cases/reinvinted): Site of the Day (2025)
- Campaign: Ad of the Day (2025)

### Loewe x Howl’s Moving Castle

- [Webby](https://winners.webbyawards.com/2024/advertising-media-pr/craft/best-multimedia-storytelling/288805/loewe-x-howls-moving-castle): Best Multimedia Storytelling (Honoree) (2024)
- [FWA](https://thefwa.com/cases/loewe-x-howls-moving-castle): Site of the Day (2023)
- [FWA](https://thefwa.com/cases/loewe-x-howls-moving-castle): Site of the Month (2023)
- [FWA](https://thefwa.com/news/fwa-of-the-year-2023-peoples-choice-award-winners-announced): Site of the Year (People's Choice) (2023)

### Laif

- [CSSWinner](https://www.csswinner.com/details/the-smile-effect/17927): Site of the Day (2024)
- [FWA](https://thefwa.com/cases/the-smile-effect): Site of the Day (2024)

### Pyramids of Meroë

- [Webby](https://winners.webbyawards.com/2023/ai-metaverse-virtual/metaverse-immersive-features/best-use-of-augmented-reality/237286/pyramids-of-mero): People's Voice: Best Use of Augmented Reality (2023)
- [Dubai Lynx](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983): Innovative Use of Technology (Shortlisted) (2023)
- [Dubai Lynx](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983): Digital & Interactive Design (Shortlisted) (2023)
- [Dubai Lynx](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983): New Realities & Emerging Tech (Shortlisted) (2023)
- [Awwwards](https://www.awwwards.com/sites/pyramids-of-meroe): Site of the Day (2022)
- [Awwwards](https://www.awwwards.com/sites/pyramids-of-meroe): Developer (2022)
- [Awwwards](https://www.awwwards.com/sites/pyramids-of-meroe): Developer of the Year (Nomination) (2022)
- [FWA](https://thefwa.com/cases/pyramids-of-meroe): Site of the Day (2022)
- [Lovie](https://www.lovieawards.com/features/who-stole-the-show-at-the-12th-annual-lovie-awards/#:~:text=Pyramids%20of%20Mero%C3%AB%20by%20Google%20Brand%20Studio): Cultural Institutions (Gold) (2022)

### Auditorial

- [ADC](https://www.oneclub.org/awards/adcawards/-award/43089/auditorial/): Publication Design (2022)
- [ADC](https://www.oneclub.org/awards/theoneshow/-award/44667/auditorial/): Radio & Audio (2022)
- [ADC](https://www.oneclub.org/awards/theoneshow/-award/43471/auditorial/): Design (2022)
- [One Show](https://www.oneclub.org/awards/theoneshow/-award/44024/auditorial/): Interactive & Mobile Craft (2022)
- [Clio](https://clios.com/winners-gallery/details/139522): Digital Product (Silver) (2022)
- [Clio](https://stage.clios.com/winners-gallery/details/139526): User Experience (Silver) (2022)
- [Cannes Lions](https://www.lovethework.com/work-awards/campaigns/auditorial-763302): Audio & Radio (Silver) (2022)
- [Cannes Lions](https://www.lovethework.com/work-awards/campaigns/auditorial-763302): UX & Journey Design (Bronze) (2022)
- [Cannes Lions](https://www.lovethework.com/work-awards/campaigns/auditorial-763302): Personalised Storytelling & Experience (Shortlist) (2022)
- [AICP](https://www.adforum.com/award-organization/6678183/showcase/2022/winners?distinction_category=Innovation): Digital Experiences (2022)

### Carnival Sounds

- [D&AD](https://www.dandad.org/awards/professional/2021/234413/spotify-x-notting-hill-carnival-carnival-sounds/): Shortlist (2021)
- [CSSWinner](https://www.csswinner.com/details/carnival-with-spotify/14955): Site of the Day (2020)
- [Awwwards](https://www.awwwards.com/sites/carnival-with-spotify): Developer (2020)
- [Awwwards](https://www.awwwards.com/sites/carnival-with-spotify): Site of the Day (2020)

### The A-Z of AI

- [Webby](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai): Websites and Mobile Sites Education (2021)
- [Webby](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai): Honouree, Best Individual Editorial Feature (2021)
- [Awwwards](https://www.awwwards.com/sites/the-a-z-of-ai): Site of the Day (2020)
- [Awwwards](https://www.awwwards.com/sites/the-a-z-of-ai): Developer (2020)
- [FWA](https://thefwa.com/cases/the-a-z-of-ai): Site of the Day (2020)

### Spotify Design

- [Awwwards](https://www.awwwards.com/sites/spotify-design): Honourable Mention (2020)
- [SiteInspire](https://www.siteinspire.com/website/9483-spotify-design): Feature (2020)

### Diana Costa

- [SiteInspire](https://www.siteinspire.com/website/8846-diana-costa): Feature (2019)

### Volkswagen GTI Bannerbahn

- [Esprix](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014): Product launch (Silver) (2014)
- [Esprix](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014): Duurzame goederen (Gold) (2014)
- Spin Awards: Gold (2014)
- Webby: Banner Campaigns (2014)
- Eurobest: Silver x2 (2014)
- [FWA](https://thefwa.com/cases/volkswagen-gti-bannerbahn): Site of the Day (2013)

## Clients (29)

- Air New Zealand
- Bayer
- Boehringer Ingelheim
- Coca-Cola
- DeepMind
- Design Studio (Further)
- Eric Schmidt
- Farfetch
- Google
- Google Arts & Culture
- Heineken
- Hinge
- Legal & General
- Loewe
- MINI
- Nike
- Nike Air Jordan
- Ooredoo
- Orangefit
- RNIB
- Samsung
- Scottish Widows
- Spotify
- Studio Ghibli
- Toyota
- Twitch
- Vinted
- Volkswagen
- YouTube

## Studios (11)

- Google Brand Studio
- Google DeepMind
- Journey
- MSCHF
- Native
- Stink Studios
- Superhero Cheesecake
- ThisPage
- Toaster
- Unit9
- Whatever Studio

## Exhibitions (4)

- ForestGen (2020) — London, United Kingdom
- Pim de Wit x Exbunker (2015) — Utrecht, Netherlands
- MachinePolitics @ ThingsCon (2015) — Berlin, Germany
- Float Art (2014) — London, United Kingdom

## Projects (50)

### Dossia

What if you could create a custom, physical diary, planner or notebook - using nothing but a website? COMING SOON!

- Live: [https://dossia.uk](https://dossia.uk)
- Launch: 2025/09/22
- Stack: SvelteKit, TypeScript, Node.js
- Portfolio: [pim.dev/work/dossia](https://pim.dev/work/dossia)

Contributors:
- Chansey White (Founder)
- [Nuria Quero](https://www.nuriaquero.com/) (Art Director, User Experience, Designer)

---

### Diriyah

This project is currently under NDA. Details are not publicly available.

- Launch: 2025/08/23
- Studio: Journey
- Stack: WebGPU, React, PlayCanvas
- Portfolio: [pim.dev/work/diriyah](https://pim.dev/work/diriyah)

---

### WebGPU Experiments 2

High performance mesh generation + abstract compositions

- Launch: 2025/05/15
- Stack: TypeScript, WebGPU
- Portfolio: [pim.dev/work/webgpu-experiments-2](https://pim.dev/work/webgpu-experiments-2)

---

### Whatever Studio

Portfolio of Whatever Studio

- Live: [https://whatever.studio](https://whatever.studio)
- Launch: 2025/03/24
- Studio: Whatever Studio
- Stack: TypeScript, React, Next.js
- Portfolio: [pim.dev/work/whatever-studio](https://pim.dev/work/whatever-studio)

Awards:
- [Mindsparkle Mag](https://mindsparklemag.com/website/whatever-studio/): Site of the Day (2025)

Contributors:
- Alex Coven (Designer)
- [Mike Wagz](https://mikewagz.com/) (Front End Developer)
- Brian Mulholland (Designer)

---

### WebGPU Experiments 1

A series of generative artworks made with WebGPU ✌️

- Launch: 2025/02/17
- Stack: WebGPU
- Portfolio: [pim.dev/work/webgpu-experiments-1](https://pim.dev/work/webgpu-experiments-1)

---

### Re-invinted

Try the quiz to discover your pre-loved personality and learn tips, tricks and interesting ways to use Vinted.

- Live: [https://reinvinted.vinted.com/](https://reinvinted.vinted.com/)
- Launch: 2025/02/03
- Client: Vinted
- Studio: Stink Studios
- Stack: HTML, CSS, TypeScript, React
- Portfolio: [pim.dev/work/re-invinted](https://pim.dev/work/re-invinted)

Awards:
- Campaign: Ad of the Day (2025)
- [FWA](https://thefwa.com/cases/reinvinted): Site of the Day (2025)

Contributors:
- Siân Mulligan (Producer)
- Poppy Broster-Becker (Producer)
- [Mateusz Kolaczynski](https://uk.linkedin.com/in/mateusz-kolaczynski-b1578939) (Producer)
- [Songyee Kim](https://dribbble.com/dimensionworld) (Designer)
- Viv Greywoode (Art Director)
- [Karen Chiu](https://github.com/karenchiu) (Front End Developer)
- [Christine Zhang](https://christinezhang.com/) (Art Director, Designer)
- Adrian Friend (Technical Lead)

---

### Jordan District 23

This project is currently under NDA. Details are not publicly available.

- Launch: 2024/07/11
- Client: Nike Air Jordan
- Studio: Stink Studios
- Stack: Three.js, r3f, TypeScript, React
- Portfolio: [pim.dev/work/jordan-district-23](https://pim.dev/work/jordan-district-23)

---

### Laif

Laif's digital experience for World Happiness Day, "The Smile Effect," uses Google tech to track smiles and boost mental health with dopamine-inducing content.

- Live: [https://www.thesmileeffect.de/](https://www.thesmileeffect.de/)
- Launch: 2024/03/19
- Client: Bayer
- Studio: Stink Studios
- Stack: HTML, CSS, TypeScript, React
- Portfolio: [pim.dev/work/laif](https://pim.dev/work/laif)

Awards:
- [FWA](https://thefwa.com/cases/the-smile-effect): Site of the Day (2024)
- [CSSWinner](https://www.csswinner.com/details/the-smile-effect/17927): Site of the Day (2024)

Contributors:
- Adrian Friend (Technical Lead)
- Tash Alderson (Producer)
- [Matt Yates](https://mattyates.dev/) (Front End Developer, Creative Technologist)

---

### Pitch: Ziina

This project is currently under NDA. Details are not publicly available.

- Launch: 2024/01/22
- Client: Design Studio (Further)
- Stack: TypeScript, React, Three.js, WebGL
- Portfolio: [pim.dev/work/pitch-ziina](https://pim.dev/work/pitch-ziina)

---

### Google DeepMind

Google DeepMind's new landing page; showcasing cutting-edge technology and advancements in artificial intelligence to benefit humanity.

- Live: [https://deepmind.google](https://deepmind.google)
- Launch: 2023/11/09
- Client: DeepMind
- Studio: Google Brand Studio
- Stack: HTML, CSS, TypeScript, Python, Django, Jinja2
- Portfolio: [pim.dev/work/google-deepmind](https://pim.dev/work/google-deepmind)

Contributors:
- Bradley Griffiths (Technical Lead)
- Craig Rogers (Front End Developer)
- Jenny Yeung (Producer)
- David Buxton (Back End Developer)
- [Ross West](https://rosswest.info/) (Designer)

---

### HeineQuest

This project is currently under NDA. Details are not publicly available.

- Launch: 2023/07/31
- Client: Heineken
- Studio: Unit9
- Stack: HTML, CSS, TypeScript, WebGL, Three.js
- Portfolio: [pim.dev/work/heinequest](https://pim.dev/work/heinequest)

---

### Loewe x Howl’s Moving Castle

We developed an exclusive mobile experience that takes users on a journey where they must follow their heart, interacting with scenes from the movie, with the choices they make determining which character they connect with most.

- Live: [https://howls.loewe.com](https://howls.loewe.com)
- Launch: 2023/02/02
- Client: Loewe
- Studio: Stink Studios
- Stack: TypeScript, WebGL, Pixi.js, React
- Portfolio: [pim.dev/work/loewe-hmc](https://pim.dev/work/loewe-hmc)

Awards:
- [FWA](https://thefwa.com/cases/loewe-x-howls-moving-castle): Site of the Day (2023)
- [FWA](https://thefwa.com/cases/loewe-x-howls-moving-castle): Site of the Month (2023)
- [FWA](https://thefwa.com/news/fwa-of-the-year-2023-peoples-choice-award-winners-announced): Site of the Year (People's Choice) (2023)
- [Webby](https://winners.webbyawards.com/2024/advertising-media-pr/craft/best-multimedia-storytelling/288805/loewe-x-howls-moving-castle): Best Multimedia Storytelling (Honoree) (2024)

Contributors:
- [Liam Brummit](https://brm.io/) (Front End Developer, Creative Technologist)
- Adrian Friend (Technical Lead)
- Jenny Smart (Producer)
- [Sam Miles](https://sam-miles.com/work) (Motion)

---

### Grow with Google

Google's initiative to help people get the skills they need to find a job. 

- Live: [https://grow.google](https://grow.google)
- Launch: 2022/11/16
- Client: Google
- Studio: Google Brand Studio
- Stack: HTML, CSS, TypeScript, Nunjucks
- Portfolio: [pim.dev/work/grow-with-google](https://pim.dev/work/grow-with-google)

Contributors:
- Bradley Griffiths (Technical Lead)
- Craig Rogers (Front End Developer)
- Maria Stark (Producer)

---

### Pyramids of Meroë

Sudan is home to more pyramids than anywhere else in the world. But few people know Sudan even has pyramids at all. Through an immersive 3D site and WebXR experience you can uncover the unique pyramids of Meroë, wherever you are.

- Live: [https://g.co/meroe](https://g.co/meroe)
- Launch: 2022/05/24
- Studio: Google Brand Studio
- Stack: HTML, CSS, TypeScript, WebGL, WebXR
- Portfolio: [pim.dev/work/meroe](https://pim.dev/work/meroe)

Awards:
- [FWA](https://thefwa.com/cases/pyramids-of-meroe): Site of the Day (2022)
- [Awwwards](https://www.awwwards.com/sites/pyramids-of-meroe): Site of the Day (2022)
- [Awwwards](https://www.awwwards.com/sites/pyramids-of-meroe): Developer (2022)
- [Awwwards](https://www.awwwards.com/sites/pyramids-of-meroe): Developer of the Year (Nomination) (2022)
- [Lovie](https://www.lovieawards.com/features/who-stole-the-show-at-the-12th-annual-lovie-awards/#:~:text=Pyramids%20of%20Mero%C3%AB%20by%20Google%20Brand%20Studio): Cultural Institutions (Gold) (2022)
- [Dubai Lynx](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983): Innovative Use of Technology (Shortlisted) (2023)
- [Dubai Lynx](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983): Digital & Interactive Design (Shortlisted) (2023)
- [Dubai Lynx](https://www.lovethework.com/work-awards/campaigns/pyramids-of-mero-1507983): New Realities & Emerging Tech (Shortlisted) (2023)
- [Webby](https://winners.webbyawards.com/2023/ai-metaverse-virtual/metaverse-immersive-features/best-use-of-augmented-reality/237286/pyramids-of-mero): People's Voice: Best Use of Augmented Reality (2023)

Contributors:
- [Slav Vitanov](http://www.slavvitanov.com/) (Designer, Illustrator)
- Jenny Yeung (Producer)
- Bradley Griffiths (Technical Lead)
- Craig Rogers (Front End Developer)
- Maria Stark (Producer)
- Matthew Guy (Art Director)
- [Perri Schofield](https://twitter.com/perrijs) (Creative Technologist)
- Josua Pedersen (Technical Lead)

---

### Google Arts & Culture: Generative Rebrand

We created a tool that helps marketers at Google Arts & Culture create high quality imagery for events, socials, prints, and much more.

- Launch: 2021/12/20
- Client: Google Arts & Culture
- Studio: Google Brand Studio
- Stack: SVG, TypeScript
- Portfolio: [pim.dev/work/google-arts-and-culture-generative-rebrand](https://pim.dev/work/google-arts-and-culture-generative-rebrand)

Contributors:
- [Mike Dorrance](https://www.mikedorrance.com/) (Art Director)
- [Miguel Desport](https://migueldesport.com/) (Designer)

---

### ForestGen

A procedurally generated terrain. Built with the ECS programming pattern.

- Live: [https://forestgen.web.app/](https://forestgen.web.app/)
- Launch: 2021/09/25
- Stack: HTML, CSS, TypeScript, WebGL
- Portfolio: [pim.dev/work/forest-gen](https://pim.dev/work/forest-gen)

---

### Auditorial

We collaborated with RNIB, Google, and The Guardian to create 'Auditorial,' an accessible online editorial combining articles, visuals, voices, and spatial audio for the 2.2 billion visually impaired worldwide.

- Live: [https://auditorial.withgoogle.com](https://auditorial.withgoogle.com)
- Launch: 2021/05/20
- Client: RNIB
- Studio: Google Brand Studio
- Stack: HTML, CSS, JavaScript, Angular
- Portfolio: [pim.dev/work/auditorial](https://pim.dev/work/auditorial)

Awards:
- [ADC](https://www.oneclub.org/awards/adcawards/-award/43089/auditorial/): Publication Design (2022)
- [ADC](https://www.oneclub.org/awards/theoneshow/-award/44667/auditorial/): Radio & Audio (2022)
- [ADC](https://www.oneclub.org/awards/theoneshow/-award/43471/auditorial/): Design (2022)
- [One Show](https://www.oneclub.org/awards/theoneshow/-award/44024/auditorial/): Interactive & Mobile Craft (2022)
- [Clio](https://clios.com/winners-gallery/details/139522): Digital Product (Silver) (2022)
- [Clio](https://stage.clios.com/winners-gallery/details/139526): User Experience (Silver) (2022)
- [Cannes Lions](https://www.lovethework.com/work-awards/campaigns/auditorial-763302): Audio & Radio (Silver) (2022)
- [Cannes Lions](https://www.lovethework.com/work-awards/campaigns/auditorial-763302): UX & Journey Design (Bronze) (2022)
- [Cannes Lions](https://www.lovethework.com/work-awards/campaigns/auditorial-763302): Personalised Storytelling & Experience (Shortlist) (2022)
- [AICP](https://www.adforum.com/award-organization/6678183/showcase/2022/winners?distinction_category=Innovation): Digital Experiences (2022)

Contributors:
- [Slav Vitanov](http://www.slavvitanov.com/) (Designer, Illustrator)
- Craig Rogers (Front End Developer)
- Jenny Yeung (Producer)
- Ted Wallace-Williams (Technical Lead)
- Eduardo Rodrigues Gomes (Front End Developer)

---

### Birkinstock Shoes

Birkenstocks made from destroyed Birkin Bags

- Live: [https://birkinstock.shoes](https://birkinstock.shoes)
- Launch: 2021/02/08
- Studio: MSCHF
- Stack: HTML, CSS, Vue, Nuxt
- Portfolio: [pim.dev/work/birkinstock](https://pim.dev/work/birkinstock)

Contributors:
- Lorenz Mager (Producer)
- [Niek Dekker](https://niekdekker.com/) (Designer)
- Kevin Wiesner (Art Director)
- Stephen Tetreault (Producer)

---

### Viewpoint

A game about perspective.

- Live: [https://experimental.games/viewpoint](https://experimental.games/viewpoint)
- Launch: 2021/02/04
- Stack: JavaScript, WebGL
- Portfolio: [pim.dev/work/viewpoint](https://pim.dev/work/viewpoint)

Contributors:
- [Arunas Kacinskas](https://arunaskacinskas.com) (Illustrator)
- [Rokas Aleliunas](https://casualpolarbear.com/) (Illustrator)

---

### Kleur

Order the colours!

- Live: [https://experimental.games/kleur](https://experimental.games/kleur)
- Launch: 2021/02/04
- Stack: TypeScript, WebGL
- Portfolio: [pim.dev/work/kleur](https://pim.dev/work/kleur)

---

### Dodge the Boxes

Games made with web technologies.

- Live: [https://experimental.games/dodge](https://experimental.games/dodge)
- Launch: 2021/01/28
- Stack: TypeScript, WebGL
- Portfolio: [pim.dev/work/dodge-the-boxes](https://pim.dev/work/dodge-the-boxes)

---

### Farfetch AZ Factory

A promo site for Alber Elbaz' new brand.

- Live: [https://farfetchazfactory.com/](https://farfetchazfactory.com/)
- Launch: 2021/01/26
- Client: Farfetch
- Studio: Stink Studios
- Stack: HTML, CSS, React, Three.js
- Portfolio: [pim.dev/work/az-factory](https://pim.dev/work/az-factory)

Contributors:
- Matt Greenhalgh (Technical Lead)
- [Ben Harraway](https://lumen-digital.com/) (Creative Technologist)
- [Louis Du Mont](http://louisdumont.com/) (3D Modeler)
- Sam Steele (User Experience)
- Kate Sutherland (Producer)
- Viv Greywoode (Art Director)
- Martin Bevc (Back End Developer)

---

### Coke Energy+

This project is currently under NDA. Details are not publicly available.

- Launch: 2020/12/01
- Client: Coca-Cola
- Studio: Unit9
- Stack: HTML, JavaScript, PIXI, WebGL, SVG
- Portfolio: [pim.dev/work/coke-energy](https://pim.dev/work/coke-energy)

---

### Orangefit

Create a Fitter World

- Live: [https://orangefit.nl](https://orangefit.nl)
- Launch: 2020/10/01
- Client: Orangefit
- Studio: Superhero Cheesecake
- Stack: HTML, CSS, JavaScript, Liquid
- Portfolio: [pim.dev/work/orangefit](https://pim.dev/work/orangefit)

Contributors:
- Peter Coolen (Technical Lead)
- [Joanna Kania](https://joakania.com/) (Front End Developer)
- Coco Granger (Front End Developer)
- Michelle Tan (Producer)
- Bas Schutte (Producer)

---

### Carnival Sounds

Experience Notting Hill Carnival from the comfort of your own home.

- Live: [https://web.archive.org/web/20201113072555if_/https://carnival.withspotify.com/](https://web.archive.org/web/20201113072555if_/https://carnival.withspotify.com/)
- Launch: 2020/08/24
- Client: Spotify
- Studio: Stink Studios
- Stack: React, Gatsby
- Portfolio: [pim.dev/work/carnival-sounds](https://pim.dev/work/carnival-sounds)

Awards:
- [Awwwards](https://www.awwwards.com/sites/carnival-with-spotify): Developer (2020)
- [Awwwards](https://www.awwwards.com/sites/carnival-with-spotify): Site of the Day (2020)
- [D&AD](https://www.dandad.org/awards/professional/2021/234413/spotify-x-notting-hill-carnival-carnival-sounds/): Shortlist (2021)
- [CSSWinner](https://www.csswinner.com/details/carnival-with-spotify/14955): Site of the Day (2020)

Contributors:
- [David Fiz Querol](https://davidfiz.com/) (Designer)
- [Andrew Sellers](https://andrewsellers.co.uk/) (Front End Developer, Technical Lead)
- Vladimir Exil (Front End Developer)
- Natalie Goburdhun (Producer)
- Sam Steele (User Experience)
- [Zoonou](https://zoonou.com/) (Quality Assurance)
- [Anton Martinez](https://antonmartinez.com/) (Designer, Art Director)

---

### Spotify Design

The new home of Spotify's design team.

- Live: [https://spotify.design](https://spotify.design)
- Launch: 2020/05/14
- Client: Spotify
- Studio: Stink Studios
- Stack: HTML, CSS, TypeScript, Gatsby
- Portfolio: [pim.dev/work/spotify-design](https://pim.dev/work/spotify-design)

Awards:
- [SiteInspire](https://www.siteinspire.com/website/9483-spotify-design): Feature (2020)
- [Awwwards](https://www.awwwards.com/sites/spotify-design): Honourable Mention (2020)

Contributors:
- [Andrew Sellers](https://andrewsellers.co.uk/) (Front End Developer, Technical Lead)
- [David Fiz Querol](https://davidfiz.com/) (Designer)
- Sam Steele (User Experience)
- Rhianon Taylor (Producer)
- Hannah Lynd (Producer)

---

### The A-Z of AI

Discover more about what artificial intelligence is, how it works and how it’s changing the world around us.

- Live: [https://atozofai.withgoogle.com/](https://atozofai.withgoogle.com/)
- Launch: 2020/03/26
- Client: Google
- Studio: Stink Studios
- Stack: HTML, CSS, TypeScript, LitHTML, Custom-Elements
- Portfolio: [pim.dev/work/atozofai](https://pim.dev/work/atozofai)

Awards:
- [Awwwards](https://www.awwwards.com/sites/the-a-z-of-ai): Site of the Day (2020)
- [Awwwards](https://www.awwwards.com/sites/the-a-z-of-ai): Developer (2020)
- [FWA](https://thefwa.com/cases/the-a-z-of-ai): Site of the Day (2020)
- [Webby](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai): Websites and Mobile Sites Education (2021)
- [Webby](https://winners.webbyawards.com/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/education/174204/the-az-of-ai): Honouree, Best Individual Editorial Feature (2021)

Contributors:
- Jim Hunt (Technical Lead)
- [Slav Vitanov](http://www.slavvitanov.com/) (Designer, Illustrator)
- Kate Sutherland (Producer)
- [Zoonou](https://zoonou.com/) (Quality Assurance)
- Sam Steele (User Experience)
- Jenny Yeung (Producer)
- Craig Rogers (Front End Developer)

---

### Wheel the World x Ooredoo

A chat-bot to book accessible travel experiences in Qatar.

- Live: [https://www.youtube.com/watch?v=AlALhZr8Pkw](https://www.youtube.com/watch?v=AlALhZr8Pkw)
- Launch: 2019/12/03
- Client: Ooredoo
- Studio: Stink Studios
- Stack: DialogFlow, Actions on Google
- Portfolio: [pim.dev/work/wheel-the-world](https://pim.dev/work/wheel-the-world)

Contributors:
- Jim Hunt (Technical Lead)
- [Slav Vitanov](http://www.slavvitanov.com/) (Designer, Illustrator)

---

### Your Future Self

Your Future Self is here to show you what your future looks like and help you plan for retirement.

- Live: [https://www.scottishwidowsyourfutureself.co.uk/](https://www.scottishwidowsyourfutureself.co.uk/)
- Launch: 2019/11/29
- Client: Scottish Widows
- Studio: Stink Studios
- Stack: HTML, CSS, JavaScript, WebGL, WebComponents, AR
- Portfolio: [pim.dev/work/your-future-self](https://pim.dev/work/your-future-self)

Contributors:
- Jim Hunt (Technical Lead)
- Kate Sutherland (Producer)
- Alex Callow (Front End Developer)
- [Damien Mortini](https://damienmortini.com/) (Creative Technologist)
- Sam Steele (User Experience)

---

### Improved Print

A native custom-element that turns links into neat footnotes on print.

- Live: [https://github.com/pimdewit/improved-print](https://github.com/pimdewit/improved-print)
- Launch: 2019/08/17
- Stack: JavaScript
- Portfolio: [pim.dev/work/improved-print](https://pim.dev/work/improved-print)

---

### Premier Partner Awards

Celebrating excellence in digital marketing.

- Live: [https://premierpartnerawards.withgoogle.com/](https://premierpartnerawards.withgoogle.com/)
- Launch: 2019/08/13
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript, Google Closure, Jinja2
- Portfolio: [pim.dev/work/premier-partner-awards](https://pim.dev/work/premier-partner-awards)

Contributors:
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)
- Stu Collett (Technical Lead)
- [Nick Sarbicki](https://nick.sarbicki.com/) (Back End Developer)
- Faye Butler (Back End Developer, Front End Developer)
- Rakesh Mistry (Designer, Art Director)

---

### Strandsy

An infinite amount of grid-systems with generative graphics and interactions.

- Live: [https://strandsy.web.app/](https://strandsy.web.app/)
- Launch: 2019/06/23
- Stack: JavaScript
- Portfolio: [pim.dev/work/strandsy](https://pim.dev/work/strandsy)

---

### Veczor

A JavaScript library that helps you do performant & controlled SVG animations.

- Live: [https://veczor.web.app/](https://veczor.web.app/)
- Launch: 2019/06/19
- Portfolio: [pim.dev/work/veczor](https://pim.dev/work/veczor)

---

### Diana Costa

Personal portfolio of digital designer Diana Costa.

- Live: [https://dianacosta.co.uk](https://dianacosta.co.uk)
- Launch: 2019/05/27
- Stack: HTML, CSS, JavaScript
- Portfolio: [pim.dev/work/diana-costa](https://pim.dev/work/diana-costa)

Awards:
- [SiteInspire](https://www.siteinspire.com/website/8846-diana-costa): Feature (2019)

Contributors:
- [Diana Costa](https://dianacosta.co.uk) (Designer)

---

### Trillion Dollar Coach

The Leadership Handbook of Silicon Valley’s Bill Campbell.

- Live: [https://www.trilliondollarcoach.com/](https://www.trilliondollarcoach.com/)
- Launch: 2019/04/16
- Client: Eric Schmidt
- Studio: Toaster
- Stack: HTML, CSS, JavaScript
- Portfolio: [pim.dev/work/trillion-dollar-coach](https://pim.dev/work/trillion-dollar-coach)

Contributors:
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)
- [Jonny Thaw](https://jthaw.me) (Front End Developer, Creative Technologist)
- Sean Simone (Producer)
- Stu Collett (Technical Lead)
- Rakesh Mistry (Designer, Art Director)

---

### Data Gif Maker

Easily create and share data visualizations to help bring your stories to life.

- Live: [https://datagifmaker.withgoogle.com](https://datagifmaker.withgoogle.com)
- Launch: 2019/01/28
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript, Node, React
- Portfolio: [pim.dev/work/gif-maker](https://pim.dev/work/gif-maker)

Contributors:
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)
- [Jonny Thaw](https://jthaw.me) (Front End Developer, Creative Technologist)
- [Bryan Jhung](https://bryanjhung.com/) (Designer)
- Alex Thurman (Designer)
- Rozalia Jaki (Producer)
- James Philips (Art Director)
- [Blake Landry](https://cargocollective.com/blakeplandry) (Motion)

---

### Google Ads - AR Campaign

A direct mail campaign for Google with a browser-based AR experience built in. 

- Launch: 2019/01/23
- Client: Google
- Studio: Toaster
- Stack: WebGL, AR, Three.js
- Portfolio: [pim.dev/work/google-ads](https://pim.dev/work/google-ads)

Contributors:
- [Jon Burrow](https://www.jonburrow.co.uk/) (Art Director)
- Rakesh Mistry (Designer, Art Director)
- Lucie Kalinova (Designer)
- [Phil Wayer](https://philwdesign.squarespace.com/) (Motion, Designer)
- [Roberto Cascavilla](http://www.otlabs.net/) (Creative Technologist)

---

### PoseNet 3D

An attempt to perceive depth by analysing facial features.

- Live: [https://foundry-posenet.web.app/](https://foundry-posenet.web.app/)
- Launch: 2018/12/21
- Stack: JavaScript, TensorFlow
- Portfolio: [pim.dev/work/posenet-3d](https://pim.dev/work/posenet-3d)

---

### FocusManager

A utility class that aides with computational focus.

- Live: [https://github.com/pimdewit/focusmanager](https://github.com/pimdewit/focusmanager)
- Launch: 2018/11/09
- Stack: JavaScript
- Portfolio: [pim.dev/work/focusmanager](https://pim.dev/work/focusmanager)

---

### Google for Retail

Connect with shoppers, anywhere.

- Live: [https://google.com/retail](https://google.com/retail)
- Launch: 2018/10/14
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript, Jinja2
- Portfolio: [pim.dev/work/google-retail](https://pim.dev/work/google-retail)

Contributors:
- Andy Law (Front End Developer)
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)
- Rakesh Mistry (Designer, Art Director)
- Rozalia Jaki (Producer)
- [Jon Burrow](https://www.jonburrow.co.uk/) (Art Director)
- [Phil Wayer](https://philwdesign.squarespace.com/) (Motion, Designer)
- Lucie Kalinova (Designer)

---

### Toaster

Portfolio of digital design studio Toaster.

- Live: [https://toaster.co](https://toaster.co)
- Launch: 2018/08/28
- Studio: Toaster
- Stack: HTML, CSS, JavaScript
- Portfolio: [pim.dev/work/toaster](https://pim.dev/work/toaster)

Contributors:
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)
- [Jonny Thaw](https://jthaw.me) (Front End Developer, Creative Technologist)
- [Liam Brummit](https://brm.io/) (Front End Developer, Creative Technologist)
- [Marco Ciampini](https://marcociampini.io/) (Front End Developer)
- [Will Donohoe](https://willdonohoe.com/) (Front End Developer)
- Alex Thurman (Designer)
- Rakesh Mistry (Designer, Art Director)

---

### Hire

Landing page for Google's applicant tracking system & recruiting software.

- Live: [https://hire.google.com](https://hire.google.com)
- Launch: 2018/07/09
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript, Google Closure, Jinja2
- Portfolio: [pim.dev/work/google-hire](https://pim.dev/work/google-hire)

Contributors:
- [Marco Ciampini](https://marcociampini.io/) (Front End Developer)
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)

---

### Google Careers

Search for your career at Google.

- Live: [https://careers.google.com/](https://careers.google.com/)
- Launch: 2017/09/20
- Client: Google
- Studio: Toaster
- Portfolio: [pim.dev/work/google-careers](https://pim.dev/work/google-careers)

---

### Youtube Advertising

Marketing site for the Youtube Advertising programme.

- Live: [https://youtube.com/ads](https://youtube.com/ads)
- Launch: 2017/08/08
- Client: YouTube
- Studio: Toaster
- Stack: HTML, CSS, Javascript, Google Closure, Jinja2
- Portfolio: [pim.dev/work/youtube-advertising](https://pim.dev/work/youtube-advertising)

Contributors:
- [Will Donohoe](https://willdonohoe.com/) (Front End Developer)
- [Marco Ciampini](https://marcociampini.io/) (Front End Developer)
- [Jonny Thaw](https://jthaw.me) (Front End Developer, Creative Technologist)

---

### Internet Citizens

A program by YouTube that helps young people to stay resilient and confident online and use their voice to drive social change.

- Live: [https://internetcitizens.withyoutube.com/](https://internetcitizens.withyoutube.com/)
- Launch: 2017/07/05
- Client: YouTube
- Studio: Toaster
- Stack: HTML, CSS, JavaScript
- Portfolio: [pim.dev/work/internet-citizens](https://pim.dev/work/internet-citizens)

Contributors:
- [Jonny Thaw](https://jthaw.me) (Front End Developer, Creative Technologist)
- [Davy McGeorge](http://davymacca.com/) (Technical Lead)
- Alex Thurman (Designer)
- Roslyn Barnfield (Producer)

---

### The Future of Go Summit

Legendary players and DeepMind's AlphaGo explore the mysteries of Go together.

- Live: [https://events.google.com/alphago2017/](https://events.google.com/alphago2017/)
- Launch: 2017/05/23
- Client: DeepMind
- Studio: Toaster
- Stack: HTML, CSS, JavaScript
- Portfolio: [pim.dev/work/alphago-future-of-go](https://pim.dev/work/alphago-future-of-go)

Contributors:
- [Liam Brummit](https://brm.io/) (Front End Developer, Creative Technologist)
- Alberto Giorgi (Technical Lead)
- Sean Simone (Producer)

---

### Making & Science

Inspiring the next generation of IoT makers.

- Live: [https://makingscience.withgoogle.com](https://makingscience.withgoogle.com)
- Launch: 2016/05/24
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript, Polymer
- Portfolio: [pim.dev/work/making-science](https://pim.dev/work/making-science)

Contributors:
- Alberto Giorgi (Technical Lead)
- Andy Law (Front End Developer)
- [Roberto Sobachi](https://robertosobachi.com/) (Front End Developer)
- Sophie Richaume (Producer)
- [Adam Brewer](http://brewerlogic.com/) (Front End Developer)
- Rakesh Mistry (Designer, Art Director)

---

### Blogger

Landing page for one of the biggest blogging platforms at the time.

- Live: [https://blogger.com/about](https://blogger.com/about)
- Launch: 2016/02/09
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript
- Portfolio: [pim.dev/work/blogger](https://pim.dev/work/blogger)

Contributors:
- Alberto Giorgi (Technical Lead)
- Rakesh Mistry (Designer, Art Director)

---

### How Google Works

The rules for success in the Internet Century.

- Live: [https://howgoogleworks.net](https://howgoogleworks.net)
- Launch: 2014/09/23
- Client: Google
- Studio: Toaster
- Stack: HTML, CSS, JavaScript, Jinja2
- Portfolio: [pim.dev/work/how-google-works](https://pim.dev/work/how-google-works)

Contributors:
- [Marco Ciampini](https://marcociampini.io/) (Front End Developer)

---

### Volkswagen GTI Bannerbahn

A race across the biggest websites in Holland.

- Live: [https://thefwa.com/cases/volkswagen-gti-bannerbahn](https://thefwa.com/cases/volkswagen-gti-bannerbahn)
- Launch: 2013/11/17
- Client: Volkswagen
- Studio: ThisPage
- Stack: HTML, CSS, JavaScript, Flash
- Portfolio: [pim.dev/work/volkswagen-bannerbahn](https://pim.dev/work/volkswagen-bannerbahn)

Awards:
- [FWA](https://thefwa.com/cases/volkswagen-gti-bannerbahn): Site of the Day (2013)
- [Esprix](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014): Duurzame goederen (Gold) (2014)
- [Esprix](https://www.esprix.nl/esprix/actueel/esprix-winnaars-2014): Product launch (Silver) (2014)
- Eurobest: Silver x2 (2014)
- Spin Awards: Gold (2014)
- Webby: Banner Campaigns (2014)

Contributors:
- Edward Tetteroo (Technical Lead)
- Jordi Buskermolen (Technical Lead)
- Koert Gaaikema (Creative Technologist, Front End Developer, Flash Developer)
- [Tim Hoogendijk](http://timhoogendijk.com/) (Front End Developer, Creative Technologist)
- [Ben Bos](https://benbos.dev/) (Front End Developer)
- Bart de Rijk (Front End Developer)

---

## [AI & Context Engineering](https://pim.dev/ai)

I've been spending more time with AI tooling — using it for development, research, and exploring solutions. Context engineering and prompt design are things I've picked up through regular use: learning what to feed a model, how to structure a conversation with it, and when to ignore its suggestions entirely.

Where I find it most interesting is on the engineering side: wiring models into products and building systems where AI output is actually reliable. That means thinking about token limits, context windows, fallback strategies, and the glue code that sits between an LLM and a real product.

I'm not an AI researcher or a model trainer — my background is software engineering. But I've found that experience useful for the practical side of AI integration: making it work in production, knowing its limits, and keeping expectations honest.

## [Creative Technology](https://pim.dev/creative-technology)

Most of my career was forged in the marketing and advertising industry — tight deadlines, ambitious creative briefs, and the constant challenge of making something genuinely interesting within real constraints. That environment taught me to prototype fast, push technical boundaries, and deliver work that holds up under pressure.

What I enjoy most is building the systems behind the visuals. I'm drawn to data-oriented design and the Entity Component System pattern — structuring state as flat, typed arrays and running behaviour through composable systems rather than inheritance hierarchies. It's a way of thinking about interactive programs that keeps things fast, modular, and easy to reason about, especially when you're managing thousands of objects at 60fps.

The tools have evolved — from WebGL to WebGPU, from canvas hacks to custom rendering pipelines — but the approach stays the same: write shaders (GLSL, WGSL), build procedural systems, and keep the architecture tight enough that the frame budget isn't an afterthought. Whether it's generative art, an immersive brand campaign, or a game-like interface, performance and structure come first. The visuals follow from that.

I also try to keep accessibility front of mind, even in work that's heavily visual. That means being conscious of file size, using CSS logical properties, respecting reduced-motion preferences, and following WCAG guidelines where I can — even when the project is a full WebGPU-driven experience. Creative technology shouldn't mean leaving people out.

## [Product Engineering](https://pim.dev/product-engineering)

Not everything I build is a campaign with a launch date. A significant part of my work is product engineering — building platforms and tools that need to be maintained, extended, and relied upon for years. I care about architecture, testability, and writing code that stays clean as the team and codebase grow.

As a technical lead, I've set up CI/CD pipelines, driven testing strategies, established code review practices, and mentored engineers at various levels. I think about developer experience as seriously as user experience — good tooling, clear conventions, and fast feedback loops make teams more effective.

The product side of my work has taken me through design systems, internal tools, data platforms, and consumer-facing applications. In each case the goal is the same: ship something reliable, make it easy to change, and leave the codebase better than I found it.

## Experiments (16)

Small-scale creative coding experiments and prototypes.

- [**Carousel**](https://gl-carousel.vercel.app/) — A tiny webgl application hyper-focused on performance and best-practices. All shaders used are written from scratch.
  WebGL2, Three.js · 522kB
- [**Citadel**](https://citadel-td.web.app/) — An open source tower defence game.
  WebGL, TypeScript, ECS, Game · 394kB
- [**Gemerator**](https://gl-gemerator.web.app/) — A gem generator. This experiment results from learning how to write a mesh from complete scratch in low-level WebGL without a library.
  WebGL2 · 30kB
- [**Mumble**](https://muuuuumble.web.app/) — Procedural audio for dialogue, Banjo Kazooie style. Work in progress.
  WebAudio · 1.24kB
- [**Match**](https://gl-match.web.app/) — Incomplete match game, probably with bugs 🤙 I did this small project to explore Babylon.js properly
  WebGL, Babylon.js · 375kB
- [**Sidescrolly**](https://sidescrolly.web.app/) — Game proof of concept, using browser scroll as main way of navigation.
  WebGL, Three.js, ECS · 147kB
- [**DemDrones**](https://demdrones.co.uk) — Microsite for a drone services company
  React, r3f, Next.js, Netlify CMS · 145kB
- [**ForestGen**](https://forestgen.web.app/) — Procedural forest generation.
  WebGL, Three.js · 780kB
- [**Kleur**](https://experimental.games/kleur) — Order the colours so it makes a gradient. Made in 24 hours for a game jam.
  WebGL, Three.js · 301kB
- [**Viewpoint**](https://experimental.games/viewpoint) — A game about perspective.
  WebGL, Three.js · 2.6MB
- [**Dodge the Boxes**](https://experimental.games/dodge) — Dodge some boxes. Made in 48 hours for a game jam!
  WebGL2, Three.js · 301kB
- [**Veczor**](https://veczor.web.app) — A JavaScript library that helps you do performant & controlled SVG animations
  Canvas2D, SVG, Paper.js · 162kB
- [**Strandsy**](https://strandsy.web.app/) — An infinite amount of grid-systems with generative graphics and interactions
  Canvas2D, Procedural · 6kB
- [**Telhas**](https://telhas.web.app/) — Procedural posters
  Canvas2D, SVG · 171kB
- [**PoseNet 3D**](https://foundry-posenet.web.app/) — An attempt to perceive depth by analysing facial features.
  WebGL, Three.js, PoseNet, Canvas2D · 3.2MB
- [**Audini**](https://audini.web.app/) — Realtime audio manipulation
  WebAudio · 2.3MB