04 / Culture and audio · Fictional concept
Sonder.
Project overview
2026Sonder is a fictional digital archive for field recordings and spoken stories. It imagines browsing audio as a tactile editorial experience rather than a conventional streaming catalogue.
Technology used
- Next.js
- TypeScript
- Web Audio concepts
- Motion
- SVG
after rain
Main project view
Culture and audio · Fictional concept / 2026
- Category 01
- Culture and audio · Fictional concept
- Year 02
- 2026
- Role 03
- Editorial direction, interaction design, and creative development · Concept role
- Stack 04
- Next.js · TypeScript · Web Audio concepts · Motion · SVG
The problem
Audio archives can be difficult to scan and emotionally flat before playback. The concept investigates how a visual interface could convey atmosphere, provenance, and relationships while keeping listening central.
The approach
The sample experience connects recordings through place, theme, and acoustic texture. Curated trails provide an approachable entry point, while the archive view supports deeper exploration without reducing stories to popularity rankings.
Visual system
Scroll-driven project gallery
Soft black, parchment, coral, and waveform-inspired typography form a quiet publishing system. Animated signal fields respond subtly to playback, and generous pauses give titles, transcripts, and context room to breathe.
Scroll down. The visuals move left while the work in the center comes into focus.
01/03
IDEA CLEAR.
Push the rhythm.
Keep the system calm.
01 / Story edition
Concept visual
after rain
02 / Listening field
Concept visual
03 / Curated trails
Concept visual
Concept outcome
The fictional outcome is a responsive editorial prototype and generative visual direction for an imagined archive. The concept metrics describe content-model goals only; no institution or audience was involved.
Illustrative concept measures
The values below are concept targets and do not represent live product analytics.
4 paths
01Concept discovery modes across the sample archive
A content-architecture choice in a fictional prototype, not a live engagement metric.
0 ranks
02Concept principle for non-competitive discovery
A proposed editorial principle, not a claim about a deployed recommendation system.