Quote Gallery
Een citaatarchief getransformeerd tot een filmische digitale ervaring, met een heldere visuele hiërarchie en een kortere weg van lezen naar betrokkenheid.
De uitdaging
Quote Gallery begon als een archief: een groeiende verzameling citaten zonder podium. Alles was bereikbaar, niets was memorabel. De collectie had een presentatielaag nodig die een citaat behandelt zoals een galerie een schilderij behandelt, terwijl het bladeren snel blijft voor wie komt graven.
De aanpak
Ik heb eerst de leeservaring ontworpen. Elk citaat krijgt een weergave met volle aandacht, waarin typografie het zware werk doet: groot, geduldig letterbeeld, bewuste pacing en beweging die de lezer één regel per keer aanreikt. Daaromheen zit het archief zelf, met duidelijke hiërarchie, filters en een pad van elk citaat naar zijn buren.
De bouw is Nuxt met GSAP-gedreven motion, zo afgesteld dat de filmische laag de archieflaag nooit in de weg zit. Animaties respecteren reduced-motion-voorkeuren en elke weergave is server-side gerenderd en indexeerbaar.
Het resultaat
Het archief werd een bestemming in plaats van een database. Bezoekers blijven hangen bij losse citaten, de collectie voelt samengesteld in plaats van opgeslagen, en de weg van lezen naar delen of verder verkennen is één stap korter dan voorheen.