5 min lezen

Wat is Webflow?

Webflow blog thumbnail
Hoofdstukken

Heeft u ooit uw eigen website willen bouwen, maar beschikt u niet over de vaardigheden om deze te coderen? Zeg hallo tegen Webflow, de moderne manier om voor het web te bouwen zonder dat er code nodig is. Webflow stelt ontwerpers in staat om op maat gemaakte websites te maken en te bouwen met behulp van hun volledig visuele online canvas.

Sluit u aan bij bedrijven als Zendesk, Rakuten, Dell, Lattice en nog veel meer en zorg voor een revolutie in de online aanwezigheid van uw bedrijf.

Webflow Hero header

Is Webflow makkelijk te gebruiken?

Zoals je zou verwachten, is Webflow geen makkie om zomaar op te pikken, het is eigenlijk een behoorlijk steile hellingscurve. Het duurt enkele uren om de ins en outs volledig te leren kennen. Het is voor beginners veel moeilijker te gebruiken dan vergelijkbare platforms op de markt, zoals Wix en Squarespace, maar de eindresultaten zijn veel bevredigender vanwege de flexibiliteit en het aanpassingsvermogen.

Webflow hoofd componenten

Er zijn drie hoofdcomponenten waaruit Webflow bestaat. De codeloze, visuele webdesign tool, het CMS (Content Management Systeem) en de hosting.

Webflow Site Designer

Laten we beginnen met de Webflow Site Designer. De interface lijkt veel op Adobe Photoshop, waar je vrijwel alles kunt doen wat je wilt. U kunt zoveel of zo weinig elementen toevoegen, positioneren en stylen als u wilt. Dit geeft de vrijheid om een ​​zeer eenvoudige website of een meer complexe website te maken, gevuld met een heleboel stijlelementen, hovers en animaties. Tijdens het hele proces genereert het systeem, terwijl u uw website bouwt, automatisch de code die nodig is om uw website live te laten gaan. De interface is behoorlijk complex en kan beginnende gebruikers overweldigen, maar is toch een van de krachtigste realtime websitebouwers die momenteel op de markt zijn.

⚙️ Bouw met rauwe ingrediënten

Sleep eenvoudigweg ongestylede HTML-elementen naar binnen voor volledige controle, of gebruik kant-en-klare stukken voor complexe elementen zoals schuifregelaars, tabbladen, achtergrondvideo's en meer.

💡 Creëer herbruikbare symbolen

Verander navigatiebalken, voetteksten, aanmeldingsformulieren en meer in symbolen die u met één enkele bewerking op uw hele site kunt wijzigen.

💼 Behoud je elementen georganiseerd

Bekijk en reorganiseer de elementstructuur van uw pagina's in de Navigator en zorg ervoor dat uw pagina's voor iedereen toegankelijk blijven

Webflow Designer

Webflow CMS

Content management, gecombineerd met visueel ontwerp. Met het Webflow CMS kunt u een grote verscheidenheid aan structuren creëren die u nodig hebt door inhoud toe te voegen (handmatig, vanuit een CSV of via onze API) en deze vervolgens visueel te ontwerpen aan de voorkant. Het is een contentmanagementsysteem dat ideaal is voor een breed scala aan gebruikers, zoals redacteurs, ontwerpers en ontwikkelaars.

👨‍💻 Designers

Ontwerp uw pagina's visueel, met echte inhoud. Maak collecties en voeg er elementen aan toe en ontwerp ze, en werk vervolgens met die inhoud rechtstreeks op de pagina. Geen rommelig codewerk of databasebeheer nodig.

🗒 Editors

Creëer en bewerk uw inhoud, rechtstreeks op de pagina. Zonder de noodzaak van losgekoppelde, soms onhandige dashboards van andere CMS'en. Met Webflow CMS kunt u rechtstreeks op uw live website toevoegen en bewerken, en met één klik publiceren.

💻 Content strategie

Creëer eenvoudig en probleemloos goed gestructureerde content met aangepaste velden. Met Webflow hoeft u zich niet op te sluiten in een inflexibele sjabloon, op blogs gerichte contentstructuren of complexe codetalen. Bouw gewoon het schema dat u nodig hebt en verbind het met elk gewenst ontwerp.

👨‍💻 Developers

Werk rechtstreeks met de JSON die ten grondslag ligt aan uw CMS. Werk met de CMS API van Webflow om inhoud uit externe gegevensbronnen binnen te halen, verbinding te maken met een bestaand CMS of te publiceren naar een mobiele appLees de documentatie

Webflow CMS

Webflow Hosting

Razendsnelle, uiterst betrouwbare hosting. Zonder de stress en het gedoe die andere hostingproviders met zich meebrengen. Met Webflows-hosting kunt u genieten van de snelste hostingtechnologie voor uw bedrijf. En dat allemaal zonder dat u uw domein, FTP, cPanel en andere vervelende acroniemen hoeft in te stellen.

🏠 Host

Geniet van snelheid & betrouwbaarheid mogelijk gemaakt door Amazon Web Services & Fastly. AWS biedt een wereldwijde infrastructuur die miljoenen sites ondersteunt. Terwijl Fastly uw inhoud in milliseconden levert.

📐 Schalen

Schaalbaarheid op ondernemingsniveau en beveiliging. Opstartvriendelijke prijzen. Webflow-hosting verwerkt meer dan 4,1 miljard pageviews per maand. Dat is drie keer meer dan CNN.com en BBC.com samen.

👨‍💼 Beheer

Updatet uw site binnen enkele seconden, niet binnen enkele uren. Wanneer u host met Webflow, zijn wijzigingen in het ontwerp en de inhoud slechts één klik verwijderd. Omdat Webflow geen code bevat, is het niet nodig om engineers lastig te vallen, te wachten tot een codebase is geïmplementeerd of met code te knoeien.

Webflow Hosting

Voor- en nadelen van Webflow

Zoals bij elk creatief platform zijn er goede en slechte functies. Hieronder vindt u een lijst waarmee u ze snel kunt verteren.

  • Realtime webontwerptool met build-it-responsieve mogelijkheden die gemakkelijk snelle, schone, exporteerbare code genereert terwijl u aan het creëren bent.
  • Er zijn honderden gratis en premium sjablonen die u kunt bewerken om aan uw behoeften te voldoen. Deze kunnen worden bewerkt met behulp van wireframes of vanaf een leeg canvas.
  • Bouw geavanceerde CSS- en JS-managers in, zodat u uw stijlen en micro-interacties kunt creëren, bewerken en volledige controle kunt krijgen.
  • Een geïntegreerd CMS met een ingebouwde maker van aangepaste inhoudstypen, die kan worden gebruikt om een ​​grote verscheidenheid aan dynamische inhoud te creëren, zoals blogposts, projecten en vele andere soorten pagina's.
  • Geavanceerde hosting zorgt voor de maximale laadsnelheid van de pagina, wat een minimale downtime betekent voor iedereen die uw website bezoekt
  • Bouw een SSL-certificaat in zonder extra kosten, waardoor naleving van alle huidige webveiligheidsnormen wordt gegarandeerd.
  • Het is een moeilijk hulpmiddel om te leren, het heeft een nogal steile leercurve voor iedereen die nog geen eerdere codeerervaring heeft gehad.
  • De prijsstructuur kan moeilijk te verteren zijn en de juiste kiezen.
  • De websitebouwer kan lastig te gebruiken zijn in Firefox en Edge.
  • De e-commercekit van Webflow is nog steeds in actieve ontwikkeling. Daarom hebben e-commercesites die met Webflow zijn gebouwd soms aanvullende verbeteringen nodig voordat het een gekke functie wordt.

Hoeveel kost Webflow?

Er zijn twee prijslagen in Webflow: accountabonnementen en siteabonnementen. Het belangrijkste verschil tussen de twee abonnementen is hoeveel mensen uit uw team toegang krijgen tot Webflow en hoeveel projecten u kunt maken.

Webflow pricing structure

(De tarieven kunnen naarmate de tijd afwijken)

De uitslag

Webflow is een briljant hulpmiddel voor het ontwerpen en bouwen van hifi-prototypes. Het is een geweldige manier om uw klanten en teamleden te laten zien hoe het eindproduct eruit zal zien, in plaats van dat ze zich moeten voorstellen hoe het eindproduct zich zal gedragen en eruit zal zien.

De tool overbrugt de kloof tussen een prototype en een volledig functionerende website, omdat je prototypes ontwerpt die zich vertalen in echte code, in tegenstelling tot het maken van platte mocks in Sketch, Invision, Figma en andere prototypingtools. Het bespaart u tijd door één stukje software te gebruiken voor het ontwerpen en bouwen van prototypes.

Het beste is dat Webflow volledig gratis te gebruiken is, totdat je het start. Dit betekent dat u alle tijd van de wereld heeft om de vaardigheden op te doen die nodig zijn om uw website te maken, te bewerken en eraan te sleutelen voordat deze wordt gelanceerd, zonder dat u zich zorgen hoeft te maken over maandelijkse kosten.

Webflow heeft de kloof tussen ontwerp en code overbrugd, en als je eenmaal alle ins en outs ervan kent, is het een fantastisch hulpmiddel! Ga aan de slag, het is gratis