Blue Records: nieuwe site

3 ontwerprichtingen · oktober 2026

Dezelfde inhoud, drie verschillende smaken. Elke versie is een one-pager. Klik linksonder op “Demo: inloggen als Frank” om de bewerkmodus te proberen: beweeg over iets en klik het potloodje.

Tweedehands
vinyl.

A · Groef

Donker, draaiende plaat, cyaan gloed. Stoer en modern, zoals een avond in de winkel.
Platen
bak

B · Platenbak

Warm papier, polaroids, plakband, kassabon. Persoonlijk en eigenwijs, als een fanzine.
Platenzaak in
Vorstenbosch

C · Licht

Rustig, veel wit, ronde vormen, foto’s centraal. Toegankelijk en het dichtst bij het logo.

Indeling: one-pager

Hero → bezoek (adres + tijden) → over ons → platenbazen → stichting → nieuws/social → contact. Alles van de huidige site blijft. Contact is nu een “zoek je een plaat?”-formulier, omdat mensen daar al om mailen.

SEO

  • Vooraf gerenderde HTML (Vue + SSG), geen lege SPA voor Google
  • H1 bevat “tweedehands platenzaak / vinyl Vorstenbosch”
  • Schema.org MusicStore met adres + openingstijden, automatisch uit het CMS
  • Alt-teksten bewerkbaar bij elke foto
  • Belangrijkst: Google Bedrijfsprofiel, met hetzelfde adres overal

Bewerkmodus

Frank logt in via een link in zijn mail. Potloodje op elk onderdeel: teksten, foto’s (upload of bibliotheek), adres, openingstijden + vakantiemelding, platenbazen toevoegen of verwijderen, social feed.

Social feed

De posts zijn hier nog nep. In de echte site haalt een Supabase-functie elk uur nieuwe Instagram- en Facebook-posts op via de Meta Graph API. Dat is gratis, maar Instagram moet dan een zakelijk account zijn.