Home About Work Services Writing Contact ES
BACK TO PROJECTS
ID: 10 // Gaming // Design

FLORRIA WEB IA

UIIAGAMEWEB
FLORRIA WEB IA
MY ROLE
Web DesignAI Assets IntegrationParallax
IMPACT
IA Generated assets
Parallax Immersive landing
MISSION

Florria is a fantasy game whose visual assets — characters, environments, and objects — were generated through artificial intelligence, and this project designs its public-facing presentation website. The page serves as the gateway to the game's universe, communicating its concept, aesthetic, and mechanics without real gameplay footage. The project explores the synergy between handcrafted UI design and generative AI, demonstrating that both disciplines can coexist to create a cohesive and credible visual experience.

CATEGORY

Design — Gaming

SOURCE behance ↗
DIAGNOSIS
 _ 
SOLUTION

The immersive landing page uses smooth parallax to guide the user through the regions of Florria's world, where each thematic section presents its own chromatic atmosphere and narrative. AI assets integrate as atmospheric backgrounds with carefully designed UI overlays that unify lighting and palette through consistent gradients and color filters. Character cards reveal progressive information on hover — lore, abilities, and rarity — with animations that reinforce each creature's personality.

WORKFLOW
01
01 · DISCOVERY

Discovery

Brief · Stakeholders · Goals

02
02 · RESEARCH

Research

Benchmark · Users · Competition

03
03 · UX ARCH

UX Architecture

User Flows · Wireframes · IA

04
04 · UI DESIGN

Visual Design

Tokens · Layout · Components

GALLERY
FLORRIA WEB IA screenshot
FLORRIA WEB IA screenshot
FLORRIA WEB IA screenshot