Melissa Chen | mel@hellumelu.com

UI/UX

UX/UI

Run Legends

Talofa games / ios & Android

In this project, I was the UX/UI Designer for the live version of Run Legends. I worked on redesigning the user flow for navigation to make it more efficient for users, joining and hosting missions, live ops events, first time user experience, maps, store, inventory, among other UX tweaks based on player feedback as the project went on. I also worked with the game artist (Melina Rudianto) to redefine UI styles to be more cohesive throughout the game and give it an extra polish.


 

One Night Mafia

Zoom

One Night Mafia is a fan game concept based off One Night Werewolf meant to be played on Zoom for synchronous online play.

For this game jam project as the only artist I worked on UI design and UX flows, card graphics as well as character designs and illustrations. The theme I went with was 1920s Noir and graphic elements were inspired by Art Deco to emphasize on the time period while the characters are designed to be cute and fun to fit the mood of the game.

Wireframes

Below are examples of wireframes made for the game. I usually work in greyscale just to show hierarchy easily as well as make sure everything is readable at this stage. Wireframes are usually done for the flow of the game as well as individual states of each screen.

Select Roles

Player select the overall number of roles being played in the game.

Discussion

After all the roles have been performed, the players get into discussion. Players are able to indicate which role they think the other players are.

Player Sequence

Info can be toggled to be viewed as players play the game so they remember which roles are being played.

Voting

Players vote to pick the mafia.

Active Player

When it’s the current player’s turn, actions pertaining to the role will be indicated on the screen.

End Game

After voting, players get to see who wins


 

It Fits, I Sits

Facebook Instant Games

It Fits, I Sits is a cute puzzle game where the player tries to fit all the cats into the box. It’s based off the internet meme where cats attempt to fit into small spaces.

I designed the entire UX flow, overall visual design including UI, cats, animation sequences and cat Spine animations. The goal was for the game to look whimsical and fun, so I used 1960s cartoons as a reference. There are 12 cats, with 2 skins each (making it a total of 36 cat pieces.)