Case Study

Destiny 2 - UI Breakdown


Destiny 2 is an online-only multiplayer first-person shooter video game developed by Bungie and published by Activision.

UI / UX / Motion Graphics

bungie.net

Goal


The goal of this project was to break down a section of the Destiny 2 interface and design a near perfect recreation animated in After Effects. Every element, minus a few icons, were recreated in Photoshop and Illustrator.

Iconography


Icons and cursors created for the project. Cursors fade between a slight color variation and focusing on an element tightens the circle and adds a rotation animation.

Weapon icon

Tex Mechanica icon

Cursor with color cycling

Cursor focus

Linework Background


Rotating circular linework was created for the background and then modified to the weathered look as shown on the second image.

VFX Breakdown


A video showcasing all of the layering and animations. Entire composition was created in After Effects which allowed me to create the necessary UI animations.

Final Result


Image still of the final result. View with at least 1400px width to view parallax version.

background circles linework weapon bars info cursor