MAGIC: THE GATHERING

Site Redesign & Migration

Narset, Enlightened Master by Magali Villeneuve.

Reasons for a Redesign

Three years ago, while Magic: The Gathering was enjoying unprecedented success, the official site was showing its age. It was also built on a bespoke CMS with a huge technical debt. New to Wizards of the Coast, I was tasked with the challenge of assessing the site’s structure, defining core goals and collaborating to synthesize a new experience.

Images in this gallery represent the Magic: The Gathering web site prior to my recruitment for the redesign.

Who & When

This effort was not, and could not be a solo effort. At Wizards of the Coast, Magic: The Gathering drives and affects nearly everyone. This project involved input from countless stakeholders and inspired passionate feedback from across the organization. There were several phases of development that culminated in a Phase II completion in December, 2014.

Where it was Headed

While project goals included zones focused on business and technical efficiencies, most efforts and strategies were focused on serving the fans & players. These goals included creating an enjoyable experience, clarifying the intention of core site content, providing improved search and ensuring that time spent using the site was rewarding enough to warrant regular return visits.

Building Blocks

Initially, I identified a few content commonalities that seemed promising as a basis for a navigational structure. My recommendations centered around task-centric hubs and included Game, Story, Products, Events and Articles, in addition to some other utilities like our card database, account access, and term searches. In the end, marketing leadership identified an opportunity to merge key consumerist sections, making room for dedicated new player and community pages.

For All Sizes

One element of providing an improved experience was moving from a static layout desktop site to a mobile-friendly responsive layout. While we settled somewhere between responsive and adaptive, the result is a site that works well and is intentionally designed to behave predictably on phones, tablets, and personal computers of many varieties.

Drupal drop

Ongoing Improvements

Behind the scenes of many of our refreshed brand sites, Drupal is providing a foundation for iterative improvement. Using an open platform has provided a more diverse pool of vendors and a wider range of accessible technologies. While getting the front-end dialed in has had it’s challenges, it’s been good to be able to lean on a stable backend.

My Contribution to Magic: The Gathering

While we engaged numerous teams & several vendors during this exhaustive undertaking, I served as the internal UX lead during this entire project, taking on any roles necessary.

  • UX Direction & Vendor UX Management
  • Vision Synthesis and Documentation
  • Wireframing
  • Work Queue Prioritization
  • Secondary Visual Design oversight
  • Search Bias Refinement (prior system)
  • User Story Refinement
  • User Testing Definition & Review