Flowcharts & wireframes
Getting started, I made a flowchart of the UI menus to communicate to my team how the UI would work for the user. I needed to know where certain menus or other UI elements were required in the game, and this helped me with that. This allowed me to already start to work on the UI without needing any visual direction.
When the visual direction did start to take form, I started to make some Lo-Fi designs in Figma for some menus, to get some ideas regarding layout out. I did this with one artist, to get multiple creative perspectives and to talk about feasibility for artists.
Out of some discussions with that artist came the realization that there was no real possibility to have a dedicated UI artist next to me. This meant that UI had to be simple, containing only basic shapes that didn't require that many art assets.
I wanted to leave a lot of white space for both the main menu and pause menu, because I was envisioning a 3D environment for the main menu, and a blurred out version of gameplay for the pause menu.





















