The Style

Video game character screen featuring a muscular man with gray hair, beard, and a green shirt, holding a bear-like creature on his shoulder in a stadium setting with a crowd. The screen shows a deck of cards with fantasy-themed characters and abilities, with options for fans and back buttons.

Wildcard is a PvP collectible-card-based arena action game with a pro-sports design aesthetic. The Wildcard Alliance approached UXiF with the task of re-imaging the User Experience and developing a monetization model for the game, all while following the existing visual style guide.

The client had already established a strong brand identity before UXiF began design work on the User Interface. We carried the bold shapes, negative space and collectible card details over into the high-information-density User Interface.

Deliverables

Monetization Models
User Experience
UI Design
Card Iteration

Deck Builder

Video game interface displaying a deck list with character cards, including Lump, Wotchy, Vitadrop, Spord, Slowclaw, Janz, Fendor, and Sembler, with highlighted Lump card on the right and details at the bottom.

We presented several monetization methods that would be suitable for Wildcard. Each had their own pros and cons and the team was able to refine the model to suit their player base and reach their product goals.

Monetization

Comparison chart of three different currency game modes: 1) Currency Focus, No Free Packs, 2) Soft and Hard Currency with free common packs, and 3) Emphasis on houses with different currencies and bulk purchases. Each mode has a summary, rules, and pros and cons listed.

User experience

A high level audit was performed to identify the monetization loops of other card games in the market. This was crucial to help the Wildcard team define how they wanted to approach monetization for their game.

A collection of five flowcharts illustrating various cryptocurrency business models and pay-to-win strategies. Each flowchart features nodes and arrows depicting processes, decision points, and different approaches such as singular hard currency flow, multiple parallel investments, two independent flows with premium loops, soft currency flows, and high-key P2W models with exclusive contents.

Wireframe Development

Workflow of low fidelity wireframe to final documented wireframe with callouts:

Three screenshots from a video game interface. The first screen shows options to open a pack, with an arrow pointing to the second screen displaying a card in a virtual pack. The second screen shows a large card with the number 12, and buttons to open more packs or view all. The third screen feature detailed information about a character named Hornelius, including its stats, variants, and a 3D model of the character.

Sequence of three screenshots from a digital interface, showing a card collection or game setup. The first screenshot displays a template with boxes, filters, and a description area. The second shows a collection of cards labeled 'LOADOUTS' with a highlighted card and details. The third depicts a card gallery titled 'BINDER' with multiple cards including a detailed view of a specific card labeled 'SUMMONS.'

A diagram showing the layout of a video game interface for designing and customizing game loadouts. It includes sections for a deck, filter options, a navigation bar, card slots, a card display, and various controls with labels explaining their functions.

Wildcard had an established playing-card style for its Champions and Summons. UXiF took those solidified styles and expanded them to all of the other required card categories.