Case Study

The Oracle — Digital Fortune Teller Experience

A speculative interactive system where every fortune is revealed through a living, abstract 3D transformation. Built as a mood-driven, ceremonial micro-experience that blends UI, motion, and generative form.

Role Visual / Motion / Experience Design Tools Figma · Spline · Cinema 4D · After Effects Type Prototype, Speculative Experience

Overview

The Oracle reimagines fortune-telling for a digital context. Users encounter a pentagon-shaped device, choose a path, and receive a reading manifested as a unique abstract 3D transformation—hypnotic, symbolic, and open to interpretation.

The experience was designed as a short, ritual-like moment: intentional pacing, restrained UI, and a strong visual reveal. The end result is a cinematic interaction that feels more like a performance than a utility.

Context & Opportunity

Most fortune apps are text-heavy and literal. I wanted to create a tactile, mood-first experience where meaning is discovered rather than explained.

The opportunity was to invent a language of motion and form that could act as a personal “reading” without relying on written fortune copy.

“Anticipation → Choice → Reveal → Reflection.”

System Breakdown

The system is built around four moments: invitation, selection, transformation, and reflection. Each moment is intentionally sparse to keep focus on the reveal.

Device & character. Establishes a slightly arcane tone. Intro & category screens. Light guidance that builds suspense. 3D visual response. Each fortune maps to a distinct motion identity—the animation is the message.

Pentagon device and character mark
Sitemap showing screen relationships
Prototype flow with states and transitions

Visual Language

Form exploration focused on organic abstraction, hypnotic motion, and contrast between readings. Each visual is designed to feel alive but legible.

The palette leans on inky blacks and luminous highlights, keeping attention on silhouette and movement rather than literal iconography.

Abstract visualization style 1
Abstract visualization style 2
Abstract visualization style 3

Interaction Flow

The interaction narrows toward a single moment of reveal. Minimal UI, strong pacing, and a clear end state give space for interpretation.

Micro-interactions are subtle: gentle pulses, delayed transitions, and soft audio cues (planned) keep the experience grounded and ceremonial.

User flow diagram showing anticipation, choice, reveal, reflection
Overview slides showing device, intro screens, and visual variations
Abstract visualization style 4

Iteration & Refinement

Early explorations were too literal and read like icons. I pivoted to silhouettes with softer lighting and slower “breathing” motion to invite interpretation.

Balancing clarity and mystique required dialing back on-screen text and letting cadence carry meaning—ramp-in, dwell, soften-out.

Outcome

A compact, cinematic reading experience that merges UI, 3D, and motion—demonstrating multi-tool fluency and strong art direction.

The prototype is ready for a real-time generative expansion with voice or touch input, and a growing “library” of readings that evolve with each session.

Next Steps

Future iterations focus on personalization, spatial audio, and richer input modalities that deepen the ritual.