Hero

adidas
Ultraboost
—
Next.js
Website.

TextBlock

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
ProjectFeatures

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:

SkillsList

Built with

  • React
  • Next.js
  • CSS-in-JS
  • AWS Lambda
  • AWS S3
  • Pusher Channels
ProjectsGrid

Further work

Froneri thumbnail image
Froneri
  • Froneri
Sale Sharks thumbnail image
Sale Sharks
  • Sale Sharks
YourTRIBE thumbnail image
YourTRIBE
  • YourTRIBE
  • Acnecide+Purifide
See more projects