Galactic Reign

Galactic Reign was my first game. I joined Microsoft Game Studios as its only UI/UX designer, taking the role over from the previous designer, to bring final polish to the game and make the experience better.

My focus was the visual update and the interactions and animations. The game looked futuristic, but its interface didn't match the gameplay, and it had no achievement icons yet. I redesigned every UI asset, built the achievements library, and added motion wherever there was time and engineering support.

Role
Sole UI/UX designer
Services
UI designInteraction designMotion design
Client
Microsoft Game Studios
Team
22–25 people
Platform
Windows Phone
Year
2012–2013
Galactic Reign home screen with the redesigned menu

Overhauling the UI

My biggest task was replacing every UI asset with something more polished that fit the game's futuristic style. I gave each one the tech flair, polish and hierarchy it needed, so the game was fun to interact with outside of battles too.

Battle menu, before and after
Battle menu
Multiplayer screen, before and after
Multiplayer
Ship upgrades screen, before and after
Ship upgrades
Fleet details screen, before and after
Fleet details
Achievements screen, before and after
Achievements

Motion

With time and engineering support left, I was free to do whatever would help the UI shine. Once the full UI update was done, I added as much motion as I could so the interface felt active.

Colonizing a planet
Colonization progress
Territory spreading
Submitting orders
Attacking on the map
Scanning the battle replay

Final screens

Every screen was rebuilt with the new UI, including wallpapers based on the battle videos.

Submitting orders for the turn
Submitting orders
Select species screen
Choosing a species
Colonizing a planet
Colonizing
Bombarding a planet
Bombarding
Build ships screen
Building ships
Scanning a squad in the battle summary
Scanning a squad
The galaxy map during an attack
Galaxy map

Achievements and icons

Players cared most about achievements for bragging rights against friends and rivals, and none existed yet, so I designed the whole library, along with the game's icon set.

Achievements library
Icon set

Battle wallpapers

I also made special wallpapers based on the battle videos.

Battle wallpaper 1
Battle wallpaper 2
Battle wallpaper 3
Battle wallpaper 4
Battle wallpaper 5
Battle wallpaper 6
Battle wallpaper 7