2/3/14

Dawngate

Back in 2012 I worked with Electronic Arts on a MOBA for PC called Dawngate.

My role was to develop the UI for Dawngate, making wire frames, prototypes, graphics and animations. I was also responsible for implementing everything that I created into the game.

Making the UI for an online PC game was an exciting task and a great opportunity to tackle new challenges in user experience.

Here are some screenshots of the user interface in Dawngate:

The heads up display provides players with essential information during the match. 

The ping wheel allows the user to communicate to team mates without having to type in chat or speak over VOIP. Asking your team for back up or warning them of danger is fast and easy

It's simple to find what you are looking for in the item shop. There is a list of filters if you know what type of item you want to buy, and there is a branching tree to make browsing items easy.

The scoreboard has tons of useful information on it, totally necessary to get a quick glance at the enemy team.

The spell book UI allows the player to learn new abilities during the match. 

After dying, the death recap UI reveals everything the player needs to know about their own untimely demise. 

The authentication screen in Dawngate is used to exhibit a rotating library of artwork. This served as excellent real estate to promote new characters. 

The match type screen is the gateway to all games in Dawngate. Lovely stained glass artwork by Kindra Haugen. 

Each character in Dawngate has their own bio in the shaper gallery. 

Upon starting a new match, players are asked to chose a character. 

Role and perk selection allows the player unique stat customization during their play session. 

Leaderboards reveal the best players in Dawngate. 

The game lobby with only 1 UI Designer in it. Not an ideal way to play Dawngate.

A style guide for the ability icons.


The above video shows the game entry flow, shaper select, victory banner animation, end of game voting and loot rewards.


This video shows my motion graphics work on the victory and defeat banners.