# Pim de Wit


## About

Pim de Wit is a freelance web developer from Amsterdam, Netherlands, currently based in London, United Kingdom. With over 15 years of industry experience, he specializes in creating interactive digital experiences that combine technical excellence with creative innovation.

### Professional Focus

Pim's work primarily focuses on developing interactive web experiences with an emphasis on creative technology. He excels in software architecture design, performance optimization, and implementing complex graphics systems. His technical approach is characterized by a deep understanding of both the visual and functional aspects of digital products.

### Product Development

In addition to creative prototyping, Pim is highly experienced in scalable product and platform architecture. He approaches projects with an emphasis on long-term maintainability, writing clean, modular code and designing systems that remain robust as they grow. Over his career, he has implemented comprehensive CI/CD pipelines and automated testing practices to ensure each release is reliable and well-tested. This engineering rigor allows him to build platforms that perform under scale while remaining easy to maintain and extend.

Collaboration and user focus are central to Pim’s approach. He works closely with product managers, designers, and other stakeholders to align technical decisions with the product vision, often acting as a bridge between creative ideas and practical implementation. With a background in UX engineering, Pim pays special attention to usability and accessibility, providing guidance on inclusive design and web standards compliance (e.g. WCAG/Section 508). The result is digital products that are not only technically sound but also user-friendly and accessible to a broad audience.

As a technical leader, Pim has taken on lead developer roles and mentored other engineers in adopting best practices. He’s comfortable presenting architectural plans to both technical and non-technical teams, ensuring everyone understands the rationale behind decisions. By fostering a culture of clean code, thorough documentation, and continuous learning, he helps development teams deliver high-quality work consistently and efficiently.

## Expertise & Interests

His core technical interests include:

- Software architecture and system design
- Performance optimization and debugging
- Immersive experiences, game development and interactive storytelling
- User Interface & general design engineering
- Complex graphics implementation and rendering techniques
- Product development with emphasis on user experience
- Generative systems and algorithmic design
- WebGPU, Multi-threading, Cache optimisations


## Technical Skills & Services

- HTML
- CSS
- JavaScript
- TypeScript
- React
- Vue
- Svelte
- Angular
- Lit
- Web-components
- WebGL
- WebGPU
- GLSL
- WGSL
- ECS
- Three.js
- Babylon.js
- OGL
- SVG
- Pixi.js
- Procedural generation
- Generative Art
- Game Development
- Technical Oversight
- Code reviews
- Performance optimization
- Software architecture
- System design
- Design systems
- Marketing Sites
- Immersive experiences
- Physical Installations
- Interactive Storytelling
- Geographical Information Systems
- Data visualization
- WebXR
- VR
- AR
- MR
- Digital Art
- Creative Tech
- Design Engineering
- Tech Leading
- Scalability
- Readability
- Accessibility
- Multi-threading
- Offline-first
- Image compression


## Experience

Throughout his 15+ year career, Pim has collaborated with numerous clients and companies, delivering projects that balance technical sophistication with creative vision. His extensive experience spans from creative agencies to technology startups, where he has consistently created digital experiences that are both functional and engaging.

### Clients

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

### Studios

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


### Recognition & Awards

### Re-invinted
- Campaign: Ad of the Day (2025)

### Loewe x Howl’s Moving Castle
- Webby: Best Multimedia Storytelling (Honoree) (2024)
- FWA: Site of the Day (2023)
- FWA: Site of the Month (2023)
- FWA: Site of the Year (People's Choice) (2023)

### Laif
- CSSWinner: Site of the Day (2024)
- FWA: Site of the Day (2024)

### Pyramids of Meroë
- Webby: People's Voice: Best Use of Augmented Reality (2023)
- Dubai Lynx: Innovative Use of Technology (Shortlisted) (2023)
- Dubai Lynx: Digital & Interactive Design (Shortlisted) (2023)
- Dubai Lynx: New Realities & Emerging Tech (Shortlisted) (2023)
- Awwwards: Site of the Day (2022)
- Awwwards: Developer (2022)
- Awwwards: Developer of the Year (Nomination) (2022)
- FWA: Site of the Day (2022)
- Lovie: Cultural Institutions (Gold) (2022)

### Auditorial
- ADC: Publication Design (2022)
- ADC: Radio & Audio (2022)
- ADC: Design (2022)
- One Show: Interactive & Mobile Craft (2022)
- Clio: Digital Product (Silver) (2022)
- Clio: User Experience (Silver) (2022)
- Cannes Lions: Audio & Radio (Silver) (2022)
- Cannes Lions: UX & Journey Design (Bronze) (2022)
- Cannes Lions: Personalised Storytelling & Experience (Shortlist) (2022)
- AICP: Digital Experiences (2022)

### Carnival Sounds
- D&AD: Shortlist (2021)
- Awwwards: Developer (2020)
- Awwwards: Site of the Day (2020)

### The A-Z of AI
- Webby: Websites and Mobile Sites Education (2021)
- Webby: Honouree, Best Individual Editorial Feature (2021)
- Awwwards: Site of the Day (2020)
- Awwwards: Developer (2020)
- FWA: Site of the Day (2020)

### Spotify Design
- Awwwards: Honourable Mention (2020)
- SiteInspire: Feature (2020)

### Diana Costa
- SiteInspire: Feature (2019)

### Volkswagen GTI Bannerbahn
- Esprix: Product launch (Silver) (2014)
- Esprix: Duurzame goederen (Gold) (2014)
- Spin Awards: Gold (2014)
- Webby: Banner Campaigns (2014)
- Eurobest: Silver x2 (2014)
- FWA: Site of the Day (2013)


### Physical Exhibitions

- 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


### Re-invinted

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

**Live link:** https://reinvinted.vinted.com/

**Launch date:** (2025)

**Client:** Vinted

**Studio:** Stink Studios

**Tech Stack:** HTML, CSS, TypeScript, React

**Awards:** Campaign: Ad of the Day


### Jordan District 23

REDACTED

**Live link:** N/A

**Launch date:** (REDACTED)

**Client:** Nike Air Jordan

**Studio:** REDACTED

**Tech Stack:** Three.js, r3f, TypeScript, React




### 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 link:** https://www.thesmileeffect.de/

**Launch date:** (2024)

**Client:** Bayer

**Studio:** Stink Studios

**Tech Stack:** HTML, CSS, TypeScript, React

**Awards:** FWA: Site of the Day, CSSWinner: Site of the Day


### Google DeepMind

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

**Live link:** https://deepmind.google

**Launch date:** (2023)

**Client:** DeepMind

**Studio:** Google Brand Studio

**Tech Stack:** HTML, CSS, TypeScript, Python, Django, Jinja2




### HeineQuest

REDACTED

**Live link:** N/A

**Launch date:** (REDACTED)

**Client:** Heineken

**Studio:** REDACTED

**Tech Stack:** HTML, CSS, TypeScript, WebGL, Three.js




### 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 link:** https://howls.loewe.com

**Launch date:** (2023)

**Client:** Loewe

**Studio:** Stink Studios

**Tech Stack:** TypeScript, WebGL, Pixi.js, React

**Awards:** FWA: Site of the Day, FWA: Site of the Month, FWA: Site of the Year (People's Choice), Webby: Best Multimedia Storytelling (Honoree)


### Grow with Google

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

**Live link:** https://grow.google

**Launch date:** (2022)

**Client:** Google

**Studio:** Google Brand Studio

**Tech Stack:** HTML, CSS, TypeScript, Nunjucks




### 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 link:** https://g.co/meroe

**Launch date:** (2022)

**Client:** N/A

**Studio:** Google Brand Studio

**Tech Stack:** HTML, CSS, TypeScript, WebGL, WebXR

**Awards:** FWA: Site of the Day, Awwwards: Site of the Day, Awwwards: Developer, Awwwards: Developer of the Year (Nomination), Lovie: Cultural Institutions (Gold), Dubai Lynx: Innovative Use of Technology (Shortlisted), Dubai Lynx: Digital & Interactive Design (Shortlisted), Dubai Lynx: New Realities & Emerging Tech (Shortlisted), Webby: People's Voice: Best Use of Augmented Reality


### ForestGen

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

**Live link:** https://forestgen.web.app/

**Launch date:** (2021)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** HTML, CSS, TypeScript, WebGL




### 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 link:** https://auditorial.withgoogle.com

**Launch date:** (2021)

**Client:** RNIB

**Studio:** Google Brand Studio

**Tech Stack:** HTML, CSS, JavaScript, Angular

**Awards:** ADC: Publication Design, ADC: Radio & Audio, ADC: Design, One Show: Interactive & Mobile Craft, Clio: Digital Product (Silver), Clio: User Experience (Silver), Cannes Lions: Audio & Radio (Silver), Cannes Lions: UX & Journey Design (Bronze), Cannes Lions: Personalised Storytelling & Experience (Shortlist), AICP: Digital Experiences


### Birkinstock Shoes

Birkenstocks made from destroyed Birkin Bags

**Live link:** https://birkinstock.shoes

**Launch date:** (2021)

**Client:** N/A

**Studio:** MSCHF

**Tech Stack:** HTML, CSS, Vue, Nuxt




### Kleur

Order the colours!

**Live link:** https://experimental.games/kleur

**Launch date:** (2021)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** TypeScript, WebGL




### Viewpoint

A game about perspective.

**Live link:** https://experimental.games/viewpoint

**Launch date:** (2021)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** JavaScript, WebGL




### Dodge the Boxes

Games made with web technologies.

**Live link:** https://experimental.games/dodge

**Launch date:** (2021)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** TypeScript, WebGL




### Farfetch AZ Factory

A promo site for Alber Elbaz' new brand.

**Live link:** https://farfetchazfactory.com/

**Launch date:** (2021)

**Client:** Farfetch

**Studio:** Stink Studios

**Tech Stack:** HTML, CSS, React, Three.js




### Coke Energy+

REDACTED

**Live link:** N/A

**Launch date:** (REDACTED)

**Client:** Coca-Cola

**Studio:** REDACTED

**Tech Stack:** HTML, JavaScript, PIXI, WebGL, SVG




### Orangefit

Create a Fitter World

**Live link:** https://orangefit.nl

**Launch date:** (2020)

**Client:** Orangefit

**Studio:** Superhero Cheesecake

**Tech Stack:** HTML, CSS, JavaScript, Liquid




### Carnival Sounds

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

**Live link:** https://web.archive.org/web/20201113072555if_/https://carnival.withspotify.com/

**Launch date:** (2020)

**Client:** Spotify

**Studio:** Stink Studios

**Tech Stack:** React, Gatsby

**Awards:** Awwwards: Developer, Awwwards: Site of the Day, D&AD: Shortlist


### Spotify Design

The new home of Spotify's design team.

**Live link:** https://spotify.design

**Launch date:** (2020)

**Client:** Spotify

**Studio:** Stink Studios

**Tech Stack:** HTML, CSS, TypeScript, Gatsby

**Awards:** SiteInspire: Feature, Awwwards: Honourable Mention


### 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 link:** https://atozofai.withgoogle.com/

**Launch date:** (2020)

**Client:** Google

**Studio:** Stink Studios

**Tech Stack:** HTML, CSS, TypeScript, LitHTML, Custom-Elements

**Awards:** Awwwards: Site of the Day, Awwwards: Developer, FWA: Site of the Day, Webby: Websites and Mobile Sites Education, Webby: Honouree, Best Individual Editorial Feature


### Wheel the World x Ooredoo

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

**Live link:** https://www.youtube.com/watch?v=AlALhZr8Pkw

**Launch date:** (2019)

**Client:** Ooredoo

**Studio:** Stink Studios

**Tech Stack:** DialogFlow, Actions on Google




### Your Future Self

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

**Live link:** https://www.scottishwidowsyourfutureself.co.uk/

**Launch date:** (2019)

**Client:** Scottish Widows

**Studio:** Stink Studios

**Tech Stack:** HTML, CSS, JavaScript, WebGL, WebComponents, AR




### Improved Print

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

**Live link:** https://github.com/pimdewit/improved-print

**Launch date:** (2019)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** JavaScript




### Premier Partner Awards

Celebrating excellence in digital marketing.

**Live link:** https://premierpartnerawards.withgoogle.com/

**Launch date:** (2019)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript, Google Closure, Jinja2




### Strandsy

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

**Live link:** https://strandsy.web.app/

**Launch date:** (2019)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** JavaScript




### Veczor

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

**Live link:** https://veczor.web.app/

**Launch date:** (2019)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** N/A




### Diana Costa

Personal portfolio of digital designer Diana Costa.

**Live link:** https://dianacosta.co.uk

**Launch date:** (2019)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** HTML, CSS, JavaScript

**Awards:** SiteInspire: Feature


### Trillion Dollar Coach

The Leadership Handbook of Silicon Valley’s Bill Campbell.

**Live link:** https://www.trilliondollarcoach.com/

**Launch date:** (2019)

**Client:** Eric Schmidt

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript




### Data Gif Maker

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

**Live link:** https://datagifmaker.withgoogle.com

**Launch date:** (2019)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript, Node, React




### PoseNet 3D

An attempt to perceive depth by analysing facial features.

**Live link:** https://foundry-posenet.web.app/

**Launch date:** (2018)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** JavaScript, TensorFlow




### FocusManager

A utility class that aides with computational focus.

**Live link:** https://github.com/pimdewit/focusmanager

**Launch date:** (2018)

**Client:** N/A

**Studio:** N/A

**Tech Stack:** JavaScript




### Google for Retail

Connect with shoppers, anywhere.

**Live link:** https://google.com/retail

**Launch date:** (2018)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript




### Toaster

Portfolio of digital design studio Toaster.

**Live link:** https://toaster.co

**Launch date:** (2018)

**Client:** N/A

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript




### Hire

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

**Live link:** https://hire.google.com

**Launch date:** (2018)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript, Google Closure, Jinja2




### Youtube Advertising

Marketing site for the Youtube Advertising programme.

**Live link:** https://youtube.com/ads

**Launch date:** (2017)

**Client:** YouTube

**Studio:** Toaster

**Tech Stack:** HTML, CSS, Javascript, Google Closure, Jinja2




### 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 link:** https://internetcitizens.withyoutube.com/

**Launch date:** (2017)

**Client:** YouTube

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript




### The Future of Go Summit

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

**Live link:** https://events.google.com/alphago2017/

**Launch date:** (2017)

**Client:** DeepMind

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript




### Making & Science

Inspiring the next generation of IoT makers.

**Live link:** https://makingscience.withgoogle.com

**Launch date:** (2016)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript, Polymer




### Blogger

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

**Live link:** https://blogger.com/about

**Launch date:** (2016)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript




### How Google Works

The rules for success in the Internet Century.

**Live link:** https://howgoogleworks.net

**Launch date:** (2014)

**Client:** Google

**Studio:** Toaster

**Tech Stack:** HTML, CSS, JavaScript, Jinja2




### Volkswagen GTI Bannerbahn

A race across the biggest websites in Holland.

**Live link:** https://thefwa.com/cases/volkswagen-gti-bannerbahn

**Launch date:** (2013)

**Client:** Volkswagen

**Studio:** ThisPage

**Tech Stack:** HTML, CSS, JavaScript, Flash

**Awards:** FWA: Site of the Day, Esprix: Duurzame goederen (Gold), Esprix: Product launch (Silver), Eurobest: Silver x2, Spin Awards: Gold, Webby: Banner Campaigns



## Social Media & Profiles

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