Esports
Magic Pro League
Overview
Roles
- Project Management
- Web Design
- Vue.js Framework
- Back-End Development
Deliverables
- Responsive Build-Out
- Website Development
- CMS Integration
- Twitch Integration
- Custom Deck Builder
Magic Esports is the pinnacle of competitive Magic: The Gathering, with more ways than ever for players to compete at the highest level and play their way to glory. At the heart of Magic Esports is the Magic Pro League (MPL), featuring 24 of the best players from around the world battling at the highest level of professional Magic.
Making Connections
Bringing Fans Closer to the Players
Haven was tasked with creating a microsite to showcase news, players, media, standings, and events for the Magic Pro League. The site needed to allow fans to follow event play, and their favorite players, all season. It also needed to inform users of how to enter, qualify, and play in tournaments alongside the Pro's.
Visit Site
Design
Continued increases in traffic and fan engagement.
Haven designed the microsite by following the branding and style guides provided by Wizards of the Coast, while still adding in the style and polish that Haven is known for, to enhance the overall user experience. We worked closely with Wizard's Marketing Team to make sure all aspects of the MPL were showcased on the site, while also ensuring that the information was displayed in an easy to view and shareable format on social media.
The Haven development team also integrated the site with a CMS in order to allow the Wizards team the ability to populate the microsite with all of the data and assets that were needed. We also integrated on-site notifications to alert visitors when Pro Players were live-streaming on Twitch. This feature allows fans to click to view the players' live Twitch stream directly from their profile page on the site.
Since Magic: the Gathering is based on cards and card decks, a custom solution was also created to showcase cards and deck lists. Users can see a list of all the cards a player used in their deck, along with the card art images, ways to share the deck on social media, and aunique feature for where users could download the deck lists in order for them to then import them into the online Arena game to try them out for themselves!
Visit Site
The Haven development team also integrated the site with a CMS in order to allow the Wizards team the ability to populate the microsite with all of the data and assets that were needed. We also integrated on-site notifications to alert visitors when Pro Players were live-streaming on Twitch. This feature allows fans to click to view the players' live Twitch stream directly from their profile page on the site.
Since Magic: the Gathering is based on cards and card decks, a custom solution was also created to showcase cards and deck lists. Users can see a list of all the cards a player used in their deck, along with the card art images, ways to share the deck on social media, and aunique feature for where users could download the deck lists in order for them to then import them into the online Arena game to try them out for themselves!
