Weapon Customization UI Mockup
Photoshop / AfterEffect / Maya, 2020
A motion graph mockup for a weapon customizer page.
This is a personal project I made for practicing with UI design and motion graph. The UI was made in Photoshop and the UI animation was made in After Effect.
● The balance of layouts is hard! I tried to put the UI that player is interacting with in the middle but it is not always easy to do.
● The balance of layouts is hard! I tried to put the UI that player is interacting with in the middle but it is not always easy to do.
● Another big thing in this design is to make it work with complex background, I blur the background of all the panel and the background itself. It mostly works but the lights in the background is still a little distracting.
● I think in the end the motion graph turned out working really nicely, I can't wait to use this experience in a real world AAA game!
Front-end Menu Flow Map
draw.io, 2021
A menu flow map served as a blueprint of UX design.
This is an example work of what I did for a game at the early stage of development, I discussed with designers and planned out the UI map for this game.
