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.

9m read timeFrom tympanus.net
Post cover image
Table of contents
How the collection startedThe main interactionsTurning feedback into a postcardDetails that made it feel like an albumMessages sent backReflecting back
66.4K Impressions1 Comment