ASTROMAGE

Astromage is a roguelite action RPG in which you play as Earth’s most valiant hero in their quest to defeat the malevolent evil sorcerer, King Xalraxis! A robust toolkit of abilities, both magical and cyberpunk in nature, guide you on your epic quest. On your journey competing in the tournament, The Trial of the Cosmos, you will encounter a host of King Xalraxixs’ most fearsome guardians. But fret not, Earth has got your back!

Features:
Choose wicked synergies and varied builds using your magical powers infused with cybernetic augmentations.
Discover ancient relics that unlock more tools and abilities to play with.
Face off and defeat 10 floors, with a hand picked guardian from King Xalraxis’ evil empire at the end of each floor.
Unique visual art style that combines fantasy and cyberpunk elements.

Note:
Astromage is not an actual playable video game but rather a conceptual video game that I developed as part of my UIPEEPS Masterclass!
AI generated artwork was used in the loadout screen and in the gameplay UI background image.

I selected three key gamer personas centered around gamer motivations and playstyle preferences. These personas served as the foundation for assessing worldwide game functionality. Crafting gameplay mechanics tailored to delight these users was the next step. Additionally, I developed visual persona cards that serve as a project-wide reference for the entire team.

Astromage high fidelity mockup settings gameplay.png

Astromage high fidelity mockup settings controls.png

Astromage high fidelity mockup settings controls - set keybind.png

Astromage high fidelity mockup settings graphics.png

Astromage high fidelity mockup settings graphics - set display.png

Astromage high fidelity mockup settings graphics - set resolution.png

Astromage high fidelity mockup settings sound.png

The below is the flowchart for the spellbook. One instance of the spellbook system (primary ability) showing how interactability works. If an icon is clicked, then it is selected. However if the icon is being hovered on, then a description appears on the right hand side. Furthermore, if the player has enough gems to upgrade the ability, then the ability will be ranked up.

Taken into great consideration was the time taken from when the player starts the game, to when they actually start playing.

The spellbook contains everything you need to customise your character before begining a new run. Some options depend on what you have completed playing Astromage, be it through exploration or unlockables. Your options are:

primary ability (activate on use)
secondary ability (activate on use)
ultimate ability (activate on use)
passive utility (activates periodically)
skin (cosmetic)

Once the player has selected their loadout, you are then transitioned to the actual game. There will be opportunities when you’re playing to modify the loadout once more however these will be scarce.

On the left hand side is where you pick your spells, passives etc. If you click on an ability, it highlights it as selected. Furthermore, you also get a description view of the ability and the possibility to upgrade it on the right hand side of the screen. Upgrading the ability uses gems that the player is able to get after they defeat the boss of every floor. The middle section of the screen is reserved for showcasing artwork of what the ability does.

Left-hand side: Low-fidelity Version 01
Right-hand side: Low-fidelity Version 02

Astromage high fidelity mockup spellbook - fire.png

Astromage high fidelity mockup spellbook - earth.png

Astromage high fidelity mockup spellbook - water.png

Astromage high fidelity mockup spellbook - wind.png

Left-hand side: High-fidelity (all elements)
Right-hand side: High-fidelity (low visual effects, no quest log)

The loading screen shows a series of elements overlayed on top of each other. Some of these elements are being scaled up/down and rotating clockwise/anticlockwise. The loading % is at the bottom right of the screen.

Check out my other projects below!