TARDIS UI

GOAL

Create a UI for the TARDIS level I created that matches the lively aesthetic of the 11th Doctor's TARDIS.

SKILLS LEARNED

Using the world's environment for inspiration.

Shape language

Color popping, while maintaining readability

PROGRAM

Figma, FigJam

PRE-PROCESS

I wanted to create something inspired by the Doctor’s language (Gallifreyan). Use that shape language as the root for the overall structure of the menu prototypes

Researched colors and old Gallifreyan text to create the shapes needed for each piece.

Choose colors and UI elements giving a Gallifreyan feel.

PROCESS

Created a first pass of the wanted elements

Playtested first pass for any possible changes

Fixed requested adjustments

Documented the purpose of individual elements for both playtest clarity and further collaboration.

UI Element Key

Player Health and Energy bar

Green - Energy bar, used to limit the use of the players main weapon, the Sonic Screwdriver

Red - Health bar for the player

Further Implementation - The background art will be in Gallifreyan. Spelling out health bar.

UI Map

Orange - Center console and arches

White - Doors in player space

Grey - Stairs and platforms

Blue Square - TARDIS door entrance

Further Implementation - Gameplay art for the game. The boarder will spell out map in Gallifreyan.

Player Sonic Screwdriver shortcut bar

2- Healing -Character healing

Q- Light - Emitting light from the screwdriver

E - Scanner - Scan environment for key points, hints, and objectives

X - Air Pulse - The Doctor's attack against enemies

Further Implementation - The background will be written in Gallifreyan stating Sonic Screwdriver in blue.

Pause Menu Sonic Shortcut selector

Icons - Already gained abilities through play

Blue Empty Circles - Abilities that you can get later that the player has not obtained

Additional Icons

Lock - Lock and unlock function for the player

Double Arrows - Reverse an action, normally created by enemies.

Further Implementation - Gallifreyan swirls with text explaining menus, as an aesthetic addition.

Pause Menu HUD

Tabs - Move to different important areas inside the menu

Sonic Screwdriver Shortcuts - Selection menu will be a mouse drag and click select to move shortcuts onto the Player shortcut menu.

Further Implementation - Gallifreyan swirls with text explaining menus, as an aesthetic addition.

Logos: https://www.freepik.com/

Copyright: Doctor Who: BBC