Two views of the website (desktop, and mobile). The large view showcases the deckbuilder page, while the smaller view shows the deck page, and the finished decks user's added to the site.

DrawTwo

Growing Player Skills in Competitive Artifact

Company: Team Liquid
Team: Me, Richard Stanway (back-end)
My Role: Product and Logo Designer, Researcher, Developer

Launched in 2018, DrawTwo was a website that was created to help fans improve their knowledge and skill with Valve’s competitive card game, Artifact. I led both the design and front-end development of the project, crafting tools and a content platform that would help fans and the community at-large talk about the game, and grow the scene.

The project also helped to refine Team Liquid’s first design system, improving usability and accessibility, and further enabling faster and more robust community projects in the future.

The desktop and mobile views of a single deck page. There\s a summary sectino for the selected heroes and deck stats, and a second section for the cards used in the deck.

Two views of the deckbuilder page, stacked on top of each-other. The page on top includes tabs for hero, main, and item cards, along with a summary tab. Within the summary tab is a form covering general infomation, key cards, deck goals, a guide, and other properties.

The mobile and desktop views of the decks page, showing the summary of decks that user's have added to the website.

On the comparison page, a user is comparing Tidehunter to Path of the Cunning, and different stats between them (pick and win rates, synergies, and percent played).

The home page of DrawTwo featuring robust editorial content for deck and strategy breakdowns, tier lists, and industry news.

An overview of the many pages found in Project Chaos, Team Liquid's first design system. There are three big sections for foundations, core concepts, and details specific to DrawTwo.