Team Fortress 2 Fan UI/UX

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

Back to Top