We created the entire Game UI for a fictive game called Fairyfall. Take a look how we did it. 👀

Designing the Entire Game UI

For this particular project, we had much more flexibility with the composition based on the nature of game UI design. We crafted the entire UI from scratch with an emphasis on the multiple-interaction lifecycle that this type of UI offers.

Handcrafted Components

All components have a designer’s touch to ensure the details of each button and card are perfect. We had to get the feel for the game. Then we chose colors and shapes to highlight this feeling. Finally we added digitally painted detail by hand and continued to craft complementary behind the game world.

Mobile Magic

You can interact with the UI on mobile devices too. Whether it's casting spells or browsing through items, we brought human interaction into the visual style of the game itself by linking in-app gestures and hand motion.

About the Game

A magical disaster has just struck. The last standing city is providing temporary shelter for the remaining protectors of the realm. Once united nations are now shattered, waiting for a band of misfit heroes to come. Choose a hero, close the portals of darkness, defeat the mysterious corruption, and defend the last line. Can you do it?