Vinyltrolden

Oppdraget

Vinyltrolden er en uavhengig platebutikk på Amagerbrogade i København, åpen siden 2016. Butikken kjøper og selger nye og brukte LP-er, CD-er og kassetter, og driver i tillegg plateselskapet Vinyltroll Records. De trengte en nettbutikk som fanger stemningen i butikken, og som gjør det enkelt å bla etter format og sjanger, selv når nesten hver plate bare finnes i ett eksemplar.

Løsningen

Vi bygde et selvstendig WooCommerce-tema uten foreldretema, med et mørkt, typografisk og bevisst rått uttrykk. Alt er på dansk, fra checkout til e-poster, og designsystemet er dokumentert og kontrollert mot WCAG 2.2 AAA for kontrast.

Katalog og funksjoner

• Discogs-koblet katalog: egen funksjon i produktredigeringen henter artist, sjanger, stil, format og bilder fra Discogs, så nye plater legges inn raskt og konsistent.
• Bla etter format og sjanger: egne taksonomier for artist, sjanger, stil og format, med filtrering på vinyl, CD og kassett, samt tilbud, rariteter og nyheter.
• Live-søk i headeren som treffer artister, album, sjangre og stiler, og lenker rett til riktig arkiv.
• Stand og forhåndsbestilling: fargekodet stand (Goldmine-skala) på brukte plater, og utgivelsesdato og forhåndsbestilling for kommende utgivelser.
• Vinyltroll Records: egne flater for selskapets utgivelser, med filter på format, og egen merch-seksjon.
• Forside styrt fra admin: butikkens anbefaling, nye ankomster, sjangerrutenett og selskapslogoer redigeres uten kode.
• Handlekurv, dansk checkout og betaling via PensoPay.

Drift, lovkrav og ytelse

• Digital fortrydelsesfunktion i tråd med forbrugeraftalelovens § 20 a, med automatisk kvittering på e-post.
• GA4 og Facebook Pixel er håndkodet og styres av samtykke, så ingenting lastes før besøkende har godtatt det.
• Ytelse: samlede og minifiserte ressurser, prioritert hero-bilde, lazy-lasting og færre dobbeltrenderinger i butikkarkivet.
• Omdirigeringer fra gamle produkt- og kategori-URL-er beholder søketreff etter migreringen, og siden har llms.txt med ryddige produktbeskrivelser.
• Koden ligger i git og utrulling skjer med ett script som tar sikkerhetskopi, kjører tørrkjøring og versjonerer hver utgivelse.