News

Site of the week: District 13

This marketing drive for The Hunger Games brings mobile and desktop web design closer together

TheMockingJayLIves

This marketing drive for The Hunger Games brings mobile and desktop web design closer together

TheMockingJayLIves

URL: district13.co.in | DESIGNER: watsondg.com

If there’s one word to describe fans of The Hunger Games movie series, it’s obsessive. The latest instalment, Mockingjay – Part 1, based on the novel by writer Suzanne Collins, chronicles the districts in Panem as they battle against the tyrannical and totalitarian government.

Followers are always keen to access exclusive content and extra material, and this featured web project encompasses many sites across different devices. Produced by LA agency Watson/DG for Lionsgate films, District 13 is an offshoot project from the theCapitol.pn site.

By accessing the URL on both desktop and mobile browsers, and entering a session ID from theCapitol.pn, a paired experience enables visitors to engage with puzzles. These ‘hacks’ use gyroscopic and touch interactions to unlock exclusive imagery, clips and movie information. When the user logs in with Facebook or Twitter you can save your progress; this is very thoughtful when you realise how tricky each hack can be! As you proceed on tablet or smartphone however, you’ll see feedback appear in real-time sync via your PC. In addition, back at the main theCapitol.pn site, some gorgeous HTML5 Canvas and WebGL work delights the eye while underlining the ‘big brother’ themes that are synonymous with the franchise.

d1301

A QR code enables scanning of the URL for quick and easy access to the District 13 mobile site

d1302

Each available hack is lined up for you to crack once your device is paired up with the experience

×