Scars of Mirrodin

Wizards of the Coast

Project Type
Technologies
  • CSS
  • HTML
  • Javascript
  • NET
  • Wizards CMS
Roles
  • Quality Assurance
  • Technology Lead/Production
  • User Experience Design

An immersive website to introduce an entirely new fantasy world.

mirrodin1

Creating a world online.

Mirrodin is a fantasy world created by Wizards of the Coast as part of their highly successful Magic: The Gathering (MTG) trading card game. Wizards needed a website that would completely immerse the user in a vibrant environment to help introduce the passionate MTG fan-base to an entirely new world.

This was when parallax was new…

To create a compelling sense of 3d space, we¬†used parallax techniques to leverage the stunning artwork provided by Wizards. Parallax uses CSS and HTML to create an illusion of depth using multiple semi-transparent layers that move independently. The Scars of Mirrodin site uses this technique to great effect, moving the environment with the user’s mouse movements, helping draw the viewer into the fantastic world of the MTG artwork.

mirrodin_006

Easy to update, easy to change.

To make sure the site stayed evergreen we created a custom content management system (CMS) tailored to the client’s needs making them virtually independent for day-to-day actions.

Now that you've seen an example of our process, let us know how we can apply it to your project.