Vameon

dEmpire of Vampire

RPG Mobile Game

UI/UX

LS26-icon-dot

App Design

LS26-icon-dot

Art Direction

LS26-icon-dot

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

LS-dEoV-UI-Intro
LS-dEoV-UI-identity
LS-dEoV-UX-flow
LS-dEoV-UI-splash

Gameplay HUD

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

LS-dEoV-UI-hud-passive
LS-dEoV-UI-hud-action
LS-dEoV-UI-hud-battle
LS-dEoV-UI-hud-components

Clan Selection

Clan and faction selection screens

LS-dEoV-UI-clanselection-01
LS-dEoV-UI-clanselection-02
LS-dEoV-UI-clanselection-05
LS-dEoV-UI-clanselection-03
LS-dEoV-UI-clanselection-04
LS-dEoV-UI-clanselection-components

Character Customisation

Visual customisation and appearance options

LS-dEoV-UI-customisation-01
LS-dEoV-UI-customisation-02
LS-dEoV-UI-customisation-03
LS-dEoV-UI-customisation-04

Character Profile

Character overview, stats, and progression details

LS-dEoV-UI-profile-01
LS-dEoV-UI-profile-02
LS-dEoV-UI-profile-03

Character Equipment

Equipment selection and customisation

LS-dEoV-UI-profile-01-1
LS-dEoV-UI-profile-02-1
LS-dEoV-UI-profile-03-1

Leaderboards

Tournament ranks and perks

LS-dEoV-UI-tournaments-01
LS-dEoV-UI-tournaments-02
LS-dEoV-UI-tournaments-components

Shop

In-game store, items, and currency screens

LS-dEoV-UI-shop-01
LS-dEoV-UI-shop-02
LS-dEoV-UI-shop-03
LS-dEoV-UI-shop-04
LS-dEoV-UI-shop-05

Progression Map

Location map and story progression

LS-dEoV-UI-map-05
LS-dEoV-UI-map-04
LS-dEoV-UI-map-03
LS-dEoV-UI-map-04-1

Design System

Production UI system & foundations

LS-dEoV-UI-DS-01

Visual Foundations

LS-dEoV-UI-DS-02

Core UI Components

LS-dEoV-UI-DS-03

Feature Modules

LS-dEoV-UI-DS-04

Visual Assets

LS-dEoV-UI-DS-05

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.

LS-dEoV-signoff

© 2006–2026 Loris Stavrinides
Client and third-party work © respective copyright holders

LS26-icon-dot
LS26-icon-dot
LS26-icon-dot