
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
Match 3 - Casual Gameplay - earn in-game currency
Place Businesses and Decorations in their Kingdom - build resource centers, collect gold for upgrades
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
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
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
I owned the design of the gameplay flow for new feature
I created Wireframes as well as Final Mock-ups for the new feature
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
I designed visual language to show power level, ranks, “Booster Specialty” and “Donut Specialty”
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.