Mass Effect
Redesign (PC)

Personal Work

HUD Redesign | The original ME1 HUD used angled displays to emulate a curved display. I moved to a flat display, which allowed me to display information more cleanly.

HUD Redesign | The original ME1 HUD used angled displays to emulate a curved display. I moved to a flat display, which allowed me to display information more cleanly.

Character Creation | I experimented with this screen early in the redesign to help establish a new shape language and visual states for different buttons.

Character Creation | I experimented with this screen early in the redesign to help establish a new shape language and visual states for different buttons.

Equipment Menu | The original PC version of the equipment screen compressed a large amount of information into a small portion of the screen. This was an attempt to expand the usable space and expose information that was otherwise buried.

Equipment Menu | The original PC version of the equipment screen compressed a large amount of information into a small portion of the screen. This was an attempt to expand the usable space and expose information that was otherwise buried.

Codex | Like the equipment menu, the codex was compressed into a smaller area than necessary in the PC port. I expanded the entry list and the text field in the details panel to improve legibility and reduce scrolling.

Codex | Like the equipment menu, the codex was compressed into a smaller area than necessary in the PC port. I expanded the entry list and the text field in the details panel to improve legibility and reduce scrolling.

Settings | While settings aren't the most visually exciting UI elements, they're a great measure of interactive states and styles. They include dropdowns, toggles, sliders, and more UI elements, which can help set the style for other information-dens

Settings | While settings aren't the most visually exciting UI elements, they're a great measure of interactive states and styles. They include dropdowns, toggles, sliders, and more UI elements, which can help set the style for other information-dense screens.

This exploration was my attempt to refine the UI for the PC version of Mass Effect. I wanted to address a few key points, while imposing certain restrictions:

  • I had to include all of the information that was presented in the original interface

  • Make more efficient use of screen space

  • Make the style more consistent with later entries, while maintaining the game’s visual identity

Mass Effect is copyright Bioware | Electronic Arts