MTG: Gatherer Site

Overview

The project modernized the Gatherer site, making it more accessible and user-friendly. I used the research my team collected to identify pain points and collaborated with developers to implement a design system and overall functional solutions that cater to both novice and veteran players.

Company & Team

Wizards of the Coast

Myself as Principal UX Designer
UX Designer
UX Researcher
Senior Product Manager
Senior Developer

Year

2024 - 8 months

Skills Used & Artifacts

User experience design
User testing/research
Workshop facilitation
User story mapping workshop facilitation
Prototyping in Figma

Information architecture
Competitor benchmarking
Wireflows
High fidelity concepts
Usability testing

Objectives

Streamline the card search functionality.
Enhance the deck-building experience.
Improve overall site accessibility and responsiveness.
Creation of first design system in organization.

Key Feature

Advanced Search Filters: Users can find cards based on specific criteria such as mana cost, card type, and expansion set.
Deck Builder Tool: An intuitive interface for users to create, save, and share their decks.
Responsive Design: Ensures optimal user experience across devices.
Accessibility Enhancements: Includes screen reader support and keyboard navigation.
Design system component library creation.

Current Website Design

Current outdate website design.

Desktop Website View

Update website desktop view.

Updated Search Function

Updated search function in desktop view

Mobile Views Search & Filter

Mobile view of search and filtering.

Design System Componet

Example of some of the components I built for the site.

Mobile Card Details Concept

Outcome

Organization saw value in creation of design systems to help update more products. This particular project is still in progress.