A casual match-3 game, with building kingdoms, and leaderboards.

YEAR
2017

DURATION
1.5 Years

TEAM OF 10
· CEO
·
Executive Producer
· Game Designer
· Engineers
· Art Director
· Outsourcing

ROLE
Lead UI/UX Designer

DELIVERABLES
·
User Interface
· Wireframes & Mockups
· Prototypes
· Executive Presentations
· Final Specs
· UI Polish & Implementation
· Build Review

FORCING GAME PLAY PROGRESSION

UX Flows · User Interface · Wireframes · Annotations

PROJECT OVERVIEW

The most desirable power-up in this game is called an Event Baker. The Event Baker provides gameplay boosts and advantages that make it easier to earn high scores in the core game.

In the game there are 3 core gameplay loops

  1. Match 3 - Casual Gameplay - earn in-game currency

  2. Place Businesses and Decorations in their Kingdom - build resource centers, collect gold for upgrades

  3. Blitz Mode - Leaderboards/Competitive game mode - team challenges, earn currency and prizes

All of these modes contribute to an overall player point metric called World Score

TOP CHALLENGES

  1. Players were successful in collecting Event Bakers (gameplay boosters) but they weren’t completing Gameplay Loop 2- they weren’t taking the time to decorate their kingdoms

  2. Place Businesses and Decorations in their Kingdom - build resource centers, collect gold for upgrades

    Note: This is an unlaunched game. This was the final feature developed as a team and it was also the fastest time frame that the team was able to launch any feature.


CONTRIBUTION

  1. I owned the design of the gameplay flow for new feature

  2. I created Wireframes as well as Final Mock-ups for the new feature

  3. I was also tasked with accounting for edge cases in Event Baker collection to help programming and VFX. This was important because all teams were working in parallel (Development, Art, Design) and we needed rapid deliverables if we were going to hit the tight deadline

GAME LOOP POP-UPS


GAME LOOP FLOWS

RESULTS

Account for edge cases in Event Baker collection to help programming and VFX.

  • Receiving Bakers for the first time

  • Receiving duplicate Bakers

  • Upgrading a Baker

  • Placing a business down on the Kingdom

LEADERBOARDS REDESIGN

Problem Solving · User Interface

GOAL

We wanted to highlight top-players. We also wanted to highlight rewards that you would receive.

CONTRIBUTION

I was responsible for creating and designing the new visual treatment.

PREVIOUS DESIGNS
BEFORE ME


AFTER

GAME UI REDESIGN

Problem Solving · User Interface

GOAL

We wanted to redesign the UI frame to make the Baker power ups more visible and update the art style


CONTRIBUTION

I added icons that corresponded to each Baker so that a player could more easily recognize the associated gameplay power up. I polished the UI assets to add consistency to other game elements.

PREVIOUS DESIGNS
BEFORE ME


AFTER

BAKER CARDS

Problem Solving · User Interface

GOAL

We needed a visual treatment that would help users identify different Baker specialties, their power levels, clan name, and ranks in the Leaderboards.

CONTRIBUTION

  1. I designed visual language to show power level, ranks, “Booster Specialty” and “Donut Specialty”

  2. I created badge progression that was displayed in the Leaderboard

BAKER SPECIALTY PROTOTYPE

PROGRAM: PRINCIPLE

A prototype to demonstrate a slide in motion animation when a new Baker is revealed.

DESIGN SYSTEM

COLORS

USER INTERFACE