UX Case Study  /  Prototype  /  2026

The Index
on Mobile

Arriving at Disneyland and then experiencing Disneyland. How a vast archive of work became filterable, discoverable, and alive on a small screen.

Role
Designer / Researcher
Type
Interactive Prototype
Platform
Mobile First
Year
2026
Index
All
Design
Music
Film

The archive
that stops
you cold.

"There is an immediate excitement and taken aback by the vast amount of work."

The Index on thetheoshow.com is unlike anything else online. It is an honest, unedited record of decades of work across many disciplines. Design. Film. Music. Fashion. Writing. All of it exists in one place.

Upon landing on the Index the first reaction is the right one. Volume. Quality. History. The sense that something real is here. The problem isn't the Index. The problem is what happens after that first feeling on a mobile screen โ€” when the excitement wants to go somewhere and there's nowhere for it to go.

The excitement
needs somewhere
to go.

The feeling is a good one. Wow โ€” I get to examine in fine detail the history of said artist. Anyone who sees this Index is immediately taken aback by the sheer volume and quality of work and experience. Nobody has websites like this today. They're mostly polished and sterilized of anything that isn't intended to be seen as glamorous.

The filtering allows for the excitement to be sustained โ€” so the excitement is further emphasized by actually seeing the details of the work. It's like arriving at Disneyland and then experiencing Disneyland: the rides, the characters, and all of it on par with the initial lore of arriving.

"The filtering allows for the excitement to be sustained โ€” so the excitement is further emphasized by actually seeing the details of the work."
The Analogy
Arriving at Disneyland
The initial reaction โ€” the scale, the lore, the sense that something real is here โ€” is Disneyland from the parking lot. The filtering is the rides, the characters, all of it on par with the initial lore of arriving. Without it you stand at the entrance. With it you're inside.
The Gap
Labels vs. Navigation
Tags on the current Index are metadata. They describe. They don't do anything. The prototype converts them into a primary navigation mechanic โ€” clickable, filterable, instant.
The Standard
Nobody has websites like this
Most artist sites are polished and sterilized. The Index is the opposite โ€” unedited, vast, real. The design problem is not to tame it but to make it navigable without removing what makes it singular.

Eleven doors
into the same
archive.

The tag system already existed and the work was already categorized. The design decision wasn't to invent a new structure โ€” it was to utilize a pre-existing one and make it the primary way a mobile user moves through the Index.

Each tag represents a discipline. Each discipline is a decade of work. Tapping one doesn't take you somewhere else โ€” it filters what's already in front of you. The archive stays, while the lens changes.

Design
Direction
DJing
Fashion
Lecture
Music
Photo
Podcast
Press
Video
Writing

The interaction
model.

Three decisions drive the prototype. Tag filtering as primary navigation. Infinite scroll replacing pagination. Entry details revealed on tap โ€” present but unobtrusive until needed.

All entries
Index
All
Design
Direction
Music
Filtered โ€” Design
Index
All
Design
Direction
Music
Decision 01
Tags as primary navigation
Horizontally scrollable tag bar pinned to the top of the screen. Always visible. Always accessible. Tapping a tag filters the grid instantly โ€” no page reload, no friction.
Decision 02
Infinite scroll
Entries load in batches as you scroll. The archive feels endless because it is. No pagination to interrupt the experience.
Decision 03
Toggle behavior
Tapping an active tag deselects it and returns to All. The interaction is reversible and intuitive โ€” no back button needed.
11 Filterable Tags
โˆž Scroll โ€” No Pagination
1 Tap to Filter

Amplify what's
already working.

The Index didn't need to be fixed. It needed to be activated. The initial reaction of excitement and the sense of scale was the correct experience. The prototype doesn't change that. It expands upon it.

That distinction matters. Most redesigns start from the assumption that something is broken and needs fixing. This redesign began from the understanding that something was working โ€” and that the design problem was to sustain and deepen the experience, not replace it.

"It's like arriving at Disneyland and then experiencing Disneyland."
Takeaway 01
Don't fix what isn't broken
The problem wasn't the archive. It was the absence of a mechanism to move through it by interest. The solution preserved the experience and added a layer to it.
Takeaway 02
Activate existing structure
The tags already existed. The categories were already there. The design decision was to surface them as navigation rather than invent something new.
Takeaway 03
Excitement is a design material
The initial reaction to the Index is an asset. The filtering sustains it. Designing for an emotional response โ€” not just a functional one โ€” is the difference between a good experience and a memorable one.

The archive
this was built for.

The prototype uses representative content. The real Index has hundreds of entries across eleven disciplines โ€” decades of work, all in one place.

Visit the Index โ†’