Jean-Michel Saulnier
All work

Transformers: Calling All Autobots

A personality test in WebGL for Transformers: The Last Knight, made with Spotify. Bumblebee danced to every answer, and each fan left with a playlist.

The site's opening screen: the yellow robot Bumblebee stands over a city skyline, behind the title "Calling All Autobots".

The opening screen. Images: Thinkingbox

Role
Creative technologist at Thinkingbox
With
Paramount / Spotify
Year
2017
Built with
WebGL (PlayCanvas), React, Redux, Spotify

The project

Paramount promoted Transformers: The Last Knight together with Spotify, so the site was built around music and around Bumblebee, the robot who speaks through a radio.

A fan answered a short personality test and was matched to a character from the film. After each answer Bumblebee danced to a track for about seven seconds. At the end the fan got a Transformers playlist on Spotify, chosen for that match.

My part

I developed the experience at Thinkingbox, as part of the team: Bumblebee and his dances in PlayCanvas, under an interface built in React.

Result

The site went live in June 2017 at transformersmovie.com/CallingAllAutobots. Thinkingbox published an account of how it was made.

Two hands hold a tablet that shows the site: Bumblebee beside one of the test's questions.
The test on a tablet
The Bumblebee model seen from three sides against black.
The model: 65,000 vertices
Blending one dance into the next
The layers of the head's texture