UI/UX Design

Overwatch UI Figma Study

I recreated the Overwatch 2 achievement screen UI in Figma! This was a fun challenge that I'm still working on, and I've learned so much from trying to replicate this screen to the best of my ability. Figma software also made this a lot easier - I used frames and components as often as possible.

The second slide in the carousel is the original screenshot I am replicating.

Gear Selection UI - MYCOPUNK

First draft, as seen in our prototype

Wireframe iterations. Bottom image is the more successful iteration.

Final Wireframe with Skill Tree Overlay

Back to all Games