PortfolioPRAKTIJKVERHAAL — 2026

Islason.be: groei, pixel per pixel.

Voor het Vlaamse marketingbureau van Anais Lason bouwden wij een website waar u niet alleen naar kijkt — u schildert ze, lost ze op en speelt ermee. Zo is dat gemaakt.

Klant
Islason
Jaar
2026
Discipline
Webdesign
Omvang
Webdesign · Interactieve front-end · SEO & GEO · NL/FR-lokalisatie
Islason — homepage
01

De opdracht

Islason verkoopt webdesign, SEO & GEO, outreach en AI-geïntegreerde verkoop — in het Nederlands en in het Frans. De opdracht: bouw een site die bewijst wat het bureau verkoopt. Geen brochure óver vakmanschap, maar vakmanschap dat u met uw muis in beweging brengt.

Schermafbeelding: de vier diensten op islason.be — Webdesign, SEO & GEO, Outreach en AI-geïntegreerde verkoop
Vier diensten, gewoon benoemd — het hele aanbod op één scherm.
02

Eén pixel bestuurt alles

Alles wat decoratief is op islason.be is opgebouwd uit hetzelfde atoom: een vlakke vierkante cel op een vast raster. Niets vervaagt vloeiend; alles beweegt in stappen, als een retroscherm dat tot leven komt. Daarbovenop staan grote, strakke koppen en kleine monospace-labels. De spanning tussen die twee lagen ís de identiteit.

Schermafbeelding: de methodesectie op islason.be met Scannen, Bouwen, Verfijnen, Groeien, en pastelkleurige pixelcellen die over de pagina drijven
Grote letters, monospace-labels, en het levende celraster achter allebei.
03

De homepage is een canvas

Beweeg uw muis en u schildert pastelkleurige cellen over de hele hero. Schilder over de kop en de letters verschijnen in inkt — alsof u de typografie zelf staat te ontwikkelen. Cellen verouderen en verdwijnen in drie nette stappen.

Animatie: een bezoeker schildert pastelkleurige pixels over de homepage van islason.be en legt zo de kop in inkt bloot
De hero schilderen ontwikkelt de kop eronder.
04

Stop met bewegen en de site neemt het over

Vier seconden stilte en een klein figuurtje begint uit zichzelf te schilderen: het knabbelt zich een weg over het raster, werkt verder aan de kop en stempelt af en toe een pixelhartje. Raak uw muis aan en het geeft de controle meteen terug.

Animatie: na vier seconden stilstand begint een klein pixelfiguurtje de hero van islason.be zelf te schilderen en stempelt het een pixelhartje
Het figuurtje neemt het penseel over na vier seconden stilte.
05

Schema's die echt werk verrichten

Het vierstappenplan — Scannen, Bouwen, Verfijnen, Groeien — krijgt per stap een eigen generatieve pixelscène, en onder de pakketten stroomt een rij cellen van station naar station: invoer die resultaat wordt.

Animatie: de methode in vier stappen op islason.be — Scannen, Bouwen, Verfijnen, Groeien — elk met een eigen generatieve pixelscène
Eén pixelscène per stap.
Animatie: een rij pixelcellen die onder de prijspakketten van islason.be van station naar station stroomt
Invoer die in resultaat overgaat.
06

Een Rubiks kubus als contactformulier

Onderaan wacht een pastelkleurige Rubiks kubus die zichzelf traag door elkaar draait. Bezoekers draaien hem laag per laag (in stappen van 18°), vragen een hint — en wie hem oplost, krijgt de eerste maand gratis. Een puzzel als leadmagneet.

Animatie: een pastelkleurige Rubiks kubus op islason.be die zichzelf traag door elkaar draait
Laat u hem met rust, dan draait hij zichzelf door elkaar.
Animatie: een bezoeker versleept een laag van de Rubiks kubus op islason.be, die in stappen van 18 graden draait
Versleep een laag — hij draait in stappen van 18°.
07

Woorden die ook moeten scoren

Een bureau dat SEO en GEO verkoopt, kan geen site afleveren die er alleen goed uitziet. De blogindex geeft elk artikel een eigen pixelcover, en de GEO-sectie bepleit waarom gevonden worden bínnen ChatGPT, Claude en Perplexity telt — niet alleen in Google.

Schermafbeelding: de blogindex op islason.be, waar elk artikel een eigen pastelkleurige pixelcover heeft
Elk artikel krijgt een eigen pixelcover.
Schermafbeelding: de SEO- en GEO-sectie op islason.be over gevonden worden in AI-zoekmachines
Het GEO-argument, op de pagina zelf gemaakt.
08

Prijzen in de openbaarheid

Vier pakketten — Maan, Mars, Venus en Cluster — met de prijs op de pagina in plaats van achter een formulier. Dezelfde rasterlogica draagt de tabel, zodat het commerciële deel er nooit aangeplakt uitziet.

Schermafbeelding: de vier prijspakketten op islason.be — Maan, Mars, Venus en Cluster — met de maandprijzen erbij
Vier pakketten, geprijsd op de pagina.
09

Onder de motorkap

Alles put uit één gedeeld celraster — geen video's, geen zware bibliotheken. Een volledige spiegel in NL en FR. Canvassen pauzeren zodra ze buiten beeld zijn, en wie minder beweging vraagt, krijgt stilstaande beelden. En omdat het bureau SEO en GEO verkoopt: echte HTML-tekst, semantische structuur en gestructureerde data.

Schermafbeelding: het contactformulier op islason.be met pakketkeuze en berichtveld
Het contactformulier, zodra de kubus opgelost of overgeslagen is.
Schermafbeelding: het vertrouwensblok en de pixelskyline in de voettekst van islason.be
De pixelskyline onder de voettekst — afgewerkt tot de laatste cel.

Bekijk de case live

Bekijk het resultaat op www.islason.be — of laat ons iets soortgelijks voor u bouwen.

Webdesign & SEO in Vlaanderen — elke prijs openbaar, in euro · Webdesign & SEO in heel Nederland · Gidsen voor Vlaamse ondernemers · Prijzen — wat kost een website? · Volledige tekstindex van elke pagina en elk artikel — server-gerenderd, geen JavaScript nodig