Akveo.com: van Webflow naar een AI-gestuurde website

Onze eigen site, akveo.com, was Webflow ontgroeid. We hebben alle 460+ pagina's verhuisd naar een AI-gestuurde website op Astro. Nu voert marketing wijzigingen door met een AI-agent in plaats van te wachten op een developer, en publiceert een nieuwe pagina in 15 minuten in plaats van 3 uur.

[ Klant ]

Over de klant

De klant zijn wijzelf: akveo.com, een marketingsite van 460+ pagina's met een blog, cases en dienstpagina's. We wilden dat marketing de site zelf kon aanpassen met een AI-agent, zonder Webflow-designer of developer.

15 min
om een nieuwe pagina te publiceren, in plaats van 3 uur: 97%
minder JavaScript op de homepage (340 KB → 9 KB): 5
talen vanuit één contentbron

[ Uitdaging ]

Met Webflow bleef de developer nodig

We stapten over op Webflow om de developer uit de keten te halen: marketing → design → developer → website. Dat werkte een tijd, tot de site eroverheen groeide.

Elke wijziging had nog steeds een designer nodig die Webflow kent.
Het platform liep tegen zijn grenzen aan en de site raakte vol met workarounds.
Elke wijziging kostte veel tijd.
Pagina's werden zwaar: de homepage laadde 30 JavaScript-bestanden, 340 KB, waaronder twee verschillende versies van jQuery.
Dezelfde content was vele keren opgeslagen: één klantreview stond in 99 bestanden, het contactformulier in 258.
Dubbele bestanden namen ruimte in en vertraagden elke wijziging.
Content zat vermengd met code, dus een nieuwe taal betekende de hele site kopiëren.

[ Oplossing ]

Hoe we de site hebben verhuisd

1. De live site vastleggen

We hebben alles geëxporteerd: de HTML van alle 460+ pagina's, alle CMS-collecties met elk veld, custom scripts, styles, lettertypen en afbeeldingen. Het ontwerp van onze Webflow-designer bleef precies zoals het was: geen redesign met een template.

2. Content en templates in kaart brengen

We hebben elke collectie en pagina gekoppeld aan een contenttype en een paginatemplate, met strikte regels voor elk veld. De URL's bleven hetzelfde.

3. Content scheiden van design

Alle tekst staat in Markdown- en YAML-bestanden, los van het design. Elk stuk content wordt één keer opgeslagen en overal hergebruikt. Een nieuwe taal is gewoon vertaalde tekst naast het origineel: de site draait nu in het Engels, Duits, Frans, Spaans en Nederlands.

4. Opnieuw bouwen op Astro

Astro bouwt elke pagina vooraf en stuurt bezoekers alleen de code die die pagina nodig heeft. Geen React en geen framework in de browser. De Google PageSpeed-scores gingen in elke categorie omhoog.

5. Automatische controles bij elke wijziging

Voor de lancering hebben we elke pagina vergeleken met de live site: tekst, links, afbeeldingen, SEO-tags en screenshots kwamen overeen. Sindsdien gaat elke wijziging via een pull request. GitHub Actions controleert opmaak, code, contentregels, links en afbeeldingen, bouwt elke pagina en opent de site daarna in een echte browser om pagina's, formulieren, toegankelijkheid en het performancebudget te testen. Faalt een controle, dan kan de wijziging niet live. Railway zet de site live zodra alle controles slagen, en een wekelijkse audit vindt kapotte externe links.

[ Resultaten ]

Impact die ertoe doet

De site draait nu op onze eigen code, en marketing past hem samen met een AI-agent aan via gewone pull requests.

Een nieuwe pagina in 15 minuten

Marketing publiceert een nieuwe pagina in 15 minuten in plaats van 3 uur.

Snellere marketingtests

Marketing test een hypothese dezelfde dag, zonder developer of CMS.

Geen CMS, maar een AI-agent

Er is geen CMS om te bouwen, te betalen of te leren. Eén verzoek aan de AI-agent werkt elke pagina bij, inclusief maatwerk-SEO-wijzigingen op de hele site.

[ Techstack ]