PERSONA 4 UI REDESIGN CONCEPT
Personal Project
Tools Used:
Figma
Photoshop
Overview:
A personal project with the purpose of reimagining the pause menu of Persona 4 with the style sensibilities of more recent entries in the Persona series, such as Persona 3 Reload.
Inspiration
The two main sources of inspiration for this project were the pause menus for both Persona 4 Golden and Persona 3 Reload. I wanted to try and blend elements from both!
Initial Sketch
As always I made an initial sketch to be the basis for my design and get a good idea for the general visuals and art placement.
Wireframe
This wireframe was created via Figma. With this I wanted to make sure I got a good layout with the menu listing, dividers, as well as where to place the art.
UI Components
All components made and used for this design. The only things not created by me were the character art as well as the tv static image. Everything else was made via Figma and Adobe Photoshop.
Finished Design
After putting everything togther and making a few more edits within Photoshop, this was the result. I feel as if I successfully reimagined what could be a modern remake of Persona 4's pause menu - complete with plenty of style!
Finished Product with Animation
And just as a finishing touch, I animated the character art and the menu selection box to create a more lively look.