Voorbeeldzaak · Architect · Rotterdam

Voorbeeldzaak Studio Havik: waar het begon, met rode cirkels

8 juni. De eerste van de negen.

Eerlijk antwoord: Studio Havik bestaat niet. De site wel. De reviews en aantallen op de demo zijn voorbeeldvulling. De bouw hieronder is echt, met de echte tijden.

Maandagavond 08-06

Zo keurde ik hier: rood omcirkelen.

Om 20:30 en 20:33 bekeek ik de site op mijn telefoon. Twee dingen klopten niet. Het open menu dekte het scherm niet af, en de filterbalk lag half over de projecten.

Rood omcirkelen gaat sneller dan uitleggen. De bouwer ziet meteen waar het zit.

Tims telefoonscherm van 8 juni om 20:30: het open menu van Studio Havik, met alleen het woord Projecten, dik rood omcirkeld omdat de pagina erdoorheen zichtbaar blijft — Mijn eigen schermafbeeldingen, met mijn rode markering. De balk met meldingen en de adresbalk zijn weggesneden.

Tims telefoonscherm van 8 juni om 20:33: de filterknoppen op de projectenpagina, rood omcirkeld omdat ze een projectkaart half bedekken — Mijn eigen schermafbeeldingen, met mijn rode markering. De balk met meldingen en de adresbalk zijn weggesneden.

fix(mobiel): drawer uit backdrop-filter-context, compacte sticky filterbalk, nette lege-staat projecten

De volgende ochtend om 09:08 stond de fix erin, voor allebei de cirkels.

De klok

Een lus van 85 minuten, op een maandagmiddag.

De bouwlus liep van 15:40 tot 17:05: 18 rondes. Vijf daarvan liepen tegen de grens van 30 stappen aan. De ronde erna maakte dat werk dan af.

ma 08-06 (lus + ronde): 15:40 tot 17:05, bouwlus, 18 rondes; 17:28 tot 20:24, fixes, achtergrond, video, Netlify; 20:30 tot 20:33, rode cirkels
di 09-06 (de fix): 09:08 tot 09:08, fix menu en filterbalk
zo 30-08 (verhuizing): 09:09 online gezet; 09:11 online gezet

Echte kloktijden uit git, de log van de lus en mijn telefoon. Op 30-08 ging de site naar Cloudflare.

30 AI-beelden, gemaakt door de lus zelf beurt 14 en 15 · 16:50 tot 16:56

Hier mocht het

De lus vroeg nergens om.

Bij Studio Havik draaide de bouwlus zonder toestemmingsvragen. Wat hij wilde doen, deed hij. Dus maakte hij zelf de beelden voor de site: woningen en mensen.

Bij PAND en BLIK moest de lus eerst toestemming vragen. Die kon hij niet krijgen: de lus draait zonder gesprek. Bij voorbeeldzaak PAND liep hij daardoor vast: geen sleutel voor de fotobank, en geen toestemming voor beeld-AI.

De achtergrond

Het dossier zei nee. De bouwtekening kwam er toch.

In het dossier stond: geen bewegende achtergrond. Na de lus kwam er toch een. Een plattegrond-raster met maatlijnen dat heel traag verschuift. Eerst als los prototype, om 17:51. Daarna in de site.

Het losse prototype van 8 juni: een grote kop op een licht raster met dunne maatlijnen — 08-06 · 17:51 Het prototype, los van de site.

De homepage van Studio Havik bij de drie dienstkaarten, met het lichte raster en de maatlijnen op de achtergrond — nu Op de site, achter de dienstkaarten.

Een stilstaand beeld. Op de site pauzeert de tekening als je het tabblad wegklikt, en staat hij stil als je telefoon op minder beweging staat.

De site zelf

Filteren en schuiven, op de projectenpagina.

Studio Havik is de enige van de twee architecten met filterbare projecten en een voor-na-schuif. De schuif werkt ook met het toetsenbord, en zonder JavaScript staat hij op de helft.

De projectenpagina van Studio Havik: een balk met filterknoppen op type en regio, daaronder projectkaarten met foto's van woningen — Filteren op type of regio. Blijft er niets over, dan zegt de pagina dat netjes.

Een uitgelicht project op de projectenpagina: links een donkere kamer vóór de verbouwing, rechts dezelfde kamer licht erna, met een schuif ertussen — De voor-na-schuif van de zaak zelf.

De werkbon

De meting, zoals hij is.

Gemeten op 30-09 met Lighthouse, de test van Google. Prestaties 97. Toegankelijkheid 92: te weinig kleurcontrast, en een lijstpunt buiten een lijst.

De toegankelijkheid repareer ik in de volgende ronde, en daarna meet ik opnieuw.

Prestaties, mobiel mediaan van 3 (93, 98, 97) · Lighthouse 13.5.0 · live homepage · 30-09-2026

Toegankelijkheid, mobiel te weinig kleurcontrast en een lijstpunt buiten een lijst · Lighthouse 13.5.0 · 30-09-2026

Werkbon Voorbeeldzaak Studio Havik · architect, Rotterdam

Rondes bouwlus: 18 waarvan 5 op de grens van 30 stappen
Bouwlus: 15:40-17:05 ma 08-06, 1 uur en 25 minuten
Taken: 13 van 13
Bouwdagen: 08-06 en 09-06 middag en avond, en de ochtend erna
Commits: 40 van 08-06 15:39 tot 09-06 09:08
AI-beelden door de lus: 30
Pagina's: 10
Online: Netlify → Cloudflare eerst Netlify (08-06), sinds 30-08 Cloudflare
Meting: 97 · 92 prestaties · toegankelijkheid. Lighthouse 13.5.0, mobiel, live, 30-09-2026

Geteld uit git en de log van de lus. Kosten zijn niet gemeten, dus staan ze er niet op.

De etalage

Na de eerste kwamen er acht.

Bekijk alle voorbeeldzaken

Rood omcirkelen mag. Ook bij jouw site.

Jij keurt, ik bouw. Een vaste prijs, en elke ronde staat op de werkbon.

Wat kost een website

Liever zelf bouwen? Zelf leren bouwen met Claude Code.