Wolfenstein II – The New Colossus

The Wolfenstein II website displayed on a phone, tablet, and television
An initial high-fidelity concept allowed visitors to pick their side on landing, with each path presenting different information about the world and game.
Initial "Resist" concept for the Wolfenstein II site
Initial "Resist" concept for the Wolfenstein II site
Another high-fidelity concept presented visitors with an interactive map highlighting levels of the world as “tourism” locations. A “restricted” area was hidden behind a password (that would be revealed via hints on social media) that highlighted the game protagonists.
Initial "Amerika" concept for the Wolfenstein II site
Initial "Amerika" concept for the Wolfenstein II site
After a final direction for the overall experience was decided, we moved back from high-fidelity prototypes to hand-drawn sketches and diagrams to quickly flesh out concepts and ideas. These sketches are early explorations into “World” and “Game” landing pages.
Early hand-drawn sketches and concepts for the Wolfenstein II site
Early hand-drawn sketches and concepts for the Wolfenstein II site
Homepage design for the Wolfenstein II site
Homepage design for the Wolfenstein II site
As part of the home landing grid, we created a comprehensive series of grid sizes and rules for content and media to ensure the site could continue to be updated and maintained across all phases of the experience.
Grid rules and content recommendations for homepage of the Wolfenstein II site
Grid rules and content recommendations for homepage of the Wolfenstein II site
The site was built to accommodate upwards of ten localizations and languages, including German-specific assets removing all Nazi symbols and languages made up of Chinese or Kanji characters.
Homepage design in German, featuring censored content and symbols, for the Wolfenstein II site
Homepage design in Japanese for the Wolfenstein II site
"Amerika" page design for the Wolfenstein II site
"Amerika" page design for the Wolfenstein II site
As part of the “Amerika” landing page (in the style of an in-world newspaper), we created content documents and rules laying out exact requirements alongside the design.
Content outline and structure for the "Amerika" page design for the Wolfenstein II site
Content outline and structure for the "Amerika" page design for the Wolfenstein II site
Pre-order page design for the Wolfenstein II site
Pre-order page design for the Wolfenstein II site
Immersive landing pages were created for each of the “in-world” trailers released for the game. These trailers used pop culture set in the game's alternate universe, mirroring real world television shows, to fully flesh out their version of “Amerika.”
Video landing page for the Wolfenstein II site
Video landing page for the Wolfenstein II site
These landing pages were linked together to tell a more cohesive story of the world and included a looping carousel interaction to dynamically load the pages when moving between them.
Video landing page for the Wolfenstein II site
Video landing page for the Wolfenstein II site