For Christopher Nolan’s WWII movie Dunkirk, global digital agency Jam3 partnered with Twitter to launch a nine-day social campaign that retold the story of the evacuation of 400,000 British and Allied troops from the Battle of Dunkirk. The social campaign also went live on this site—created by Jam3—that portrays the facts as seen through a periscope. Advancing along a navigation-bar timeline on the bottom of the page, the site tells the story of Dunkirk in real time, recreating and recapping the events that transpired. Ten international versions of the site feature the same text in different languages, thanks to Jam3’s Leif.js library, which enabled the motion designer working on the site to export motion-tracked text from After Effects. Using Twitter APIs, the official Dunkirk site also aggregates all Twitter mentions of #Dunkirk; as the tweets increased in number, the site unlocked unreleased gallery assets from the film, including artwork and an exclusive trailer. This site marked the first of two interactive campaigns for Dunkirk; its sister campaign, a multiuser WebVR experience for Chrome, was created in partnership with the Zoo at Google and debuted at Google I/O.
Visually arresting images and sparkling copy show off this global design firm’s personality on its portfolio site.