Webflow

Wat is Webflow?

Webflow is een platform waarmee je een website visueel opbouwt: je sleept elementen op een canvas en stelt hun eigenschappen in, en het platform genereert daaruit HTML en CSS. Het verschil met eenvoudige websitebouwers is dat je werkt met de werkelijke onderliggende begrippen, zoals opvulling, positionering en flexibele indelingen, in plaats van met versimpelde knoppen. Wie HTML en CSS begrijpt, herkent alles terug.

Bij het platform hoort hosting, een CMS voor gestructureerde inhoud en een omgeving waarin redacteuren kunnen publiceren. Er zijn geen plugins die verouderen, geen kernupdates die moeten worden doorgevoerd en geen server die beheerd moet worden. Dat neemt een categorie zorgen weg die bij zelf gehoste systemen structureel terugkomt.

Daar staat gebondenheid tegenover. Webflow is een commercieel platform, en je site draait daar. Je betaalt maandelijks, de mogelijkheden zijn wat het platform biedt, en overstappen betekent in de praktijk opnieuw bouwen. Dat is geen bezwaar zolang het past bij wat je nodig hebt, maar het is een wezenlijk andere positie dan bij software die je zelf in beheer hebt.

Wat valt er precies onder?

Een Webflow-project bestaat uit het opbouwen van de site en het inrichten van de inhoud en de redactieomgeving.

• Visuele opbouw: het samenstellen van pagina’s met de werkelijke opmaakbegrippen, wat kennis van HTML en CSS vraagt.
• Klassenstructuur: een consistent stelsel van stijlklassen, zonder welke een project snel onbeheersbaar wordt.
• CMS-collecties: gestructureerde inhoudssoorten zoals blogs, cases of vacatures, met eigen velden.
• Dynamische lijsten: overzichten die automatisch worden gevuld vanuit de collecties, met filters en sortering.
• Interacties en animaties: bewegingen die zonder code worden ingesteld, met de gebruikelijke aandachtspunten rond prestaties.
• Formulieren: ingebouwde formulierafhandeling, eventueel doorgestuurd naar een extern systeem.
• Redactieomgeving: de omgeving waarin redacteuren inhoud bewerken zonder aan het ontwerp te kunnen komen.
• Publicatie en domein: het koppelen van het eigen domein en het beheren van publicaties en versies.

Hoe verloopt een Webflow-traject?

De bouw verloopt sneller dan bij een geprogrammeerd platform, maar de voorbereiding is even belangrijk.

1. Beoordelen of het past. Er wordt getoetst of de gewenste functionaliteit binnen de grenzen van het platform valt, want dat is achteraf duur te corrigeren.
2. Inhoudsstructuur bepalen. De CMS-collecties en hun velden worden vastgelegd, wat later beperkt wijzigbaar is.
3. Stijlfundament opzetten. Er wordt een consistente klassenstructuur aangelegd, zonder welke het project bij groei onhandelbaar wordt.
4. Pagina’s opbouwen. Het ontwerp wordt visueel omgezet, met aandacht voor semantiek en voor het gedrag op verschillende schermbreedtes.
5. Inhoud vullen en migreren. Bestaande inhoud wordt overgezet naar de collecties, met doorverwijzingen vanaf oude adressen.
6. Overdracht aan de redactie. Redacteuren krijgen toegang tot de bewerkomgeving en instructie over wat zij wel en niet kunnen aanpassen.

Wanneer heb je dit nodig?

Webflow past goed bij een inhoudsgerichte site waar vormgeving zwaar telt: bedrijfssites, campagnesites en portfolio’s waar het ontwerp precies moet kloppen en de functionaliteit overzichtelijk blijft.

Een tweede aanleiding is de wens om geen technisch beheer te hebben. Organisaties zonder eigen technische mensen die niet elk kwartier aan updates willen denken, kopen met het abonnement een categorie zorgen af.

Ook snelheid van opleveren speelt mee: voor een goed afgebakende site is de doorlooptijd korter dan bij een geprogrammeerd platform. Waar het niet past, is bij maatwerkfunctionaliteit, zware koppelingen, complexe rechten of grote webshops. Dan loop je tegen grenzen aan op een moment dat wisselen kostbaar is.

Wat levert het op?

De opbrengst is een site die snel staat, er precies uitziet zoals ontworpen en die verder weinig technisch onderhoud vraagt. Redacteuren kunnen zelfstandig publiceren zonder een developer nodig te hebben, en de gebruikelijke zorgen over verouderde plugins en achterstallige updates zijn er domweg niet. Voor veel organisaties met een overzichtelijke site is dat een reëel voordeel.

De beperkingen zijn even concreet. Je betaalt structureel per maand, en die kosten lopen op naarmate je meer inhoud of verkeer hebt. Je bent gebonden aan wat het platform biedt: verschijnt er een wens die er niet in past, dan is de uitweg beperkt. En overstappen is geen kwestie van verhuizen maar van opnieuw bouwen, wat je onderhandelingspositie op termijn beperkt. Bureaus die Webflow presenteren als goedkoper zonder de doorlopende abonnementskosten en de gebondenheid te noemen, geven een onvolledig beeld. Het is een verstandige keuze voor het juiste type site, en een lastige voor het verkeerde type.

Waar let je op als je dit uitbesteedt?

Vraag als eerste of alles wat je wilt binnen het platform kan, inclusief wat je over twee jaar denkt nodig te hebben. Een wens die er niet in past, ontdek je bij voorkeur voor de bouw en niet erna. Vraag ook expliciet naar de totale maandelijkse kosten, inclusief de werkplekken en inclusief wat er gebeurt als het verkeer groeit.

Let daarnaast op wie eigenaar is van het account. Het Webflow-account hoort op naam van jouw organisatie te staan, met het bureau als medewerker; anders zit je site bij een derde. Vraag verder hoe toegankelijkheid wordt geborgd, want het platform dwingt niets af en visueel bouwen leidt makkelijk tot betekenisloze structuur. Vraag ten slotte hoe de klassenstructuur wordt opgezet: een rommelig opgebouwd project is voor een volgend bureau vrijwel net zo lastig over te nemen als slechte code.

Veelgemaakte fouten

De fouten ontstaan meestal doordat het gemak van visueel bouwen de onderliggende vakkennis lijkt te vervangen.

• Zonder klassenstructuur bouwen. Losse stijlen per element leveren een project op dat bij elke wijziging omvalt en dat niemand anders kan overnemen.
• Semantiek negeren. Een site opgebouwd uit betekenisloze blokken is slecht toegankelijk en slechter te verwerken door zoekmachines.
• Het platform kiezen voordat de eisen bekend zijn. Maatwerkwensen die later opduiken, passen er vaak niet in en dwingen tot een dure koerswijziging.
• Doorlopende kosten niet meerekenen. Het abonnement per site en per werkplek loopt jarenlang door en verandert de vergelijking met andere platformen.

Wat bepaalt de prijs?

De bouwkosten volgen uit het aantal unieke paginatypes en de complexiteit van de interacties. Daarnaast zijn er de vaste abonnementskosten, die bij dit platform structureel meewegen.

De bouw wordt doorgaans op projectbasis aangeboden en verloopt sneller dan bij geprogrammeerde platformen. Daarnaast betaal je rechtstreeks aan Webflow voor hosting en werkplekken. Sommige bureaus bieden daarbovenop een beperkt onderhoudscontract voor doorontwikkeling, al is technisch onderhoud grotendeels overbodig. Vraag na of het abonnement via het bureau loopt of rechtstreeks, want dat bepaalt of je zelf toegang houdt tot je site.

Webflow en aanverwante diensten

Webflow verschuift het zwaartepunt van het werk naar de ontwerpkant. Webdesign en UI-design wegen zwaarder dan gemiddeld, omdat het platform de bouw versnelt maar het ontwerpwerk onveranderd laat. Frontend-development verandert van karakter: er wordt niet geprogrammeerd, maar kennis van HTML en CSS blijft noodzakelijk om een beheersbare site op te leveren. Digitale toegankelijkheid vraagt extra aandacht, omdat het platform semantiek toelaat maar niet afdwingt. Koppelingen en API’s zijn er beperkt mogelijk en lopen meestal via tussenplatformen. En hosting en onderhoud vervalt grotendeels als aparte post, wat een van de aantrekkelijkste kanten van dit platform is. In Nederland biedt een groeiende groep bureaus Webflow aan, vaak naast WordPress.