Skip to content
Back to all projects
Website2026Building Now

Dougie's Discs

An independent vinyl record store catalog and discography platform — high-contrast editorial design with audio previews and collection archiving.

Maker & Role
Stephen Cranfield · Idea, Design & Build
Focus & Tags
web · music · ecommerce · design
Tech Stack
Next.js, TypeScript, Tailwind CSS, Discogs API
Reading Time
1 min read

Key Features & Outcomes

  • High-contrast magazine aesthetic tailored for music collectors
  • Dynamic release catalog indexing rare pressings and curated playlists
  • Fast search with instant genre and decade filtering

The Brief

Dougie's Discs is built for vinyl enthusiasts who value the tangible culture of physical music. Rather than feeling like a bland generic webshop, the site is designed as an intimate, editorial crate-digging experience.

The Architecture

  • Discogs & Release Sync — Structured metadata schema bringing album artwork, tracklists, matrix numbers, and release variants directly into the browsing experience.
  • Audio Previews — Ambient embedded snippet player allowing visitors to listen to selected cuts while reading album essays.
  • Collector Wishlists — Fast client-side bookmarking and want-list tracking for local stock notifications.