Case study · B2B · Harlingen
itgenerates Een logo dat zichzelf opbouwt.
itgenerates zet intelligente technologie in voor B2B-bedrijven. De opening van de one-pager is een generatief systeem: 49 tegels die zich elke ronde tot het logo ordenen. Van eerste versie tot livegang: 3 dagen.
49
tegels
in een raster van 7 bij 7, met de vormen van het logo
11
seconden
per ronde: van het logo naar nieuwe vormen en terug
7
woorden
die in de kop wisselen, van leads tot results
3
dagen
van de eerste versie tot livegang
Tegels, seconden en woorden: het script en de HTML van de live site. Dagen: van de eerste versie in de code op 23 oktober tot de livegang op 26 oktober 2026.
Waar het begon
itgenerates staat voor intelligent technology services: Pieter de Vries uit Harlingen zet intelligente technologie in om B2B-bedrijven een voorsprong te geven in hun eigen markt. Het begint bij gevonden worden, in Google en in de antwoorden van AI-assistenten, en breidt uit met websites, advertenties, AI-automatisering en maatwerk.
Pieter kennen we van Ortraco, waarvoor StudioFab eerder een B2B-website bouwde. Voor itgenerates was de vraag anders: een digitaal visitekaartje op een pagina, dat in een paar seconden laat zien waar het bedrijf voor staat.
Het logo gaf de richting. Het is opgebouwd uit driehoeken en kwartcirkels op een raster, in een kleurverloop van oranje naar blauw. Wat als die vormen het logo zelf zouden bouwen, steeds opnieuw?
Een opening die nooit twee keer hetzelfde is
Vier lagen bewegen tegelijk. De tegels kiezen elke ronde andere vormen, dus geen ronde is gelijk aan de vorige. Alleen het eind staat vast: het logo.
01
Tegels die het logo vormen
Het logo van itgenerates bestaat uit driehoeken en kwartcirkels op een raster. De opening gebruikt dezelfde vormen: 49 tegels die eerst het logo vormen, dan uiteenvallen in nieuwe vormen en zich na ongeveer 11 seconden weer tot het logo ordenen.
02
Lijnen die uitwijken voor de muis
Achter de tekst stromen lijnen in de kleuren van het logo, van oranje via roze naar blauw. Beweegt de muis erover, dan buigen ze uit, en het raster met de tegels kantelt een paar graden mee.
03
Een kop die steeds iets anders oplevert
De kop blijft it generates, het laatste woord wisselt: leads, growth, efficiency, visibility, advantage, momentum en results.
04
Een regel die het werk typt
Onder de knoppen typt een regel de stappen van het werk, van markt analyseren tot lead ontvangen.
De opening bovenaan deze pagina en de telefoon in dit deel zijn opnamen van de live site op 29 oktober 2026: een volledige ronde, van logo tot logo, in het eigen tempo van de site. Op een touchscreen en bij minder beweging zie je een stilstaand beeld.
Wat we bouwden
Een pagina in zeven delen: de opening, de rode lijn, de aanpak in vier stappen, zes diensten, AI-zoeken, achter de schermen en kennismaken. Donker voor de opening en de diensten, licht voor de rode lijn, de aanpak en het formulier.
Een logo dat zichzelf opbouwt
De tegels zijn SVG-vormen die de site zelf tekent, met hetzelfde kleurverloop als het logo. Geen video en geen zware bibliotheek: de beweging komt uit een eigen script.
Rustig waar het moet
De animatie pauzeert als de opening buiten beeld is of het tabblad niet zichtbaar is. Wie in zijn systeem minder beweging kiest, ziet het logo stil en alle tekst direct.
Een AI-assistent als demo
Het deel over GEO laat zien waar het om gaat: een vraag aan een AI-assistent, een antwoord dat een bedrijf noemt en de bronnen eronder. Zo ziet een bezoeker wat zichtbaar zijn in AI-antwoorden betekent.
Logo en lettertypen in eigen beheer
Het logo is als vector overgenomen uit het aangeleverde EPS-bestand, in een gewone en een witte versie. De lettertypen Inter Tight, Instrument Serif en JetBrains Mono staan op de eigen server, niet bij Google Fonts.
Een pagina, zonder build-stap
Een HTML-bestand, een stylesheet en een script. Teksten, de woorden in de kop en de regels van de typende regel zijn op een plek aan te passen.
Vindbaar vanaf de eerste dag
Een canonieke www-versie, doorverwijzingen van het kale domein en het testadres, een sitemap, gestructureerde gegevens, een llms.txt voor AI-assistenten, verificatie voor Google en Bing en een IndexNow-sleutel.
De hele pagina, van boven naar beneden
Van de opening met het logo via de rode lijn, de aanpak, de diensten en de demo van de AI-assistent tot het formulier en de voettekst.
Een kijkje in de delen
Schermafbeeldingen van de live site op 29 oktober 2026, op een scherm van 1280 pixels breed.
Wat het oplevert
Een bezoeker ziet in de eerste seconden waar itgenerates voor staat: intelligente technologie, gebouwd uit vaste vormen, en een kop die laat zien wat dat oplevert. Wie verder scrolt, vindt de aanpak, de diensten en een formulier waarin alleen naam en e-mail verplicht zijn.
De site staat sinds 26 oktober 2026 op www.itgenerates.com. Hoeveel aanvragen hij oplevert, staat nog niet op deze pagina: daarvoor is de site te kort online.
Gebruikte diensten
Webdesign
Een one-pager met een eigen generatieve animatie, gebouwd uit de vormen van het logo.
SEO
Een canonieke www-versie, doorverwijzingen, een sitemap en gestructureerde gegevens vanaf de eerste dag.
AI-vindbaarheid
Een llms.txt en gestructureerde gegevens, zodat AI-assistenten de diensten en de contactpersoon goed overnemen.
Vragen over een site met beweging
- Maakt een bewegende opening een website niet traag?
- Bij itgenerates tekent een eigen script de tegels als SVG-vormen, zonder video en zonder grote bibliotheek. De animatie pauzeert buiten beeld en als het tabblad niet zichtbaar is, en wie minder beweging wil, ziet het logo stil.
- Kan een animatie uit het eigen logo komen?
- Ja. Het logo van itgenerates bestaat uit driehoeken en kwartcirkels op een raster. De opening gebruikt precies die vormen: de tegels vallen uiteen en ordenen zich elke ronde weer tot het logo.
- Wat is GEO, en hoe laat je dat zien op een site?
- GEO (Generative Engine Optimization) gaat erover dat AI-assistenten zoals ChatGPT, Perplexity en Gemini een bedrijf kennen en noemen. Op itgenerates.com laat een demo een vraag aan een AI-assistent zien, met een antwoord dat een bedrijf noemt en de bronnen eronder.
- Hoe lang duurde deze website?
- De eerste versie stond op 23 oktober 2026 in de code. Op 26 oktober 2026 ging de site live op www.itgenerates.com: 3 dagen later.
Volgende stap
Ook een opening dieblijft hangen?
Een site die in de eerste seconden laat zien waar je bedrijf voor staat, met beweging uit je eigen logo. Begin met een gratis gesprek.
4,9
Google score
2–5 werkdagen
Eerste ontwerp
3 weken
Gem. levertijd
Fabio AndreattaGoutum · Friesland
Ik ontwerp en bouw je website zelf.
Of stuur een bericht
Liever mailen? info@studiofab.nl
Meer case studies
Meer B2B, en meer beweging.
Bekijk de site zelf: itgenerates.com (opent in nieuw tabblad)