A case study of building an interactive digital stamp collection website that recreates the tactile feel of a physical stamp album. The project features draggable stamps, a WebGL shader-based glass loupe with chromatic aberration and edge distortion for inspecting stamps, and a postcard-style feedback dialog with a genie animation effect. The loupe reconstructs the stamp scene in an offscreen canvas and passes it as a texture to a lens shader. The postcard dialog uses snapDOM to capture the current UI state, animates it via WebGL texture, and is built on an accessible Radix dialog foundation. Details like binder-style tabs, monospaced catalog cards, handwritten annotations, and paper grain textures reinforce the archival album aesthetic throughout.
Table of contents
How the collection startedThe main interactionsTurning feedback into a postcardDetails that made it feel like an albumMessages sent backReflecting back66.4K Impressions1 Comment