Webflow, wie?

Ooit gehoord van Webflow? Niet? Tijd om wat nieuwe kennis toe te voegen en deze blog eens even aandachtig te lezen. Deze blog is namelijk een opfrisser én kritische blik naar de tool Webflow.

LinkedIn N&C-Blog-Webflow-Boy@2x

First things first: Webflow, wie? Webflow is een tool om digitale interfaces visueel te bouwen. Hiermee kan je in principe alle elementen van elke willekeurige digitale interface plaatsen en stylen. De belangrijkste toegevoegde waarde van het gebruik van Webflow is dat je de ontworpen interface op elk domein kunt hosten en dat je er heel snel een volledige website mee kunt maken. De customizability bij Webflow is nagenoeg onbeperkt en heeft bijna dezelfde flexibiliteit als iets volledig custom coderen. Het bouwen van de gebruikersinterface (UI) met behulp van Webflow’s drag-and-drop is alleen veel eenvoudiger (al zeg ik het zelf). Met andere woorden: Webflow stelt ontwerpers in staat om professionele, op maat gemaakte websites te bouwen in een volledig visueel canvas zonder zelf code te hoeven schrijven.

Maar wat is dan het verschil met bijvoorbeeld WordPress? WordPress is oorspronkelijk gemaakt voor blogs die je makkelijk aan de hand van templates kan vullen. Gezien het onderhoud dat vereist is voor WordPress, evenals de beveiligings- en snelheidsproblemen is het eigenlijk geen partij voor Webflow. Niemand houdt ervan om op WordPress te bewerken als je ooit een visuele editor hebt ervaren zoals de editor-modus van Webflow. Hierin pas je à la Word gewoon jouw website aan zonder de boel af te breken.

Tijd voor een kort geschiedenislesje. Ik hoor je denken: boring… Vandaar dat ik het kort houd, maar het is wel even nuttig om te weten. Webflow is opgericht in 2013 en is sindsdien enorm gegroeid. Bekende bedrijven zoals Dropbox en Zendesk zijn inmiddels ook gebruikers en de tool wordt ondersteund door Y Combinator, Accel, Silversmith en andere bekende investeerders. Dat betekent dus dat niet alleen wij veel waarde zien in deze tool. Het bedrijf is al jaren winstgevend en dat is op zich best knap in deze branche waar je normaal de eerste paar jaar eerst verlies draait om naamsbekendheid op te bouwen. Daarnaast heeft de tool in januari dit jaar 140 miljoen dollar opgehaald bij investeerders Accel en Silversmith voor nieuwe features, waarmee het waarde van dit bedrijf wordt geschat op $2,1 biljoen, niet gek!

Voordelen van Webflow

  • Het is makkelijk om tekst in afbeeldingen aan te passen wanneer de website ontworpen is en live staat. Je kunt de inhoud direct op de pagina schrijven en bewerken zonder dat elementen kapot kunnen gaan.

  • Met de CSV-import tool kun je makkelijk content vanuit een andere tool of programma naar Webflow importeren. Denk aan een excelsheet met bijvoorbeeld vacatures of werknemers.

  • Met één druk op de knop kun je gelijk jouw aanpassingen live zetten. Je hoeft geen updates uit te voeren en je hebt geen developers nodig die het onderhoud doen.

  • Webflow heeft een snelle en krachtige hosting met minimale downtime (de tijd dat de website niet bereikbaar is voor bezoekers). Ook heeft Webflow een ingebouwde mini ficatie van caching en CDN, wat inhoudt dat de scripts van de website worden geminimaliseerd (door bijvoorbeeld witregels, spaties en notities te verwijderen). Dit zorgt voor hogere laadsnelheden wat positief is voor conversie, gebruikerservaring en vindbaarheid (SEO).

  • Met hun eigen forum en Webflow University werken ze hard aan de weg om voldoende support mogelijkheden aan te bieden voor hun gebruikers.

Nadelen van Webflow

  • Ook al zijn no-code tools zoals Webflow toegankelijker dan ooit en zijn de mogelijkheden van wat je kunt bouwen (bijna) eindeloos: aan het eind van de dag is het nog steeds een tool. Daarom vereist het een combinatie van kennis en ervaring.

  • Er zijn geen live chat mogelijkheden of een telefoonnummer dat je kunt bereiken voor vragen. Wel heeft de tool een forum en Webflow University.

  • De pricing van Webflow is aan de hoge kant. Daarnaast is het ook best verwarrend, aangezien je voor bepaalde features een Pro account nodig hebt (account abonnement) en een hosting abonnement met verschillende opties.

  • Ook zijn er gelimiteerde vertaalmogelijkheden (wel kan je gebruik maken van Weglot) en is e-commerce nog vrij basic (subscriptions en memberships zijn nog geen standaard). Maar niet getreurd! Webflow is bezig met een bèta voor memberships, waarbij je verschillende soorten users aan kunt maken en aan kunt geven welke soort membership toegang heeft tot welke pagina. Een stap in de goede richting dus waar Memberstack (de service die je anders waarschijnlijk zou moeten gaan gebruiken) niet zo blij mee is.

  • Wel kun je de check-out volledig customizen, waar je bijvoorbeeld in Shopify een Shopify Plus abonnement voor nodig hebt.

  • Er is een limiet van 100 static pages (dus dynamische pagina’s zijn uitgezonderd), deze static pages zijn pagina’s die je handmatig aan kunt maken.

Wanneer kan Webflow handig zijn om te gebruiken als tool?

Webflow is zeer bruikbaar wanneer er een landingspage gemaakt moet worden, omdat je deze relatief snel gemaakt hebt. Ook is het erg makkelijk om animaties en interacties toe te voegen. Meestal zijn deze landingspages niet echt ingewikkeld en heb je daarom geen tot weinig third-party integraties nodig. Heb je deze wel nodig (bijvoorbeeld een koppeling met een CRM systeem of Mailchimp) kijk dan vooral even naar de mogelijkheden via Zapier.

Verder is Webflow ook goed bruikbaar voor een microsite of business site. Zoals eerder benoemd zou ik zelf nog niet kiezen voor een grote e-commerce website maar dat heeft zijn redenen (zie hierboven). Een basic e-commerce webshop is zeker te doen (let dan wel even op de pricing en transaction fee). Ten slotte is deze tool voor portfolios één van de beste oplossingen aangezien je heel snel custom websites bouwt met de vetste animaties en interacties. Benieuwd naar voorbeelden? Let us know!

Kritische blik

Laat ik nog even met de deur in huis vallen aan het einde van deze blog: het is geen design tool. Wat ik daarmee bedoel? Zorg eerst dat het design staat en ga dan aan de slag met Webflow, want het is echt een development tool. Wanneer het gaat om het ontwerpen van een website wil je snel kunnen schakelen tussen verschillende ideeën zoals lay-outs, kleuren en lettertypes. In Webflow ben je daar minuten mee bezig terwijl je dit in een paar seconden kunt doen in bijvoorbeeld de tool Figma. Dit komt omdat er logica en een structuur achter schuil gaat in plaats van alleen het visuele aspect.

Toch blijft het in veel gevallen voor ons een goede tool aangezien je custom websites kunt bouwen met de mooiste animaties en interacties. Dit in combinatie met de handige editoropties en het CMS maakt het wat ons betreft een betere tool dan WordPress.

“If you have a bold idea, you need a bold site. One that is cool and easy to edit with Webflow”

Auteur

Boy Kolman

Tags
  • webflow
  • tool
  • design
  • ux
  • ui
  • prototype
  • cms
  • tijdbesparend