---
type: memory
subtype: design-audit
domain: jonathan-looman
project: visuele-richting
datum: 2026-10-01
lezer: Jonathan (besluit); CLAUDE.md §Reporting Style
object: richting-v8.html (v7 + atio.studio-index, gebouwd 2026-10-01)
bronnen: jl-icp-2026-09.md, jl-positioning-brief.md (§Besloten 2026-09-07, §Wat er NIET op de site komt), jl-site-startplan-2026-09-06.md, vertrouwelijkheid.md, ontwerpspecificatie.md, playwright-render v8 (1440 + 390px), du/sips op assets
---

# Audit richting-v8: ontwerp, ICP, SEO/AEO

## Kern in één zin

v8 is mooi en lost de herhaling uit spec §8 op, maar het atio-model is gemaakt voor een studio
die breedte verkoopt aan merkkopers; de besloten koper (net-gefinancierde founder, 1-8 mensen,
ICP §2) koopt focus, en de pagina toont nu 43 projecten in plaats van één belofte met drie diepe bewijzen.

## A. Strategie en ICP (zwaarst)

| # | Ernst | Bevinding | Bron |
|---|---|---|---|
| A1 | CRITICAL | De index toont 43 rijen incl. filters "Teaching" en "Craft". Besluit b + brief §Niet op de site: "Geen carrière-overzicht, geen disciplinelijst, geen onderwijs-strook". v8 is weer een profielsite. | positioning-brief §Wat er NIET op de site komt; startplan Fase 1.2 |
| A2 | CRITICAL | ICP-aanleiding 2 ("AI-prototype breekt") heeft geen bewijs op de pagina. ClaudeOS (bewijs 1 in de brief) is in v7 eruit gehaald; vervanger Kruyd-platform vraagt consent. Het woord AI komt in de zichtbare tekst alleen voor bij Caliper. | ICP §2, §4; brief bewijs 1; spec §6 |
| A3 | CRITICAL | Klantwerk dat consent nodig heeft staat met beeld en tekst in de index: Landcent, Caliper, Kruyd-platform, Bright/RTL, Blockchain My Art, CID, WorldStartup. Voor prototype prima, voor live een blokkade. | vertrouwelijkheid.md §2, §4; brief §Secundair na consent |
| A4 | REVISE | Volgorde: HyperGarden (tuin, cultuur) staat bovenaan. Voor een SaaS-founder leest dat als de anti-ICP "cultuur- en onderwijsinstellingen". De brief zet ClaudeOS → visions.tv → HyperGarden. | ICP §3; brief §Drie bewijzen |
| A5 | REVISE | Hero-meta "Taking new 0 to 1 work" is een beschikbaarheidsclaim. | brief §Niet op de site, capaciteit/beschikbaarheid |
| A6 | REVISE | Bio opent met "co-founder of Since Today, a small studio that works with idealistic people, publishers, curators, galleries". Dat is precies de anti-ICP en koppelt de entiteit aan ST, terwijl het label JL los staat. | ICP §3; profile.md:18 via ICP |
| A7 | REVISE | "no handoffs, no juniors" staat vrijwel letterlijk op razegrowth.com. Open punt 4 uit ICP §7 is nog niet getoetst. | ICP §7 |
| A8 | REVISE | Er ontbreekt een "wanneer bel je mij"-blok in kopertaal (ronde net dicht · prototype breekt · bureau leverde een deck). Ook ontbreekt "hoe werkt het" (vorm zonder bedragen). De koper moet zichzelf herkennen vóór het bewijs. | ICP §2 Aanleidingen, §5 |
| A9 | MINOR | Rijen "Kruyd" en "Kruyd-platform" tonen dezelfde beelden; 3 rijen "Archive location to confirm"; "Description to come". | v7-data |

## B. Ontwerp

| # | Ernst | Bevinding |
|---|---|---|
| B1 | REVISE | Hiërarchie omgedraaid: de indexrijen (104px grotesk-kapitalen) zijn nu het luidste element van de pagina, luider dan de belofte. Bij atio klopt dat, want de lijst ís daar de site. Hier hoort de belofte het hardst. |
| B2 | REVISE | Twee displaysystemen strijden: gepixelde Times (hero, zin, Who, slot) tegenover reuzen-grotesk (index). Spec §2 noemt de quantiser "het device". Kies één displaystem; de index op ~3,3vw in grotesk laat de pixelletter de baas. |
| B3 | REVISE | De sterkste ICP-eigenschap, "blijft draaien na launch", is nu een groen blokje van 0,16em. Maak status de primaire sortering (running eerst) en het label leesbaar ("running since 2017"). |
| B4 | MINOR | De "Ground"-kleurwisselaar (door mij toegevoegd) is decoratie zonder functie. Spec §5: niet doen. Schrappen. |
| B5 | MINOR | De filtertaal "own venture / system in production / craft" is intern. Kopers filteren niet op soort. |
| B6 | MINOR | De hover-thumbnails zijn de eerste 5 bestanden per map, geen keuze volgens het recept van `portfolio-image-selection` (lead = foto, max 1 diagram). |

## C. SEO / AEO / GEO

| # | Ernst | Bevinding |
|---|---|---|
| C1 | CRITICAL | De index wordt door JS gerenderd: in de HTML staat geen enkele projectnaam. AI-crawlers (GPTBot, ClaudeBot, PerplexityBot) voeren geen JS uit en zien dus geen werk. Fix: statisch genereren (Astro), JS alleen voor hover en filter. |
| C2 | CRITICAL | De CTA is `href="mailto:"`, zonder adres (2×). Dat is geen conversiepad. |
| C3 | REVISE | Geen URL per project. Answer engines citeren pagina's, geen rijen. Elk bewijs krijgt `/work/<slug>` met claim, rol, jaar, wat niet lukte en credits. |
| C4 | REVISE | Head is kaal: title alleen "Jonathan Looman", geen meta description, canonical, OG/Twitter-beeld of JSON-LD. Voeg toe: `ProfilePage` + `Person` (jobTitle, knowsAbout, homeLocation Den Haag, sameAs LinkedIn/Vimeo/KABK) en per case `CreativeWork` met `contributor` (Yota Morimoto, Beer van Geer) plus `VideoObject` voor de Resonate-film. |
| C5 | REVISE | Kernzinnen staan in canvas: de h1 is offscreen (-9999px), de rest van de belofte is gepixeld. Google pakt dat nog, maar het is fragiel. Zet de belofte als echte tekst neer en maak de pixelversie het decoratieve laagje. |
| C6 | REVISE | Er is geen extraheerbaar antwoordblok. AEO wil korte feitelijke zinnen: wat · voor wie · wanneer · hoe · waar (Den Haag, remote). Plus 4-6 FAQ's in kopertaal ("Can you take a Lovable prototype to production?"), alleen als ze waar zijn. |
| C7 | REVISE | Alle projectbeelden hebben `alt=""`. Dat betekent geen image search en geen beschrijving voor screenreaders bij inhoudsbeelden. |
| C8 | MINOR | Zoekterm: "fractional CTO" hoort in meta/body met de correctie "designs and builds" (ICP §5-waarschuwing), niet in de hero. |
| C9 | MINOR | `llms.txt` met de vijf feiten en de case-URL's kost weinig. |

## D. Performance en toegankelijkheid

| # | Ernst | Bevinding |
|---|---|---|
| D1 | REVISE | Hero-portret 968KB (2200px JPG), hypergarden-loop.mp4 6,8MB met autoplay boven de vouw, img/ 67MB. Nodig: AVIF/WebP + `srcset`, video met `preload="none"` + poster, of pas laden na interactie. |
| D2 | MINOR | De sticky filterbalk neemt op 390px ~2 regels in. Op mobiel inklappen. |
| D3 | ~~OK~~ zie correcties | Contrast dim-tekst 5:1 klopt; "geen overflow" was FOUT (afgeknipte namen), zie §Correcties. |

## Aanbevolen paginavolgorde (één voorstel)

1. **Hero:** naam + belofte C als echte tekst + één werkende CTA (adres of agenda-link). Geen beschikbaarheidsclaim.
2. **Wanneer je mij belt:** drie aanleidingen in kopertaal (ICP §2).
3. **Drie bewijzen, diep, elk een eigen URL:** volgorde volgens de brief. Elk met een regel wat níét lukte (de `.lim`-regels bestaan al). ClaudeOS terug zodra JON-4 gekozen is; Kruyd erbij na consent.
4. **Hoe het werkt:** vorm, geen bedragen.
5. **Archief:** de atio-index hier, compact (~3vw), alleen consent-vrije rijen, status-gesorteerd. Onderwijs en craft eruit of ingeklapt (besluit b).
6. **Bio:** opent met design-build, Since Today als bijzin.
7. **Slot:** QR + CTA.

Zo houdt de pagina wat atio goed doet (één snel overzicht, hover als preview) zonder dat de breedte de belofte overstemt.

## Correcties na adversarial QC (2026-10-01 09:09, verdict REVISE)

- **D3 was fout (CRITICAL gemist):** rijnamen worden stil afgeknipt (`overflow:hidden; nowrap`): 9/43 op 1440px, 24/43 op 390px. Page-`scrollWidth` maskeerde dat. In v9 breken de namen op mobiel af.
- **C1 nuance:** de namen staan in de bron (JS-array + een paar statische vermeldingen), maar de index bestaat pas in de DOM na JS. Of GPTBot/ClaudeBot/PerplexityBot JS uitvoeren is in deze sessie niet geverifieerd. De aanbeveling (statisch renderen) blijft staan.
- **C7 nuance:** de Image View heeft wel alt (projectnaam). Hover-thumbnails en de detailstrook hebben `alt=""`.
- **A2 nuance:** Kruyd-platform beschrijft de agentische fix-lane wél. ClaudeOS is op 2026-09-17 door Jonathan geschrapt ("nog niet rijp", spec §6). "ClaudeOS terug" in de paginavolgorde is dus een heropening van dat besluit, geen gegeven.
- **A1 nuance:** de 43 rijen stonden al in het v7-grootboek. v8 veranderde de prominentie, niet het aantal. De brief zegt "geen onderwijs-strook *op zich*; alleen wat de belofte draagt".
- **A3 aangevuld:** ook ING (14), DFCD (15), BGT v5 (8), KABK-gradshow (29, studentrisico) en het Kruyd-platform-risico op hostnamen in de dependency-graph. Daarnaast: BLURBS 1 noemt Gwenda Jakobs, Landcent-blurb noemt de sector. CID staat niet in vertrouwelijkheid.md (cite was fout).
- **D3 contrast:** de dim promise-helft in canvas (#a6a198) haalt 2,4:1, het groene statusblokje 3,9:1.
- **Gemist:** geen `<main>`/landmarks/skiplink (v9: main + nav + header toegevoegd), sortknoppen zonder `aria-pressed` (v9 gefixt), thumbnails onbereikbaar op touch (tik opent wel de detailstrook).
- **MINOR:** B4-cite (spec §5 gaat over rasterdecoratie, niet over kleur) is een rek; A6 citeerde "works with idealistic people" zonder "and for".