CHLOE ZENG
  • UIUX
  • PROJECT
  • Fun
  • 3D
  • ABOUT
Picture

Roles
UI Design


Tools
Illustrator
Photoshop
Context
Time: Feb 2017 - May 2017
Product: Release on PlayStation 4
Position: UI Design @ Manic Interactive LLC


​About this game:
This is a short interactive story exploring a mother's struggle to cope with an endless cycle of abuse.
By exploring and interacting with objects in each room, uncover deep emotions that have left their mark within these walls.
​

Art Style
The thematic elements and design of the house are inspired by the bold, often clashing, colors of the 1970s, “the decade that taste forgot”. The purpose of this style is to create an environment that is uncommon in video games (thus lending a sense of uniqueness) as well as creating an environment that is unsettling without the use of cliché and typical horror tropes.
​

UI Design
I was the UI designer in the Deliriant team. When I joined the team, they were almost finished building the game environment in the Engine. I played the demo several times because I wanted to fully immerse myself into the story. Then I began to design the UI pieces based on the design and art style. I did not want the UI to look out of place. It all had to fit the environment style and tone of the game. 
Here is the UI list:

In-game Indication
Main Menu
● Begin
         ○ Starts new game
● Options
         ○ Stick sensitivity
                       ■ Slider
         ○ Invert y-axis
                       ■ Check box
● Credits
          ○ Displays credits
● Load
          ○ Loads saved file
In-game
● Resume

          ○ Resumes paused game

● Options

          ○ Same buttons as above

● Save

          ○ Rotating circle animation/Blinking

● Exit

​          ○ Exits to main menu

In-game Indication:
How does the player interacts in the game? (Arrow, Dot, Hand...?)
​I tried the following:

Picture

However, because our game length is short, we decided not use any clear indication to the players, to increase the player exploration time.
​

The final design of the indication:


Picture

Picture
Picture

Finalized in the game:
Picture
Picture

Trophy Icon:
PURCHASE
  • UIUX
  • PROJECT
  • Fun
  • 3D
  • ABOUT