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