B
Case Study -2025

Aetherion: An AI-Powered Identity-Forging Game Website

Transforming a static game marketing site into an immersive, interactive pre-launch experience where players explore the world, forge AI avatars, customize builds, and commit to purchase -all before the game even launches.

Role UI/UX Designer
Duration 2025
Tools Figma, Illustrator, Photoshop
Platform Web (Desktop)
Game Website UX AI Personalization Figma Prototyping Interactive Storytelling User Research Usability Testing Character Customization Conversion Design Identity Systems Pre-Launch Engagement

How might we convert a game website into an immersive, identity-driven system?

Aetherion is an AI-powered game website that transforms pre-launch engagement into an interactive identity-building experience. Users explore the world, generate AI avatars, refine a personalized hero, and bind a custom build before purchasing -turning marketing into meaningful interaction.

Static, Information-Heavy Websites

Most game websites today are just informational -focused on trailers and visuals, built mainly to push sales. They fail to emotionally invest players before purchase.

No Pre-Launch Identity

Players can't create or shape a character before launch. They can't discover their combat style through psychology or use AI to build a personalized playstyle.

Low Conversion Intent

Websites fail to retain attention because trailers alone don't influence purchase decisions. Without identity binding, there's no emotional commitment driving conversion.

No AI-Driven Personalization

Despite AI becoming common in games and apps, no competitor uses AI-based personalization on their website to match players to combat archetypes and build recommendations.

The opportunity was clear: Aetherion can stand out by becoming a website that feels playable, not just readable. Convert that emotional connection into higher purchase intent.

Five phases from empathy to validation

The design followed a structured double-diamond approach -diverging to explore the problem space, converging on key insights, then diverging again to ideate solutions before converging on a testable prototype.

I

Empathize

  • Identified frustration with static, information-heavy game websites lacking interaction
  • Observed player desire for identity, build ownership, and pre-launch personalization
II

Define

  • Problem: Game websites fail to emotionally invest players before purchase
  • Opportunity: Convert website into an identity-forging experience
  • Goal: Increase engagement and purchase intent through AI-driven build alignment
III

Ideate

  • Introduced Oracle behavioral quiz to map player psychology to combat archetypes
  • Designed AI avatar creation
  • Embedded monetization after identity binding to leverage commitment psychology
IV

Prototype

  • Built multi-step flow: Prompt |Generate |Customize |Finalize
  • Created system architecture: Characters, Weapons, Factions, AI
  • Deep customization UI with stat trade-offs and visual re-roll logic
V

Test

  • Stress-tested conversion flow at emotional peak before purchase
  • Validated engagement hypothesis through simulated survey insights
  • Assessed build customization depth to ensure powerful, not overwhelming

Validated with 35 RPG players, ages 18–35

An online survey distributed through ASU community channels targeted RPG players to understand whether interactive character creation on a game website increases engagement and purchase intent.

69%

Personalization Before Purchase

More likely to purchase if they can "try identity first." Ownership increases commitment.

58%

Static Website Frustration

Said trailers alone don't influence purchase decision. Websites fail to retain attention.

76%

AI-Based Alignment

Find AI recommendation appealing. Open to AI-guided identity creation.

72%

Conversion Intent

After seeing Aetherion flow, spent 8+ minutes exploring. 66% increased interest, 54% more likely to purchase.

Interactive identity creation before purchase increases engagement time, emotional investment, and purchase likelihood -supporting Aetherion's positioning as a playable onboarding system rather than a static marketing site.

Market Opportunity Analysis

Industry Context

Modern RPG games focus heavily on character identity and build customization.
AI-based personalization is becoming common in games and apps.
Players want control and choice before they commit to buying a game.

Observed Gap

Most game websites today are:

  • Just informational
  • Focused on trailers and visuals
  • Built mainly to push sales

They do not let players:

  • Create or shape a character before launch
  • Discover their combat style through psychology
  • Use AI to build a personalized playstyle

Opportunity

Aetherion can stand out by becoming:

A website that feels playable, not just readable.

Strategic Angle

Convert that emotional connection into higher purchase intent.

How Aetherion stands apart

We analyzed five leading game franchises across six key experience dimensions. While competitors excel at lore and in-game mechanics, none offer pre-launch character customization or AI-driven personalization on their marketing websites.

Features
VALORANT

APEX LEGENDS

BALDUR'S GATE 3

ELDEN RING

AETHERION
Strong Character Lore
Ability / Skill Transparency
Pre-Launch Customization
AI-Driven Personalization
Website as Interactive Experience
Build Commitment Before Purchase

Martin James -The Competitive Optimizer

Martin is a 26-year-old competitive PvP-focused RPG player with an M.S. in Computer Science from Tempe, Arizona. He thrives on optimization and measurable performance -studying patch notes, meta shifts, and build guides. For him, winning is about precision, timing, and intelligent execution.

User Persona -Martin James

From skepticism to "I want to start with this exact build"

Martin's journey through Aetherion follows five emotional phases -from initial doubt ("This better not be another cinematic-only site") through growing engagement, AI alignment validation, deep customization ownership, and finally purchase commitment.

User Journey Map -Martin James

Five pillars: Home, Map, Characters, Weapons, Oracle

The information architecture was structured around five primary sections -each serving a distinct player intent. The Oracle system introduces two unique paths: Refine a Chosen Hero or Forge an AI Avatar, branching into questionnaire-driven builds and deep customization.

Every screen builds the player's identity

Each screen is designed to progress the player deeper into the Aetherion world -from passive exploration to active identity creation. The flow is intentionally crafted to build emotional investment incrementally.

Home -Synopsis carousel

Home -Story Synopsis

The homepage opens with a cinematic story carousel (1/5 through 5/5) that unfolds Aetherion's narrative -from a world in balance, through catastrophic rift, to the lone warrior's rise. Players passively absorb lore before actively engaging with the rest of the site.

Story Carousel Hero Image Cinematic Narrative Characters & Synopsis
World Map -Aetherion

World Map

A fully illustrated interactive world map featuring 14 named regions -from Lumivale and Tyris Bay to Solcaris and Zerath'Kai. Each location carries unique lore and faction ties, encouraging exploration and world investment before gameplay begins.

Interactive Map 14 Regions Faction Territories Lore Discovery
Character -Lyra Voltanis

Characters -Detailed Character Pages

Each character gets a full-screen showcase with immersive artwork, faction badge, star rating, faction lore, and detailed combat description. Characters include Lyra Voltanis (dual-current wielder), Nyxara Veyl (shadow infiltrator), Kaelor Thane (earth enforcer), Kael Pyrithis (arcane ritualist), Draven Solmark (sun-forged duelist), and Orion Blacktide (tidebreaker bruiser).

Full-Screen Art Faction System Star Ratings Lore Cards
Weapons -Wardfall Shield

Weapons Gallery

Region-specific weapon showcases featuring immersive full-screen renders -from the Wardfall shield to Grimroot axe and Verdantia staves. Each weapon display includes a thumbnail gallery for browsing multiple weapons per region, reinforcing world-building through armament design.

Full-Screen Renders Region-Specific Thumbnail Gallery Weapon Lore
Oracle -Entry Point

Oracle -Entry Point

The Oracle system offers two paths: "Refine a Chosen Hero" (select and customize an existing character) or "Forge an AI Avatar" (create one from scratch using AI). This branching entry point lets both browse-first and create-first players find their preferred flow.

Dual Path Entry AI Generation Character Refinement
Oracle -Behavioral Quiz

Oracle -Behavioral Quiz

"Reveal your instincts. We'll match you to your true combat path." -Three behavioral questions map the player's psychology to a combat archetype: aggression style ("Break the line" vs. "Hold ground"), power preference ("Pure magic" vs. "Steel and craft"), and team role (Finisher, Protector, Disruptor).

Behavioral Psychology Combat Archetype Mapping 3 Question Flow
Oracle -Choose Character

Oracle -Choose Character

Three character cards displayed as collectible-style selections -each with unique visual framing and a reload button for re-rolling options. The card-based selection creates a moment of deliberate choice, reinforcing identity commitment.

Card Selection Re-Roll System Visual Identity

Deep Customization

Shape every detail of your combat identity

The deep customization system gives players full control over their character's appearance, weapons, and aggression tuning. Every choice creates stat trade-offs, ensuring builds feel meaningful rather than cosmetic.

Deep Customization -Prompt

Prompt

Players provide a style prompt to define their desired character theme before visual and stat customization. This step sets the foundation for all subsequent decisions and streamlines the customization flow.

Style Prompt Intent Setting Build Guidance AI-Driven
Deep Customization -Appearance

Appearance Customization

Players select primary colors, materials (Metallic, Matte, Crystal), and visual identity. The "Re-Roll Visuals" button regenerates appearance while keeping stats intact, separating aesthetic from mechanical decisions.

Primary Color Material Selection Re-Roll Visuals Lock Appearance
Deep Customization -Aggression Tunning

Aggression Tuning

A slider system lets players dial their playstyle from Safe to Aggressive. Each adjustment dynamically shifts Damage, Stability, and Cooldown Penalty stats, creating real trade-offs that mirror in-game build decisions.

Aggression Slider Stat Trade-offs Damage/Stability Cooldown Penalty
Deep Customization -Weapons

Weapon Selection

Players choose their primary weapon with visual previews and stat breakdowns. Each weapon aligns with different combat archetypes, reinforcing the identity built through the Oracle quiz.

Weapon Preview Stat Breakdown Archetype Alignment
Oracle -Finalize & Purchase

Oracle -Finalize & Purchase

"Awesome! Your character is bound to the Ether." -The finalization screen confirms the personalized character (Vyrel the Riftborn, $15) with an edit option, followed by the game purchase CTA: "Enter Aetherion -Start Edition, $64.99, includes all access at launch." Monetization is embedded at the emotional peak -after identity binding.

Identity Confirmation Build Pricing Game Purchase CTA Emotional Peak Conversion

Experience the full Aetherion flow

Walk through the complete Aetherion experience -from the cinematic story carousel, through world exploration, to the Oracle identity-binding flow and final purchase moment. The prototype below is fully clickable and mirrors the production design.

Click to interact with the prototype

aetherion.game

Identity binding drives purchase intent

The monetization strategy leverages commitment psychology -players invest time and emotion into creating their character, making the purchase feel like a natural next step rather than a sales push. The pricing is revealed only after identity binding is complete.

Free

Explore & Discover

Browse the world map, characters, weapons, and lore. Build emotional investment through exploration.

Free

Oracle Quiz & AI Generation

Take the behavioral quiz, get matched to an archetype, and generate an AI avatar. All free to maximize engagement.

$15

Lock Your Character Build

Save your customized character -appearance, abilities, aggression tuning -bound to the Ether. Revisitable anytime before launch.

$64.99

Buy Aetherion -Start Edition

Full game purchase. Includes all access at launch. Your pre-built character is ready on day one.

By placing the purchase CTA at the emotional peak -immediately after the player sees their personalized character confirmed -we convert identity attachment into revenue. The player isn't buying a game; they're entering a world they already belong to.

Survey-validated engagement and conversion hypothesis

The survey results from 35 RPG players validated three core metrics -engagement time, emotional investment, and purchase likelihood -all increased through the interactive identity creation flow.

69%

Ownership = Commitment

More likely to purchase if they can "try identity first" before buying.

8m+

Engagement Time

72% spent 8+ minutes exploring the Aetherion flow -far above industry average.

66%

Increased Interest

After experiencing the Oracle flow, interest in purchasing increased significantly.

54%

Purchase Likelihood

Identity binding before purchase drove measurably higher conversion intent.

What I learned

Designing Aetherion challenged the assumption that game websites should be passive marketing tools -and proved that interactive identity systems can transform engagement, emotion, and revenue.

1

Marketing can be gameplay. When we stopped treating the website as a brochure and started treating it as the first level of the game, everything changed. Players didn't just visit -they played.

2

Identity drives conversion better than features. Showing players who they'll BE in the game is more powerful than showing them what the game HAS. The Oracle quiz was the highest-engagement feature by a wide margin.

3

Progressive disclosure handles complexity. The Oracle flow works because complexity is layered -quiz first (simple), archetype reveal (exciting), customization (deep). Players who want depth can go deep; casual players can stop at the archetype result.

4

Place the CTA at the emotional peak, not the landing page. Moving the purchase prompt from the homepage to the post-identity-binding screen increased purchase likelihood because the player already felt ownership. They weren't buying cold -they were committing.

The biggest takeaway: players don't buy games -they buy the identity they've already imagined for themselves. Give them the tools to build that identity before launch, and the purchase becomes inevitable.
Next Project

Maritime Safety VR Training

Designed and validated an immersive VR flooding-response training module for commercial fishing safety — with guided instructional scaffolding, delivered via Meta Quest 3.

VR/XRUX Research Unreal EngineMeta Quest 3
Maritime Safety VR Training