Marvel.com Redesign
Introducing the new Marvel.com, the first site designed around the modern fan.
Between its comics, games, toys and movies, Marvel has fans everywhere. But try to go deeper into the Marvel Universe and it can be overwhelming. It was time for Marvel to bring all of its properties together in a site that captivates fans as much as its stories do.
Built as a "kit of parts," the site comprises modules that are optimized for engagement is powering by a custom Drupal CMS that has to move as quickly as culture. Editors can instantly promote trending topics in the news feed, convert the homepage into a live event streaming hub, or update Thor's eye color on a character detail page.
Built over the course of 12 months with a joint agency/client team of 48 people, the project was split up into four phases.
Discovery
An 4-week introduction to our day-to-day client team and all of the major Marvel stakeholders. During this time we also completed a creative audit and sitemap of the former .com to establish a design, technological and measurement baseline off of which to determine KPIs and business requirements.
Ideation
An intensive creative process that coupled Experience Design (XD) and Visual Design to make global, page and module level decisions that would shape the back-end and front-end technological requirements for the site. During this phase, major decision such as navigation structure, page layouts and user journeys were aligned on using wireframes and high fidelity mock ups.
Validation
New York Comic Con 2017 provided the perfect environment for extensive user testing. Using a screener survey, we selected candidates to test two potential navigation structures and other critical site elements to validate assumptions we had made during Ideation.
Execution
Over 8 months of agile development and 2 months of hardening the XD, Visual, Front-End and Back-End teams all worked in tandem to build the Marvel website. Two-week sprints kicked off with planning and ended with demo days for the dev team and relevant stakeholders. We also included mid-sprint grooming and confirmation sessions to track progress, make strategic scope decisions, assess velocity and prepare for the follow sprint.
Capabilities:
Experience Design
Visual Design
Headless Drupal CMS
Front End Dev
QA
Agile Development
Scrum Master
Remote team management
JIRA
Confluence
Media
Marketing Sciences