Vameon

dEmpire of Vampire

RPG Mobile Game

UI/UX

App Design

Art Direction

AI Integrated

2023-2025

dEmpire of Vampire is a modern gothic action RPG built around fast-paced combat, progression systems, and a dark, vampire-inspired universe. I joined Vameon in the early stages of the project as Art Director for the marketing and UI/HUD design of the game, shaping the interface and visual language from the ground up while the game itself was still taking form.

My role focused on defining and building the game’s UI and HUD ecosystem — from core interaction patterns and screen structures to a growing library of components, styles, and visual assets in Figma. The challenge was to create an interface that could carry a strong gothic atmosphere without sacrificing clarity, responsiveness, or scalability for a live, evolving product.

Beyond the core interface, I worked closely with designers, producers, and developers to translate gameplay systems into usable flows, iterate through usability feedback, and prepare UI assets ready for Unity integration. My involvement extended into feature ideation, UX improvements, animated demos, and visual direction for both in-game elements and marketing material, allowing the UI to remain tightly connected to the game’s world and mechanics.

Visuals shown are AI-assisted reinterpretations created for art direction and UI exploration, not final in-game assets

A screenshot of a video game character selection screen showing two characters in red and black outfits with a dark background.

A colour palette with various shades arranged in rows, including reds, purples, greys, and a black and white option.

A computer setup with multiple screens displaying a digital interface and animated characters.

Gameplay HUD

Real-time interface for combat, abilities, and player status

A humanoid figure walking through a dark, gothic cemetery at night with statues and a large castle in the background.

A man fights a zombie in a dark graveyard at night, with game interface elements visible on the screen.

A group of three fantasy characters, two women and one man, in a dark gothic setting with magical effects.

User interface screen showing three alien characters with health and power bars, icons, and options.

Clan Selection

Clan and faction selection screens

Aristo and Airessa, two characters in dark clothing, stand side by side with weapons, in a game interface.

A male and female characters in dark clothing standing side by side, with a game interface and clan options visible in the background.

A female character in a red and black outfit holding a weapon, with three other characters and a dark background.

An image showing a game menu with a character selection screen and a bloodring upgrade option.

A ruler bloodline with elite hunters, intelligence operatives, and covert units, emphasising discipline and precision.

A collection of various fantasy-themed symbols and emblems arranged above a central circular design on a dark background.

Character Customisation

Visual customisation and appearance options

A woman with long white hair holding a gun, dressed in a corset, in a dark, gothic setting.

A woman with pale skin and dark makeup in a red jacket, standing in a dark, gothic environment.

A woman with pale skin and dark hair, wearing custom green and yellow eye makeup in a dark setting.

Customisable vampire character with various teeth styles in a dark, gothic setting.

Character Profile

Character overview, stats, and progression details

Character Equipment

Equipment selection and customisation

Leaderboards

Tournament ranks and perks

A group of characters with various weapons and equipment, displayed in a game interface.

Collection of various medals, badges, and symbols arranged vertically on a dark ornate background.

Shop

In-game store, items, and currency screens

A selection of in-game purchase options including blood, small, medium, and large packages with prices.

A glass of blood-themed potion with a red liquid and a small package of similar items in the background.

Healing block, jagged claws, and Wrath of Cain items displayed with prices and upgrade levels.

A woman in a red coat and black outfit stands in a game inventory screen with gear and styles options.

A person dressed in a red and black costume with arms outstretched, surrounded by various silhouette figures in different poses.

Progression Map

Location map and story progression

Circular magic circle with symbols and numbered buttons, featuring a glowing purple central button.

A circular game interface with numbered sections, glowing buttons, and a central red indicator.

A game interface with a circular wheel, red and purple indicators, and icons for arena, coven, and event status.

A circular game interface with six red icons around a central purple icon, and a dark background with symbols.

Design System

Production UI system & foundations

View Gaming HUD/UI System Architecture

Visual Foundations

A group of colour-coded gradient style options and sliders for adjusting settings on a digital interface.

Core UI Components

Feature Modules

Blood-themed trading cards featuring various designs and prices, displayed on a dark background.

Visual Assets

Collection of icons, game items, and character portraits displayed in a grid layout.

Final State

By the end of production, dEmpire of Vampire had a fully defined UI and HUD structure spanning core screens, gameplay flows, and feature-specific modules.

The work consolidated visual foundations, reusable components, and systemised patterns into a single interface language that supported both active development and ongoing iteration.

A clock with a dark background, featuring a compass rose and intricate decorative patterns.

Back to work

Get in touch