Skip to content

Hoe wij AI inzetten op de werkvloer Simon Vanden Haesevelde Ogen sticker

AI is een hot topic. Iedereen gebruikt het in bepaalde mate. Flyers worden en masse gemaakt voor elk dorpsfeest of rommelmarkt, teksten worden geschreven door AI-bots, websites worden in enkele muisklikken gemaakt. Maar hoe zet je AI structureel in om het ontwikkelingsproces van websites te verbeteren, het opvolgen van projecten efficiënter te maken en sneller designrichtingen te verkennen? Met die opzet gingen we begin dit jaar aan de slag om AI te integreren in onze werkwijze. Waar we voordien gebruikmaakten van ChatGPT of Claude om snel een tekst te corrigeren of een losstaand script te schrijven, gebruiken we nu de volle kracht van deze AI-agents in onze werkwijze.

Hoe we AI concreet toepassenSticker ogen

Hoe we AI concreet toepassen

AI wordt ingezet in elk facet van ons werk: design, development, server monitoring, security, SEO en GEO. Dat zorgt ervoor dat we kunnen focussen op wat echt belangrijk is: het bouwen van kwalitatieve websites en webshops met een hoge klantentevredenheid. AI werkt als een versneller voor het uitvoeren van onze ideeën. Zo zijn we naast het ontwikkelen van nieuwe websites en webshops ook continu bezig met de ontwikkeling van nieuwe modules en verbeteringen voor onze klanten.

Design

Een nieuw logo, een website of een volledige huisstijl, AI maakt ze op enkele minuten. Of je daarmee even ver komt als met een echt ontwerp, is een andere vraag. Daarom zetten we AI-webdesign of maatwerk naast elkaar.

Wij gebruiken AI in ons designproces om bij te sturen, snel enkele richtingen te verkennen of inspiratie op te doen. Zo voorkomen we dat onze designs er allemaal hetzelfde uitzien. Bij een ontwerp op maat blijft de menselijke schakel heel belangrijk, want net die zorgt ervoor dat een website zich onderscheidt.

Development

Voor het ontwikkelen van websites op maat gebruiken we voornamelijk Claude Code. Waar vroeger elke collega aan één website tegelijk werkte, zien we nu dat collega's aan meerdere websites tegelijk werken. Het coderen met AI werkt als een versneller, waar we al onze ideeën voor nieuwe functionaliteiten kunnen uitvoeren in plaats van te moeten kiezen voor één functionaliteit. AI zorgt ook voor bredere testing en betere security.

SEO en GEO

Vroeger werd er voornamelijk gezocht via Google en kregen gebruikers een lijst aan websites voorgeschoteld, hoe hoger je daar stond, hoe beter voor je CTR (click-through rate). Sinds de komst van LLM's werd GEO geïntroduceerd. Dat is quasi hetzelfde als SEO, maar met een grotere focus op structuur, omdat LLM's gestructureerde data makkelijker kunnen doornemen. Waar men vroeger op keywords focuste (zoveel mogelijk hetzelfde woord gebruiken en Google zal ons hoger ranken), is dat nu eerder negatief voor jouw SEO. De crawlers van Google en OpenAI zijn een pak slimmer en herkennen goede content. Wij gebruiken AI voor het schrijven van eerste drafts die we daarna verder optimaliseren. Ook versnelt AI het opstellen van een migratieplan (oude URL's redirecten naar de nieuwe), het analyseren van GA4- en Search Console-data en het geautomatiseerd opstellen van AI-pagina's met onze AI-paginamodule.

Daarbovenop komt een nieuwe vraag die enkele jaren geleden niet bestond: word je ook geciteerd of vernoemd in de antwoorden van ChatGPT en andere AI-assistenten? Daarvoor bouwden we samen met AI ons eigen tool, Sonar, dat die citaties opvolgt en er een rapport van maakt. Met een GEO-scan zie je meteen hoe vaak AI jouw bedrijf vermeldt.

Van tool naar collega: wat er echt verandert

Wie AI alleen als een slimme zoekbalk gebruikt, haalt er weinig uit. De sprong zit in drie verschuivingen.

Prompten is een skill. Context geven is 75% van het werk: wie is de gebruiker, welke techniek staat er al, wat mag absoluut niet, en hoe moet het resultaat eruitzien. Een prompt die al die informatie bevat, levert meteen een bruikbaar resultaat op.

Plan first. Bij grotere aanpassingen stellen we eerst een plan op. We geven AI de volledige context en verfijnen daarna het plan van aanpak, opgedeeld in fases.

Teach an AI to fish. Voortbouwend op het plan willen we zoveel mogelijk automatiseren. Na het uitwerken van een functionaliteit valideren we het werk en laten we AI een herevaluatie doen van het uitgevoerde werk, zo leert hij bij. Wat herbruikbaar is, gieten we in skills om repetitieve processen te verbeteren. Zo moeten we niet dagelijks hetzelfde herhalen.

Claudathon: een AI-hackathon op kantoorSticker ogen

Claudathon: een AI-hackathon op kantoor

Dit voorjaar organiseerde Lieven een Claudathon, een hackathon met als focus Claude. Iedereen werkte een idee uit, volledig losstaand van ons dagelijks werk: een app, een spel of een proof-of-concept. De avond bestond uit een eerste bouwblok, een diner met pizza's en een tweede blok waarin we ons idee verder uitwerkten. We rondden de avond af met een korte voorstelling van ons Claude-project en gaven elkaar punten.

Het doel van de avond was om ervaring op te doen met wat AI-programmeren is en kan, en hoe het in de praktijk kan ingezet worden. Wat we leerden, pasten we toe in ons dagelijks werk.

Enkele voorbeelden van wat we die avond bouwden:

  • Sunly: een creatieve weerapp van Lieven, ontwikkeld als PWA (progressive web app).
  • Stargazer: een app die in één oogopslag toont of je vanavond goed kan sterrenkijken, rekening houdend met het weer, de maanstand en hoe donker het wordt na zonsondergang.
  • CrowdBeat: Welke muziek speel je voor je gasten? Met CrowdBeat maak je een event aan, geef je aan wie erbij is, omschrijf je de sfeer en CrowdBeat maakt er automatisch de ideale Spotify-playlist van. Deel je event met je gasten, en laat ook hen hun favoriete muziek toevoegen.
  • Blitz: een snelle website met alle NFL-scores en het laatste nieuws, gekoppeld aan de ESPN API.

Ook werd een proof-of-concept voor een nieuw CMS gemaakt, een applicatie die herkent welk voorwerp op een foto staat, een tool om webshopbezoekers te analyseren en hun koopgedrag in kaart te brengen en een vervanger van Asana om taken te beheren.

Niet alles was af en dat was ook niet de bedoeling. Het belangrijkste was ervaring opdoen en die kennis delen met het team. Missie geslaagd.

Hoe-wij-ai-inzetten-op-de-werkvloer-1.webpSticker ogen

Valkuilen van AI

Data en privacy. De eerste stap voordat we aan de slag gingen met AI was een volledige analyse van welke data de AI-agent mag zien en welke niet toegelaten is. Zo voorkomen we dat gevoelige data op servers van AI-softwarebedrijven belandt.

Schijnzekerheid. De context die je een AI-agent geeft, is heel belangrijk. Ontbreekt er iets, dan kan AI hallucineren of foute oplossingen voorstellen. Met onze expertise in het bouwen van websites en webshops halen we deze zaken eruit voordat ze de productieomgeving bereiken. Het blijft belangrijk om het werk van AI kritisch te evalueren.

Verwachtingen. AI versnelt ons werk, maar maakt ons allerminst overbodig. Zonder onze know-how krijg je websites die niet goed converteren, minder gebruiksvriendelijk zijn en niet gevonden worden in Google of in AI-antwoorden.

Knowledge cutoff. LLM-modellen worden getraind op gigantische hoeveelheden data. Dit duurt maanden en daardoor moet men een datum kiezen tot waar de AI data mag verwerken. Deze datum heet de knowledge cutoff en tot die datum kent de AI het antwoord op jouw vragen. Vraag je hem “maak mij een nieuwe website”, dan zal hij dit in de nieuwste technologie maken die gekend was op de datum van de knowledge cutoff. LLM-modellen kunnen actuele data ophalen via RAG (retrieval-augmented generation), maar dat doen ze niet standaard. Rekening houden met de knowledge cutoff is belangrijk om een up-to-date eindresultaat te verkrijgen.

Voordelen voor onze klantenSticker ogen

Voordelen voor onze klanten

Het inzetten van AI biedt veel voordelen voor ons, en dus ook voor onze klanten. De expertise die we opbouwen met het gebruik van AI stroomt door naar de kwaliteit die we opleveren. De grootste voordelen opgesomd:

  • Elk idee is uitvoerbaar en vooral betaalbaar. Vroeger hadden we veel ideeën, maar de kost van uitvoering was te hoog. Door AI kunnen we veel sneller ideeën omvormen naar de praktijk. Aan klanten die complexe functionaliteiten vragen waarvoor vroeger een veelvoud aan dagen nodig was, kunnen we nu een betaalbare oplossing aanbieden.
  • De kwaliteit van het eindresultaat is veel hoger. Een AI kan in enkele minuten een volledige codebase testen en feedback geven. Daardoor zitten er veel minder bugs in de websites en webshops die we opleveren.
  • Kortere oplevertermijnen. Door AI te gebruiken kunnen we een eindproduct opleveren op veel kortere termijn. Dit zorgt ervoor dat krappe deadlines makkelijker gehaald kunnen worden.

Klaar om jouw idee te laten bouwen?

Envelope sticker
Simon Vanden Haesevelde
Geschreven door
Simon Vanden Haesevelde
Project Manager / Developer

Nog meer digitale inspiratie

Webatvantage

Een frisse start: we hebben een nieuwe huisstijl en website!

Nieuwe huisstijl, nieuwe website. We laten zien waar we voor staan en wat we voor jou kunnen betekenen.