Game and Level Selection Map UI - Panic Servered

The user interface was, for me, the most difficult task of the project. Not because I don't know how to use the tools (Photoshop or Designer), the problem was finding a consistent art style that was pleasing while at the same time letting users know what the buttons are and what they do just by looking.
***
I made version 1.0 in Photoshop with a design strongly inspired by old school computers, with the characteristic effect of CRT monitors, and I used colors like blue and orange because they are complementary. Unfortunately, the design was not well received by our teachers and it was not easy to adapt it to any screen size either. With version 2.0 I started using Affinity Designer and I was inspired by the design of the Borderlands 3 menus since it was released recently. Now my colleagues could easily adapt the size of each panel in Unity but it was still not clear what was a button and what was a simple panel.
***
Finally, with version 3.0 I fixed a lot of problems and at the same time I learned a lot about UI. There were many gameplay mechanics changes that affected level design, which previously could have walls as obstacles, but we tried to keep elements like the isometric button for the store to give our game a distinctive touch.
---------------------
'Panic Servered' is a 2019 final project of the master's degree in 'Videogame Creation' (Málaga, Spain) in which I worked with three friends. Although the original idea was mine, it would not have been possible to complete it without them. You can find them here:
* Ana "Allandra7" https://www.instagram.com/allandra7/ (Game Designer and Programmer)
* María "Lykaiast" https://www.instagram.com/lykaiast/ (Programmer)
* Laura "Lemiuru" https://www.instagram.com/lemiuru/ (Art)
You can download it for free from the Google Play Store: https://play.google.com/store/apps/details?id=com.MadLatteGames.PanicServered