In order to create the Cold Comfort user interface, the complex game loop structure meant that concepts had to be created before we could start implementing it. The concepts were created with Indesign, Illustrator and Photoshop. Existing artwork was used for the images. All UI elements were created from scratch. The concept was then iterated / corrected and divided into textures and imported into the game engine (in our case Unreal Engine) and integrated with Unreal Motion Graphics (UMG), animated and programmed (via blueprints).
Here’s the user interface concept as click-through prototype, created in Adobe XD (F11 in Browser is recommended).
This UI and Menu work was done by the very talented Dominik Geuer! Visit his ArtStation and check out some of his other amazing work.
The images above map out the planned menu structure. We’ve gone through a number of iterations, and we’ll surely continue to evolve the menu- so this is not necessarily the final look and feel. With a well planned out menu structure, we effectively reduce guess work- and can easily swap out menu items and experiment. It’s a lengthy process, but if planned out correctly, saves a lot of time in the end.