<Hero/>

adidas Ultraboost.React & Next.js.

/(^a|&)/i
<Text/>

Overview

We built an in-store experience for the flagship store in London, UK.

It consisted of two components: an iPad Selfie web app enabling users to create personalised selfie graphics using the device camera and a Gallery Wall website displayed across two large screens in-store showcasing the user generated graphics in real-time.

The iPad web app is built with React and Next.js. It connects to an AWS Lambda function that uploads the users photos to an S3 Bucket and updates the Gallery Wall with their photo.

  • React Development
  • Animation and Interaction
  • AWS Integration
<Grid/>

Highlights4

Idle screen

A web animation that plays until a user interacts with the iPad.

Edit selfie

After capturing a photo, users can customise their graphic by adding a personalised mantra.

Real-time gallery wall

Graphics are displayed in real-time across two large screens using Pusher Channels.

Mobile share site

Users can save or share their graphic by interacting with a mobile site.

<Video/>

The experience was part of a large campaign for the flagship store showcased in the video below:

<List/>

Built with

  • React
  • Next.js
  • CSS-in-JS
  • AWS Lambda
  • AWS S3
  • Pusher Channels
<Grid/>

Further work

See more projects