Nike PLAYlab
- Client
- Nike
- Year
- 2021
- Stack
- Vue 2, GSAP, WebGL
[0] The project
An online challenge where kids are invited to invent their own sport, bust their best dance moves or engage ‘Mbappé mode’.
[0][0] Challenge
Spark the joy of sports through a digital playground. Aiming to connect sport and play so that kids can discover, play and share.
[0][1] Approach
Create an overarching concept and format for Nike to inspire and broadcast the joy of sports.
[0][2] Result
A place that gives kids the freedom to use their imagination, experiment and try things out.
From the playground into the Mbappé challenge.
[1] Awarded by
- 2022
- FWA
- 2022
- Awwwards
The playground, at first glance.
A menu with room to play.
Get inspired by a set of examples.
[2] The Experience
Redefining Sport.
Designed around a series of challenges, Nike PLAYLab invited kids to experiment, express themselves, and shape their own interpretations of sport through play.
From the overview to the challenge.
Challenge introduction.
[3] Built for this project
Components
A selection of the elements I brought to life along the way.
Loading animation
Starting off the experience by playing with CSS perspectives. A nice way to keep the kids entertained while the experience loads.
Content card
Mixing CSS Masking together with a GSAP timeline to display content in a fun and engaging way.
Language selector
A small and simple interaction with a touch of playful character.
[4] Credits
The Team
The people I had the pleasure of closely working with to bring this project to life.
- Designer
- Mischa Loppies
- Lead Frontend Developer
- René Drieënhuizen
- WebGL Developer
- Reinder Nijhoff
- Project Manager
- Hugo Lennon