Achter de schermen
Hoe deze site gemaakt is
Deze pagina hoort bij het portfolio: The Gentleman's Chair is een fictieve zaak, de site is echt. Zo is hij gebouwd.
Referenties eerst
We bouwen nooit blind. Voor deze site leverde de klant drie visuele referenties aan: een poster-stijl hero, een sitestructuur en een luxe barbershop-site. Daaruit is de visuele taal gedistilleerd: warm zwart, cream display-letters, goud en een rode marker als handtekening.
Designsysteem gelockt vóór de bouw
Kleuren, typografie, radius en motion zijn vooraf vastgelegd in een designsysteem, met vooraf berekende contrastwaarden (WCAG AA). Pas daarna is er gebouwd; zo blijft elke sectie consistent.
Cinematografie met mate
De video in de atelier-sectie is een AI-cinemagraph: een stilstaand interieurbeeld dat met AI-assistentie subtiel tot leven is gewekt (flakkerende peertjes, zwevend stof, ultratrage inzoom) en daarna gecomprimeerd tot minder dan een halve megabyte. Wie verminderde beweging instelt, krijgt een stilstaand beeld.
Snel, toegankelijk en privacyvriendelijk
Statische site (Astro), zelf-gehoste fonts, geen tracking-cookies, strikte Content-Security-Policy en een toegankelijkheidsscore van 100 als harde lat. Het afspraakformulier vraagt enkel wat nodig is.
AI, eerlijk vermeld
De stoel in de hero en de atelier-video zijn met AI-assistentie gemaakt en daarna door een mens gecureerd. Dat vermelden we in de footer, conform de Europese AI-verordening.
Wil je zo'n site voor jouw zaak? Deze werkwijze (referenties, gelockt designsysteem, review-rondes en performance-gates) is herhaalbaar voor elke lokale onderneming.