

1
⬩
Visual direction
✦








For this project, I wanted to imagine what Overwatch’s Story mode would look like. Consider a PVE mode would be significantly different from the main PVP modes, I wanted to make the UI very distinct.
Overwatch features a ton of FUI elements throughout its maps. I wanted to make the Story Mode UI as narratively immersive as possible so I took inspiration from those in-game FUI.
My visual direction was aimed to make players feel like they were one of the Overwatch characters using a diegetic interface that exists in the in-game world.
2
⬩
frontend flow
✦

To get familiar with Overwatch’s UI, I created mockups of an updated Game Mode menu and a Story Mode sub-menu. This was a really good exercise in “reverse-engineering” and training myself to follow an existing art direction.
It was also a good UX exercise to make new content feel at home and integrated into existing flows.
3
⬩
mockups
✦



Finally, I made some mockups for various states of the Mission Select screen. The Mission Select menu is divided into 3 chapters to match the Overwatch story beats.
Each mockup showcases different completion levels, locked content and different button states.



