Kapper Samy, Rijnstraat 51, Woerden · drie homepages · 29 september 2026

Drie manieren om binnen te komen

Drie complete homepages, elk opgebouwd naar een bestaande site uit een dure wijk en elk met één blikvanger. Alles wat erop staat, komt uit zijn gevel, zijn raam en 312 reviews.

Mijn keuze: de zwevende

Samy's klanten lopen binnen, en de eerste vraag is "is hij open?". De zwevende pagina beantwoordt die vraag in de hero, op de klinkers voor zijn deur, met zijn naam als embleem. Er is geen foto nodig om te openen, dus hij staat nu al goed; de AI-foto's vullen later alleen het raster.

Het verhaal van de Vischbrug uit "Toen en nu" is te goed om weg te gooien: dat komt er als sectie onder. Open de zwevende

De zwevende

signature zwevende achtergrond · binnenlopen

Zijn naam als embleem op de visgraatklinkers voor zijn deur, met eronder live of hij open is, en alles wat je moet weten zweeft over die klinkers heen.

Screenshot van viacarota.com: een groot embleem met naam en huisnummer op een effen bruin vlak
Opbouw: Via Carota, 51 Grove Street, West Village. Embleem met huisnummer als hero, daarna foto links met smalle kolom, en een verspringend fotoraster.
Screenshot van mykim-nails.pages.dev: marmer als vaste achtergrond met zwevende foto's en een glazen pil-header
Beweging: onze signature (mykim-nails.pages.dev) plus beames, Multiple Fixed Background Images. Vaste materiaallaag, glazen pil-header die na 60% inzakt, prijskaartje dat omdraait (uiverse, Galahhad).

Open losFunctie: open of dicht volgens het raambord, met de volgende wissel en de week.

De lijst

Balthazar · bellen

Je scrollt door de vergulde lijst van het schilderij in zijn zaak naar binnen, en de hele site is een ingelijste kaart met het telefoonnummer altijd in beeld.

Screenshot van balthazarny.com: de pagina in een gouden ornamentlijst met een smalle linkerkolom en een grote foto van de volle zaal
Opbouw: Balthazar, 80 Spring Street, SoHo. Gouden lijst om de pagina, linkerkolom in een kader met telefoon, adres en menu, woordmerk in een boog.
Screenshot van de GreenSock-demo: door een rond venster ingezoomd op een landschap
Beweging: GreenSock, ScrollTrigger Image Zoom. Bij scrollen zoom je door de lijst het schilderij in; aan het eind komt de zaak van nu.

Open losFunctie: "Wat kost het voor ons?", voor vaders met zoons.Eindbeeld van de zoom is nog een gemarkeerde AI-foto.

Toen en nu

Maison Bertaux · appen

De pagina opent in 1854 op de Vischbrug, en bij scrollen wordt de Rijn in stroken gedempt tot je voor Rijnstraat 51 staat.

Screenshot van maisonbertaux.com: een zwart-witfoto van Greek Street met de naam groot eroverheen
Opbouw: Maison Bertaux, 28 Greek Street, Soho. Archiefbeeld als hele hero, naam enorm in geometrische kapitalen, één cursieve regel, menu als één regel.
Screenshot van de Codrops-demo: een tweede foto verschijnt in horizontale stroken over de eerste
Beweging: Codrops, SVG Mask Transitions (Horizontal Blinds). Twaalf stroken groeien van onder naar boven dicht, als water dat zakt.

Open losFunctie: "App Samy" stelt een WhatsApp-bericht samen.Het jaartal 1961 van de demping nog natrekken.

Wat nog echt moet