Hero

adidas Ultraboost.
Next.js Website.

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.

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