
Designing menus always undergoes a lot of iterations because we are always looking for the most user-friendly, yet cool-looking design possible. The game designer gave me a basic mockup with boxes where I could identify what elements each screen should have. And then I would try out different layouts that have all of these elements, but sometimes adding other ideas as I work that I think could improve the system in question even more. We review these as a team and I keep iterating until I nail a design and layout we consider will work the best with what the screen is for.
If the menus are very complex I will do a prototype/click dummy on Figma that the programmer in charge of taking everything to Unity can navigate in order to properly understand how everything works together. In Figma, I also create as much UI as possible so it can be vectorized and scaled as needed. But more “artsy” icons will be done in Photoshop at a bigger resolution. There is a library I set up in Figma as well with all the assets, in addition to a library of fonts and colour palettes, so everything remains cohesive.

Main screen

Character Selection Menu

Skills Menu

Skins Menu

Profile Menu

Deck Selection Menu 1

Deck Selection Menu 2

Card Crafting Menu 1

Card Crafting Menu 2

Shop 1

Shop 2

Season Road

Locations