Wolfenstein II – The New Colossus

An initial high-fidelity concept allowed visitors to pick their side on landing, with each path presenting different information about the world and game.


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.


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.




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.


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.




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.




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.”


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.

