top of page
1.png

Wireframes, User Flows, UI Mockups, UI Animations

 

This is a Pac-Man licensed online battle game that you can now play with your friends on Google Stadia. 

The game is built in Unreal, supporting keyboard, Stadia, Xbox and PS4 controllers. 
This was my first project to work on when I first joined Heavy Iron Studios during the pandemic.
It was an amazing experience to deliver a game without working in the office.
And I felt very honor to have the opportunity participating the production of this game.

 
Pac-Man_logo_v02.png

Click the image to link to Google Stadia

Main Menu wireframe options

 

I provided two layouts for the team to discuss what's the best way to present and navigate the menu.

​
Main Menu _V.1.png
Main Menu _V.3.png

We picked the layout that's placing the menu on top. The font is using different font from the general text so it's easy to call attention to it.

 
Main_Menu.png

Here are some idea development process for different game modes. 

 
thumbnail-ideas.png

Find games from the main menu

 

To help players quickly find the game they want to join, here's a function that you can use from the main menu.
Below is a prototype I made to help the production team understand the flow and logic.

 

Here are the mockups for search results

​
Finegame_Challenge.png
Finegame_Eliminationgame_waitingtostart.
Finegame_Eliminationgame.png
Finegame_NoFound.png

Profile and Options

 

We have other two big features, Profile and Options on the menu that you can navigate to do more personal customization. You can also find more support links under the Options.

 
Profile.png
Options.png

You can purchase and customize the map and accessories for your Pac Man

 
customize.png

You can look up Achievements and Stats to find how far you've made in this game

 
WAKA - Unreal Editor 11_16_2020 7_45_33
WAKA - Unreal Editor 11_16_2020 7_45_45

Locked/Unlocked Achievement Icons

 
80_80.png

In Options, you can remap the functions based on the controller you have

 
 
controller.png

Elimination & Challenge Game Modes

 

There are two game modes in the game at this point.

The Elimination Game, you are competing with other 63 players to be the last one standing.

The Challenge Game, you can continue train your skill and earn coins until you run out of your lives.

 
main-menu2.png

To play an Elimination Game, you have to Queue up first.

 
WAKA - Unreal Editor 11_20_2020 2_49_26

Then you can either play the Challenge Game, or go to customize your Pac Man while waiting others to join

 
WAKA - Unreal Editor 11_20_2020 2_49_36

For Challenge Game, you have one free refresh a day to swap out one challenge you don't want to play with

 

In-Game HUD

 

Challenge Game

 
Challenge.png

Elimination Game

 
 
Elimination.png

UI Animations

Here are some UI animations built in Unreal

 
bottom of page