Vinyl Visualizer (GZNA)
Turning a vast photo library into a canvas for custom vinyl design.
2025
The challenge
We designed and developed a custom vinyl visualizer on the GZNA website. An interactive tool that empowers clients to transform a library of over 3,000 photos into unique vinyl designs. Beyond creation, it also showcases the brand’s full range of vinyl finishes, blending function with inspiration.
UI/UX Design
Development
Strategy
Art Direction
The creation process lets users design up to three customized vinyl versions, gather feedback through shareable links, and then send their final choice to production. Behind the scenes, DatoCMS manages the content (colors, effects, and images) with CRUD operations triggering webhooks to sync data in real time with Turso, which stores indexed image data and serves as the main query engine for color/effect combinations. A cache layer accelerates searches by first checking existing results; if none are found, Turso provides the best matches, DatoCMS supplies the images via stored IDs, and the results are saved for faster future access.
