Selected Work

Case Study

Vestige

Interactive Digital Heritage Experience

Status

Shipped

Year

2026

Role

Independent Project · Creative Technologist · Product Designer · Frontend Engineer · 3D Experience Designer

Category

Creative Technology · Digital Heritage

Stack — Three.js • WebGL • JavaScript • HTML5 • CSS3 • Tailwind CSS • Blender • GLTF/GLB • Netlify

01

Overview

What is the project?

Vestige is an immersive browser-based digital museum that transforms historical artifacts into cinematic, interactive experiences. Rather than presenting history through static images and descriptive text, Vestige places visitors inside a carefully choreographed digital exhibition where every artifact is treated as a living exhibit.

Category

Creative Technology · Digital Heritage · Interactive 3D Experience · Cultural Technology

What does it do?

Vestige allows visitors to explore museum-quality 3D artifacts in real time through cinematic transitions, dynamic lighting, spatial presentation, and contextual storytelling. Every exhibit is designed to encourage curiosity rather than passive observation.

Who is it for?

  • Museums
  • Cultural institutions
  • Educators
  • Students
  • Researchers
  • History enthusiasts
  • Exhibition designers
  • Digital heritage initiatives

02

The Problem

Traditional digital museums often replicate physical galleries without rethinking the experience for digital media. Artifacts become static images accompanied by long descriptions, reducing engagement and limiting emotional connection.

At the same time, many cultural collections remain inaccessible due to geography, preservation challenges, or limited digitization efforts.

I wanted to explore whether software could become more than a catalogue of historical objects. Could it become an experience that evokes curiosity, presence, and wonder?

03

The Question

What if software could preserve experiences instead of simply preserving objects?

Could a web browser become a cinematic exhibition space where visitors feel as though they are encountering history rather than merely reading about it?

Could interactive graphics, lighting, motion, and storytelling create a more meaningful relationship between people and cultural heritage?

04

Why This Matters

Digital heritage is often framed as a digitization problem: scan the object, upload the image, write the caption. But that framing quietly limits what's possible. It treats software as a filing cabinet for history rather than a medium capable of expressing it.

Vestige starts from a different premise. If architecture, film, and physical exhibition design can each shape how people feel about the past, software should be able to as well. The choice isn't between accuracy and experience — it's whether the browser is allowed to be a stage rather than a shelf.

That distinction matters beyond this one project. It's the reason Vestige became the starting point for broader research into how interfaces can carry cultural meaning, not just information.

05

Research & Discovery

The project was informed by research across multiple disciplines rather than traditional web design alone.

Historical Research

  • Museum exhibition design
  • Artifact presentation techniques
  • Digital heritage preservation
  • Storytelling in cultural institutions

Technical Research

  • Three.js rendering pipelines
  • WebGL performance
  • GLTF/GLB workflows
  • Browser-based 3D optimization
  • Blender asset preparation

Design Research

  • Cinematic composition
  • Lighting direction
  • Spatial storytelling
  • Motion design
  • User attention management

Inspiration

The project draws inspiration from physical museum exhibitions, cinematic storytelling, and the belief that software can communicate culture as effectively as architecture or film.

06

Objectives

  • Reimagine how historical artifacts are experienced online.
  • Replace static galleries with immersive interaction.
  • Build a browser-native museum experience without plugins.
  • Create a reusable exhibition framework capable of supporting future collections.
  • Combine engineering with narrative design.
  • Demonstrate how software can preserve cultural memory through experience.

07

My Role

I was responsible for every aspect of the project. Responsibilities included:

  • Product conception
  • Research
  • UX strategy
  • Information architecture
  • Interface design
  • Motion design
  • Three.js engineering
  • Blender workflow
  • Asset integration
  • Lighting direction
  • Frontend development
  • Performance optimization
  • Deployment

08

Process

The project evolved through multiple iterations.

Concept

The initial goal was not to build another online museum, but to create a digital exhibition that felt cinematic rather than informational.

Prototyping

Numerous interface layouts, presentation formats, and exhibit compositions were explored before arriving at the final immersive structure.

3D Pipeline

Artifacts were sourced, optimized, positioned, and integrated into a browser-based rendering pipeline using Blender and Three.js.

Experience Design

Considerable attention was given to transitions, pacing, lighting, and visual hierarchy to ensure that each artifact remained the focal point of the experience.

Refinement

Performance bottlenecks, rendering issues, lighting inconsistencies, and model integration challenges were progressively resolved through testing and iteration.

09

Engineering Decisions

Why Three.js?

Three.js provided complete control over rendering, lighting, animation, and interaction while remaining entirely browser-based.

Why WebGL?

Real-time graphics were essential to creating museum-quality immersion without requiring dedicated software.

Why Blender?

Artifacts required preparation, scaling, orientation, and optimization before they could be integrated into the exhibition.

Why Browser-Based?

Accessibility was a core objective. Visitors should experience the exhibition immediately without downloads or specialized hardware.

Why Cinematic Navigation?

Traditional page transitions interrupt immersion. Vestige instead uses choreographed camera movement and spatial continuity to create a more cohesive narrative flow.

10

Key Features

Interactive 3D Artifacts

Visitors can inspect historical objects in real time using orbit controls and continuous animation.

Cinematic Exhibit Flow

Each exhibit transitions through carefully timed camera movement rather than conventional page changes.

Dynamic Lighting

Lighting is used to direct attention and create an exhibition atmosphere.

Modular Exhibition Architecture

The experience is structured to accommodate additional collections without redesigning the platform.

Responsive Browser Experience

Runs entirely within modern web browsers.

11

Challenges

3D Asset Integration

Preparing and positioning GLB models required extensive experimentation due to inconsistent orientations and scaling.

Performance

Balancing visual quality with browser performance demanded careful optimization.

Lighting

Achieving museum-quality spotlighting while maintaining real-time rendering performance required numerous iterations.

Experience Design

The greatest challenge was creating an experience that felt cinematic rather than simply interactive.

12

Outcome

Vestige was successfully developed as a fully interactive browser-based digital heritage experience.

The project established a reusable foundation for future exhibitions and demonstrated the potential of web technologies to support immersive cultural storytelling.

Current Status

Shipped

Future Roadmap

Voice-guided narration Additional artifact collections Multi-language support Curated themed exhibitions Expanded historical metadata Enhanced accessibility features

13

Gallery

14

Links

15

Reflection

Vestige fundamentally changed the way I think about software.

Rather than viewing applications as collections of screens and interactions, the project challenged me to think of software as a medium capable of preserving memory, communicating culture, and evoking emotion.

The engineering process extended far beyond implementation. It required understanding spatial composition, lighting, pacing, storytelling, and the relationship between technology and human experience.

Perhaps the most significant outcome was realizing that digital products do not have to imitate existing interfaces. They can become entirely new forms of cultural expression.

Vestige has since influenced my broader research into Cultural Interaction Design, where I explore whether software interfaces can inherit behavioral principles from architecture, craftsmanship, and regional cultural systems instead of relying solely on universal interaction conventions.

Explore more of the work behind the research.

Back to Selected Work