In-app currency illustrations to gamify the player timeline experience

Mobile screen displaying in-app purchases of MoBucks packages priced from $1.99 to $24.99 with package sizes from 250 to 5,000 MoBucks, along with a separate card highlighting the Truckload of 5,000 MoBucks for $24.99 and three floating gold coins with crowns.

Overview

This project explored and defined visual style for the gamified portion of in-app MOJO+ currency that lets a user buy player card assets driving engagement and subscription revenue.

Role
Lead designer
Timeline
1 month
Platform
iOS & Android
Tools
iPad Procreate, Illustrator

Problem

We wanted to build our subscription business. Part of that was allowing users to buy stickers, frames, and background for their MOJO Player Cards. We had defined a price structure, but needed a visual way to showcase each tier.

Opportunity

There was an opportunity to surprise and delight our customers with in-app currency that met best practices across gaming app examples.

Research & brainstorm

  • I conducted a competitve analysis across different  tier styles and examples to identify inspiration and direction. This project was a diversion from typical sporting, we looked heavily into gaming products.

  • A large part of this project was determining what style we wanted. Relating it back to sports was crucial - should we lean into trophies, medals, awards? How could we relate the theme back to sports?

Iterations

Below you will see a bunch of itertions that I mapped out as we tried to find the 'right' version for us. We tried olympic-inspired medals, geometric shapes that used court/field lines of various sports, sport tickets, coins cash, and more. All variations were hand sketched on an iPad.

Hand-drawn sketches exploring logo shapes, Olympic-style medals, tickets, coins, and cash designs featuring a crown emblem, sports-themed gems, and stylized currency concepts.

While we like the art style that these were bringing, we wanted to push the bounds of what we could do. We wanted to pull from the research that we conducted and really go full court press on the in-app currency bundle illustrations.

Seven black and white sketches showing stacks, treasure chest, pouch, briefcase, delivery truck, store, and stadium all overflowing with currency notes, illustrating visual concepts for in-app currency in the MOJO brand.

We netted out on these rough versions. Next step: bring them to life with color, refine add finalize.

Final design

Here are the final versions that made their way into the app today. They captured the essence of MOJO, and brought a fun style into the in-app currency bundles.

Eight icons representing different amounts of money: a gold coin labeled Moola, a green bill labeled Mobuck, a small stack of bills, a backpack spilling money, a briefcase filled with money, an open chest overflowing with cash, a truckload of money, and an arena full of money with dollar bills flying above.Two smartphone screens showing Sam's Packs app with Moola earnings, wallet balance, and purchasable item packs including Basic Pack, Mega Pack, and MoBucks packages with prices.