Concept & Visual Design · UX Research · Interactive Prototype
History of Dreams

A poetic visual project bridging fine art sensibility and structured design systems — four theories of why we dream, told as one shared experience.

RoleResearch & Design
Scope4 Dream Theories
ToolFigma
Scroll
Challenge
Dream theory is enormous, and hard to hold onto. Read side by side, four theories feel like four unrelated subjects rather than four answers to the same question.
Discipline
UX Research Visual Design Concept Development Prototyping
Format
Interactive prototype
27 screens · Figma
Research

Problem, Question
& Objective

Research problem

Four theories, read as four subjects

Freud's dreamwork, activation-synthesis, archetypes, threat simulation — each explains dreaming differently, and each shows up differently in every person's own dreams. In the usual academic form, they read as separate subjects rather than four answers to the same question.

Research question

How do you present shared feeling, not vocabulary?

How can the history of dream theory be presented in a way that highlights the feelings these theories share across different people — rather than the terminology that keeps them apart?

Objective

Simplify four frameworks into one people recognize

Present dream history so it foregrounds the patterns that repeat across people, not just across theories — reducing four dense academic frameworks into a common, felt structure that doesn't require a psychology background to enter.

Methodology

Freud's writings
as the base text

The project treats Sigmund Freud's The Interpretation of Dreams (1899) as its foundation — both as the historical starting point of modern dream theory, and as the source of its visual language. Freud described dreams as disguised, condensed, and displaced — latent thought distorted into a manifest, half-legible surface. That description was treated as a design brief as much as a research one.

Three later theories were layered onto that base to test whether one visual system could hold genuinely contradictory ideas without flattening them into sameness: Carl Jung's archetypes, Hobson & McCarley's activation-synthesis hypothesis, and Antti Revonsuo's threat simulation theory. Every decision was checked against one constraint — does it stay legible with no psychology background at all?

The Four Theories

A short, shared
timeline

1899
Sigmund Freud
"Dreams are wishes in disguise."
The Interpretation of Dreams — disguised, unconscious desire.
c.1916–61
Carl Jung
"Dreams speak in shared symbols."
Archetypes & the collective unconscious.
1977
Hobson & McCarley
"Dreams narrate random noise."
Activation-synthesis hypothesis.
2000
Antti Revonsuo
"Dreams rehearse danger."
Threat simulation theory.
1899 · Vienna

Sigmund Freud

The founding claim this whole project answers, agrees with, or argues against.

The core claim

In The Interpretation of Dreams (1899), Freud argued that every dream is the disguised fulfillment of a repressed wish — usually rooted in early childhood, and often sexual or aggressive in nature, too unacceptable for waking consciousness to admit directly. Nothing in a dream is random; everything is motivated.

Manifest vs. latent content

The dream you actually remember on waking — the manifest content — is a censored, edited surface. The real underlying thought, the latent content, is what the dream is actually "about." The two rarely resemble each other; the manifest dream exists specifically to disguise the latent one.

The dreamwork

Four mechanisms translate latent thought into manifest image: condensation (several ideas fused into a single figure or scene), displacement (emotional weight shifted onto a trivial-seeming detail), symbolization (an abstract idea replaced by a concrete object), and secondary revision (the waking mind smooths the result into something that feels like a coherent story). This is precisely the mechanism this project's visual design tries to imitate — see Design Concept.

Method: free association

Freud didn't believe a dream could be decoded from a fixed symbol dictionary. Interpretation required the dreamer to freely associate to each fragment of the dream, tracing every thread back through its disguise to the wish underneath — a method, not a lookup table.

Why it anchors this project

Freud called dreams "the royal road to the unconscious" — treating them as evidence to be decoded, not noise to be dismissed. Every later theory here is, in some sense, a reply to that claim: Jung keeps the idea of meaning but relocates its source; Hobson & McCarley reject meaning entirely; Revonsuo relocates it again, from psychology to evolution.

c.1916–1961 · Zürich

Carl Jung

Keeps Freud's idea of meaning — but relocates where that meaning comes from.

The break from Freud

Jung, once Freud's closest collaborator, split from him partly over this exact point: for Jung, a dream isn't a disguised personal wish that needs unmasking — it's a message from a much deeper, shared structure of the mind.

Personal vs. collective unconscious

Beneath the personal unconscious (repressed personal memories — roughly Freud's territory) Jung proposed a collective unconscious: a layer of the psyche common to all humans, regardless of culture or era, inherited rather than learned.

Archetypes

Recurring figures and patterns surface from that shared layer — the Shadow, the Anima/Animus, the Wise Old Man, the Great Mother — appearing in dreams, myths, and religious symbols across unrelated cultures with striking consistency.

Compensation, not disguise

Where Freud saw dreams disguising an unacceptable wish, Jung saw them compensating the dreamer's conscious attitude — an overconfident person might dream of failure, a stuck one might dream of a door. The dream self-regulates rather than conceals.

1977 · Harvard Medical School

Hobson & McCarley

The first theory here to argue dreams carry no hidden message at all.

Activation-synthesis hypothesis

J. Allan Hobson and Robert McCarley proposed that dreams are not messages to decode, but the cortex's best attempt to narrate essentially random electrical activity firing up from the brainstem during REM sleep.

The physiology

During REM, chaotic PGO (ponto-geniculo-occipital) signals bombard the visual and motor cortex. Because the cortex is wired to construct a narrative from almost any input, it stitches that noise into a story — complete with characters, settings, and emotion — after the fact.

A direct challenge to Freud

Where Freud read a dream's bizarreness as evidence of disguise requiring interpretation, Hobson & McCarley read the same bizarreness as evidence of neurons firing without narrative intent. The "meaning," in their account, is added by the interpreting cortex after the signal — not hidden inside it beforehand.

2000 · University of Turku

Antti Revonsuo

Asks what dreaming is for, evolutionarily — not what it disguises or narrates.

Threat simulation theory

Revonsuo proposed an evolutionary function for dreaming: the disproportionate frequency of threatening content in dreams — being chased, falling, attacked — exists because it rehearses threat perception and threat avoidance in a low-cost, risk-free simulation.

The evidence

Children and people in high-stress or traumatic environments — facing more real threat, in evolutionary terms — show measurably higher rates of threat content in their dreams, consistent with an adaptive rehearsal function rather than meaningless noise.

What it explains that the others don't

It accounts for why nightmares are so universal and so consistent in theme across unrelated cultures — chase, falling, attack — a pattern that's hard to explain as either random neural noise or a purely personal, individual wish.

Design Concept

Every choice mirrors
a Freudian mechanic

Rather than illustrate the theories, the interface tries to behave like the dreamwork Freud describes — so the reading experience carries the idea, not just a caption underneath it.

Near-black cover

Stands in for the unconscious itself — read the way a dream is recalled, half-lit, never in full daylight clarity.

Grid overlay

The orderly, conscious surface every dream wears on waking — Freud's "manifest content" — laid over looser linework underneath.

Loose linework beneath

The "latent content" — hidden material bleeding through a structure it doesn't quite fit, never fully resolving.

One giant word, DREAM

Freud's condensation — many ideas compressed into a single image. Each theory becomes a different lens held up in front of it.

Four equal columns

Deliberately non-hierarchical — no theory outranks another, so four contradictory ideas never collapse into a ranked list.

Plain body, display names

Academic weight stays in the display type; the reading experience itself stays approachable — the accessibility brief, built into the type system.

Type & Colour

The manifest surface:
Poppins

Inside the prototype itself — separate from this write-up, which stays in the portfolio's own Jost — every screen is set in Poppins: a geometric, rounded sans with almost no personality of its own. That neutrality is deliberate.

Prototype Typeface — Poppins
Poppins
Light 300Manifest Content
Regular 400Latent Content
Medium 500Condensation
SemiBold 600Displacement
Bold 700Threat Simulation
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  ·  0 1 2 3 4 5 6 7 8 9

If the background linework and grid distortion are meant to feel like Freud's latent content — disguised, half-legible — the theorist names and body copy need to read as the opposite: plain, geometric, uninflected. Poppins' true circles and even stroke weight give the interface a calm, legible "manifest" layer sitting on top of all that visual noise, so the accessibility brief from the research holds even at the most immersive, image-heavy screens.

Formative Interviews

Does "shared feeling"
match how people think?

Simulated for this coursework exercise: five short think-aloud conversations, run before any screens existed, to pressure-test the research question itself.

Priya24 · Illustrator · Dream journal
"I don't think 'my unconscious is showing me a wish.' I think 'why was my teacher a fish.' Symbols, not sentences."

Insight — symbolic, associative thinking (closer to Jung) is often how non-specialists already process dreams.

Marcus31 · Insomnia · Frequent nightmares
"Every theory I've read explains dreams. None explain why my nightmares are always about being chased. That part I recognize."

Insight — recurring threat dreams are the one experience nearly everyone has a story about — a natural bridge into all four theories.

Dana45 · No psychology background
"I stopped reading the Freud paragraph after 'latent content.' I felt behind before I'd even started."

Insight — jargon causes drop-off in the first sentence — plain language has to come before the technical term, not after.

Omar29 · Psychology undergraduate
"I already know these theories contradict each other. I've never seen someone put them side by side and just let that be true."

Insight — specialists don't need simplification — they need permission to see contradiction without forced resolution.

Three directions from five conversations

  1. Lead with feeling, not vocabulary.
  2. Keep the four theories parallel, never ranked.
  3. Use the one dream everyone has an opinion about — being chased, falling, a familiar face in the wrong place — as the shared thread between all four.
From Insight to Interface

What each conversation
changed

Feeling before vocabularyEvery theory opens on a plain-language, one-line feeling before its academic name appears.
Metaphor before captionVisual distortion carries each theory's idea before any text explains it.
No theory outranks anotherFour equal-width columns, identical typographic treatment, neutral entry order.
Contradiction left openNo "correct answer" screen — the prototype ends on comparison, not conclusion.
Validation

User Testing

Four participants — two returning from the interviews above, two new — worked through a short think-aloud task list on the same structure shown in the prototype below.

4
Participants
2
Test Rounds
3
Core Tasks
27
Prototype Screens
Names lost in the texture
Theorist names sat directly on the busy grid/linework at the same visual weight as the texture — 3 of 4 participants hesitated before reading a name aloud.
Fix — increased type weight and added a subtle backdrop behind each name.
Columns didn't read as clickable
Nothing signaled the four columns were interactive — two participants tried scrolling before they tried clicking.
Fix — added a hover/press state and a persistent "select a theory" cue on the cover.
No way back to compare
There was no path back to the four-theory overview once inside one theory — comparing two meant restarting the prototype.
Fix — added a persistent return-to-overview affordance.
Jargon came before the feeling
Non-specialist participants wanted the plain-language line before the theorist's name, not after — matching Dana's interview.
Fix — reordered each theory screen to open on the felt description first.
"Oh — that's basically the same feeling, isn't it?"
Participant, comparing two theories · round two
"I didn't realize I could click those until I tried scrolling first."
Participant · round one

After the second round, all four participants completed the comparison task. Both non-specialist participants used a version of the same phrase — "oh, that's basically the same feeling" — when asked to compare two theories: the shared-feeling result the research question set out to test for.

Prototype

Try it live

The prototype is embedded directly below — scroll, click, and move through all 27 screens right here, no separate tab required.

Open in Figma instead ↗
Reflection

What held up,
and what's next

The clearest validation was qualitative, not quantitative: non-specialist testers independently reached for "same feeling" language when comparing theories they'd never studied — the exact outcome the research question asked for, achieved through layout and tone rather than explanation.

Next: replace the simulated interviews with a real recruited sample, extend the closing comparison screen to hold more than two theories at once, and test whether subtle motion in the background linework reinforces the REM metaphor without hurting legibility.