Context
As a longtime fan of Team Fortress 2, I was always underwhelmed with the game's original user interface and menu design. While the game is still one of my favorites, the UI & UX felt outdated and clunky. Aspects such as the server browser felt like leftover assets from a bygone era. I wanted to create a new UI & UX that I felt complimented the game's unique art style, while also improving the experience for a modern audience.
I created a moodboard compiling what worked, choosing to keep some design elements while starting fresh on others. I also looked towards games like Overwatch Destiny 2, and Valorant as a point of reference.
This is an ongoing passion project I routinely update and develop as an up-to-date representation of my skills.
Title Screen
Main Menu
Mode Selection
Casual Map Selection
Locker/Items page. This is the main hub for customizing your character, loadout, and items.
Loadout Menu - Locker
Loadout Menu - Taunts
Loadout Menu - Player Stats
Loadout Menu - Inventory
Mann Co. Store
Loading Screen - Upward
In-Game Class Select
In-Game HUD (Payload)
Ranked Matchmaking Badge Designs
HUD Elements for Prop Hunt Gamemode