Journey Overview — 5 Phases
Arrival & Orientation
Universe loads. Stars appear. Planets orbit silently. The life bar begins ticking.
Exploration
Visitor hovers labels, reads career nodes, notices asteroids flying past.
Deep Interaction
Visitor clicks a planet. Camera zooms. AI populates two panels with world trends and profile data.
Co-Creation
Visitor types advice. Gemini responds. A new glowing planet materializes in the 3D scene.
Exit & Memory
Visitor discovers the black hole, views Yeoul's art, and leaves — carrying the experience.
Emotional Engagement Level →
Phase Detail — What the Visitor Sees, Feels, and Does
Phase 01 · Arrival
The Universe Loads
Black screen. Stars appear. A glowing white sun materializes at the center. Planets begin orbiting. The life integrity bar in the top right corner starts ticking upward in real time.
The visitor has not clicked anything yet — and they are already watching time pass on Yeoul's behalf. First impression: this is not a website. This is something else.
Phase 02 · Exploration
Reading the Cosmos
The camera slowly orbits the system. The visitor spots faint labels: VFX Lead, MA Animation, AI Ambassador. They hover over them — labels brighten. Asteroids drift in from the edge of the screen, labeled "TODAY'S INSPIRATIONS." A gargantua black hole floats in from the deep field.
The visitor begins to understand the grammar of this universe. Everything is labeled. Everything responds to attention.
Phase 03 · Deep Dive
Planet Click
Visitor clicks a planet. The camera glides toward it. Two HUD panels slide open simultaneously: the left panel analyzing the milestone against current global industry trends, the right panel pulling Yeoul's profile context. Both are AI-generated in real time, specific to that planet.
The visitor is no longer reading a resume. They are receiving an intelligence briefing.
Phase 04 · Co-Creation
Advice → Planet
The visitor notices the input at the bottom: "Give Yeoul Advice…" They type something. The button reads TRANSMIT. Gemini responds with structured advice, a symbolic title, and related resources.
A new planet — cyan, glowing — appears in the 3D scene, connected by a gold line to the previous node. The visitor has literally added to Yeoul's universe. They can also delete their node, which triggers a graph repair.
Phase 05 · Exit
Black Hole Discovery
A gargantua black hole drifts into view — orange accretion disk glowing, labeled "Yeoul's Imagination Black Hole." The visitor clicks it. An iframe opens showing Yeoul's ArtStation projects — the visual creative work that the resume data cannot show.
Closing the popup removes the black hole. Another will appear in 60 seconds. The visitor leaves, but the session timer is still counting. Somewhere, their planet is still orbiting.
Gain — What Delights the Visitor
GAIN
Immediate visual spectacle — the universe loads in seconds, no instructions needed
GAIN
Every hover reveals something — the experience rewards curiosity at every depth
GAIN
AI context is instant and specific — feels intelligent, not templated
GAIN
Leaving a planet makes the visitor feel invested — their mark stays in the scene
GAIN
Black hole leads directly to the creative portfolio — seamless discovery
Pain — Friction Points & Design Responses
PAIN
"What am I supposed to do?" → Solved by auto-orbit: the scene is compelling before any interaction
PAIN
Labels are faint → Intentional: rewards attention, not passive scrolling
PAIN
AI call latency → Handled with exponential backoff and loading dot animations during wait
PAIN
"Where does my text go?" → Transmit button label and cyan glow signal that something will happen
PAIN
Too much information → Each popup closes cleanly; camera resets to full orbit view
Touchpoint Summary
Key Trigger
Hover / notice
Key Trigger
Black hole click
Design Goal
Immediate wonder
Design Goal
Reward curiosity
Design Goal
Show intelligence
Design Goal
Build ownership
Design Goal
Leave impression