![](https://framerusercontent.com/images/KU18xV1I7YEn6oRmpUj0WnAex5s.png)
Realm of the Dragons: A Viral Fantasy Game UI Concept
UI designer
Project type
Competitive Analysis
UX Research & Benchmarking
Product Strategy
![](https://framerusercontent.com/images/KU18xV1I7YEn6oRmpUj0WnAex5s.png)
Realm of the Dragons: A Viral Fantasy Game UI Concept
UI designer
![](https://framerusercontent.com/images/KU18xV1I7YEn6oRmpUj0WnAex5s.png)
Realm of the Dragons: A Viral Fantasy Game UI Concept
Product design intern
Overview
Realm of the Dragons is a conceptual fantasy game where I created a bold and immersive user interface tailored for a rich, story-driven gaming experience. Designed as a personal project to explore video game UI, this concept quickly gained traction and went viral on LinkedIn, showcasing my ability to deliver visually captivating designs that resonate with audiences.
Role
Designed a fantasy-inspired UI tailored for an engaging and immersive player experience.
Created custom visual assets, including menus, icons, and HUD elements.
Crafted interactive prototypes to simulate in-game interactions.
Published the project on LinkedIn, sparking discussion and interest in my work.
Designed a fantasy-inspired UI tailored for an engaging and immersive player experience.
Created custom visual assets, including menus, icons, and HUD elements.
Crafted interactive prototypes to simulate in-game interactions.
Published the project on LinkedIn, sparking discussion and interest in my work.
Problem Approach
Main Challenge
Designing for a Concept Without Gameplay Context
Gaining Visibility as a Personal Project
Designing for a Concept Without Gameplay Context
Gaining Visibility as a Personal Project
Designing for a Concept Without Gameplay Context
Gaining Visibility as a Personal Project
Approach
Focused on creating an immersive UI that aligned with general player expectations in the fantasy genre while leaving room for adaptability.
Shared detailed visuals and process insights on LinkedIn, leveraging storytelling to connect with a wider audience.
Focused on creating an immersive UI that aligned with general player expectations in the fantasy genre while leaving room for adaptability.
Shared detailed visuals and process insights on LinkedIn, leveraging storytelling to connect with a wider audience.
Design Process
Research & Inspiration
I began by immersing myself in the fantasy genre, analyzing popular games to identify best practices and opportunities for innovation.
Key Steps:
Studied iconic fantasy games like Skyrim and Dragon Age to understand genre-specific UI elements.
Collected visual references for medieval aesthetics, focusing on typography, color schemes, and iconography.
Created a mood board to guide the project’s visual direction, emphasizing dark tones and ornate designs and creating a story for the game to help inspire the style and give it some tone.
I began by immersing myself in the fantasy genre, analyzing popular games to identify best practices and opportunities for innovation.
Key Steps:
Studied iconic fantasy games like Skyrim and Dragon Age to understand genre-specific UI elements.
Collected visual references for medieval aesthetics, focusing on typography, color schemes, and iconography.
Created a mood board to guide the project’s visual direction, emphasizing dark tones and ornate designs and creating a story for the game to help inspire the style and give it some tone.
![](https://framerusercontent.com/images/b4WeL3GxaETPWl4usLpZwoxIYA.png)
Visual Design
Key Design Elements
Typography: Used decorative serif fonts with medieval influences to reinforce the fantasy theme.
Color Palette: Rich, dark tones with gold accents to highlight key information.
Custom Icons: Designed unique icons for weapons, potions, and inventory items, ensuring visual coherence with the theme.
Typography: Used decorative serif fonts with medieval influences to reinforce the fantasy theme.
Color Palette: Rich, dark tones with gold accents to highlight key information.
Custom Icons: Designed unique icons for weapons, potions, and inventory items, ensuring visual coherence with the theme.
![](https://framerusercontent.com/images/5r8YY6UzbL067LbNDKPIRfbEjgk.png)
![](https://framerusercontent.com/images/5r8YY6UzbL067LbNDKPIRfbEjgk.png)
Inventory system
A detailed, scrollable layout showcasing weapons, potions, and gear.
A detailed, scrollable layout showcasing weapons, potions, and gear.
![](https://framerusercontent.com/images/4jZeRxPbzk3PZ4cShkFgRgEJ4.png)
![](https://framerusercontent.com/images/4jZeRxPbzk3PZ4cShkFgRgEJ4.png)
Skill Tree
Leveling Up map to enhance skills and Use skill points.
Leveling Up map to enhance skills and Use skill points.
![](https://framerusercontent.com/images/eC4cVrCILUQZWYVR1i8CTcSIWug.png)
![](https://framerusercontent.com/images/eC4cVrCILUQZWYVR1i8CTcSIWug.png)
Character selection screens
![](https://framerusercontent.com/images/PVFplkGOzLho5pcopPUyhQsRI.png)
![](https://framerusercontent.com/images/PVFplkGOzLho5pcopPUyhQsRI.png)
Gameplay HUD
![](https://framerusercontent.com/images/YYJY5PdtVRWz7sbhzfcXaAHI4k.png)
![](https://framerusercontent.com/images/YYJY5PdtVRWz7sbhzfcXaAHI4k.png)
Thank you for stopping by!
Let’s connect and turn pixels into magic!
Let's chat
Thank you for stopping by!
Let’s connect and turn pixels into magic!
Let's chat
Thank you for stopping by!
Let’s connect and turn pixels into magic!
Let's chat