Lucky Refine GUI Design

Fantasy RPG-inspired GUI design for weapon upgrading and monster battles.

AI-Powered

UX/UI

Artwork

Animated

Apr 16, 2025

Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image

Lucky Refine

GUI design project that blends fantasy RPG aesthetics with modern interface clarity. The goal was to create an immersive refining system where players upgrade their weapons and prepare for battles against mythical monsters.

Workflow Tools

Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image

Players begin their journey by choosing from four distinct weapons—sword, spear, axe, and daggers. Each weapon card is visually framed with its level, making selection both exciting and intuitive.

Players refine weapons inside a glowing forge, where success and failure are communicated with bold visual cues. Coins and upgraded cards highlight the rewards, while level indicators track progression. The fire and hammer animations were created in After Effects, adding motion and atmosphere to the refining process.

Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image
Loading image
Loaded image

An RPG-inspired combat screen with health bars, skills, and animated characters.

Using Sora for Environment

& Background Design

I designed the knight character using Photoshop and enhanced details with AI-powered tools. The character was then brought to life through animation in Photoshop Timeline, and finally exported as a sprite sheet using TexturePacker for smooth integration into the interface.

Loading image
Loaded image
Loading image
Loaded image

Customizable menus for sound, music, and language—designed to stay consistent with the game’s rich visual style.

A time-lapse painting of the forge scene created in Photoshop, showing my process from rough shapes to polished lighting and details.

SHANE
RAINGERN

An experimental designer working on visually interesting identities.

SHANE
RAINGERN

An experimental designer working on visually interesting identities.

SHANE
RAINGERN

An experimental designer working on visually interesting identities.

Create a free website with Framer, the website builder loved by startups, designers and agencies.