Beste Webflow Sjablonen Gids

Geen reacties

Foto van auteur

Door Lindsay Pietroluongo

Laatst bijgewerkt op 22 april 2023 door Ewen Finser

Het maken van een website is een hele klus, zelfs voor de slimste ontwerpers en ontwikkelaars die er zijn. En als je geen ervaren websitebouwer bent - of als je in korte tijd meerdere sites moet bouwen - is het nog belangrijker om de klus efficiënt te klaren.

Als ik websites moet maken, zelfs als ik in wezen hetzelfde ontwerp kopieer van een van mijn andere sites, kan het buitensporig veel tijd kosten om het goed te krijgen, vooral als je vanaf nul ontwerpt.

Dit is waar een hulpmiddel als Webflow komt hier om de hoek kijken: hiermee kun je je website opstarten zonder te hoeven knoeien met codering. Zelfs als iemand die enigszins bedreven is in bepaalde CSS-coderingen, is het altijd fijn als ik het kan doen zonder het te hoeven gebruiken, tenzij ik op zoek ben naar een soort superspecifieke aanpassing. Plus, met eenvoudig te installeren, volledig aanpasbare sjablonen voor Webflow, De helft van het ontwerpwerk wordt voor je gedaan.

Vandaag de dag, met zoveel mensen die freelancen of op afstand vanuit huis werken, is een sterke aanwezigheid online belangrijker dan ooit. Ik weet dat als mensen geen plek hadden om meer over mij te weten te komen en contact met mij op te nemen, ik lang niet zoveel kansen had gehad als nu.

Het gebruik van een sjabloon kan je veel tijd besparen - en mogelijk ook veel geld. U kunt de website aanpassen aan uw merk en tegelijkertijd de tijd beperken die nodig is om uw website live te krijgen en klaar te maken voor bezoekers.

In dit artikel begin ik met het delen van mijn favoriete Webflow sjablonen - als dat het enige is waarin je geïnteresseerd bent, krijg je die informatie meteen. Vervolgens ga ik kort in op wat Webflow is en wat de unieke voordelen ervan zijn.

Daarna zal ik iets uitleggen over het kiezen van de juiste sjabloon voor jouw Webflow site en dan geef ik je een lijst met mijn topkeuzes voor Webflow sjablonen. Tot slot beantwoord ik een paar van je meest prangende vragen. Laten we beginnen!

Bottom Line Up Front

Er zijn veel sjablonen die gericht zijn op bureaus of mensen die een portfolio moeten maken. Ik hou van Analoog vanwege de unieke pagina-opties en Aurora voor zijn trendy kleur.

Voor andere niches geef ik altijd de voorkeur aan sjablonen die speciaal voor hen zijn gemaakt, zoals Gekaard voor financiële bedrijven, Dimora voor onroerend goed, en Fitnesso voor personal trainers en coaches. Een top e-commerce sjabloon is Lumaen voor contentmakers waardeer ik het text-first ontwerp van Typefolio - Misschien gebruik ik hem wel voor mezelf!

Hier zijn de andere Webflow-sjablonen op deze lijst:

  • Baken: Elegante, moderne sjabloon voor bureaus en kleine bedrijven.
  • Schepper: Slanke, persoonlijke website voor online makers.
  • Trouw: Het beste voor makers van mobiele apps.
  • Kurt: Bedrijfsgerichte sjabloon voor bureaus.
  • Materie: Sjabloon in tijdschriftstijl voor uitgevers.
  • Otis: Bureau-sjabloon met auteursrechtvrije afbeeldingen.
  • Portfolio's: Sjabloon voor een portfoliowebsite met meerdere pagina's.
  • Reflex: Portfolio-sjabloon voor één pagina.
  • Speelgoedwinkel: Helder en kleurrijk sjabloon voor websites met kinderspeelgoed.

Wat is Webflow?

Wat is Webflow

Voordat je kunt begrijpen waarom Webflow sjablonen nuttig zijn, moet je een goed idee hebben van wat Webflow zelf is. (Bekijk deze Webflow beoordelingook). Webflow is een websiteontwikkelaar die zich richt op niet-ontwikkelaars (zoals ik en mogelijk jij!) - hoewel professionals het ook kunnen en zullen gebruiken.

Met Webflowkun je een website bouwen zonder iets van codering af te weten - en als je doen Met code kunt u de website bijna eindeloos aanpassen. Toch zijn er, zonder kennis van codering, veel manieren om je site te personaliseren zodat hij jou of je merk weerspiegelt.

Voordelen van Webflow

Webflow heeft veel voordelen voor het bouwen van een website. De drie belangrijkste functies zijn:

Ontwerp Functionaliteit

Je hebt geen coderingskennis nodig om Webflow te gebruiken - wat misschien wel het grootste voordeel is - maar er is wel zijn geavanceerde opties als je kennis hebt van ontwikkelaars. Je kunt je website onbeperkt aanpassen als je weet hoe je moet coderen (maar zelfs zonder die achtergrond kun je nog veel ontwerpcontrole uitoefenen).

Gebruiksvriendelijk CMS

Stel dat je een website opzet voor iemand anders of voor een heel team. Als ze geen kennis op ontwikkelaarsniveau hebben, kunnen ze de site toch bijwerken als dat nodig is. Als ze het ontwerp willen aanpassen, een pagina willen toevoegen, afbeeldingen willen vervangen, enzovoort, kunnen ze gemakkelijk de nodige wijzigingen aanbrengen.

FTR, dit is enorm. Toen ik nog regelmatig websites ontwierp voor klanten, waren ze altijd blij met het eindresultaat - en totaal onwetend over hoe ze afbeeldingen moesten toevoegen, een blogpost konden schrijven of vrijwel alles zonder mij konden doen. Tenzij je altijd oproepbaar wilt zijn, is het essentieel om een site te maken waar de eigenaar mee kan werken.

Plugin-vrij

Webflow wordt geleverd met de kracht die je direct uit de doos nodig hebt, geen plugins nodig. Omdat je een website kunt ontwerpen zonder het gedoe van het instellen van plugins, bespaar je tijd terwijl je een lichtgewicht site maakt.

Als iemand die eindeloze problemen heeft gehad met plugin-gerelateerde problemen op verschillende sites, is het een verademing om te weten dat ik een site kan hebben die plugin-vrij is. Merk wel op dat er genoeg Webflow-integraties kunt u gebruiken als u een andere tool aan Webflow wilt koppelen om het beheer van uw website te vereenvoudigen.

Plus, als het gaat om Webflow-sjablonenZe zijn volledig aanpasbaar, dus je kunt elementen mixen en matchen en ze naar hartenlust personaliseren.

Kenmerken die u moet zoeken in een Webflow-sjabloon

De beste website-sjablonen bieden zowel esthetiek als functionaliteit - uw site moet er goed uitzien en tegelijkertijd goed presteren. Hier lees je waar je op moet letten bij het kiezen van de juiste sjabloon voor jou:

Basiselementen en hulppagina's: Doordat je knoppen, 404-pagina's en soortgelijke gebieden kunt bewerken, heb je totale controle over je hele website en kun je deze aanpassen aan je merk en stem.

Algemene pagina's: Tenzij je een slanke website van één pagina wilt, is het handig om een sjabloon te kiezen met een aantal standaardpagina's die je naar wens kunt aanpassen. Dit zijn onder andere de startpagina (natuurlijk), Over ons en Contact pagina's, een blog, en - afhankelijk van het type website - misschien een Prijzen pagina, een e-commerce winkel, een pagina voor het plannen van afspraken, etc.

Contactformulieren: Als je een contact- of inschrijfformulier kunt maken zonder te moeten knoeien met code van een derde partij, zal het betrouwbaarder werken zodat je je geen zorgen hoeft te maken dat je belangrijke berichten mist.

Reactievermogen: Je wilt een volledig responsieve sjabloon die werkt op alle schermen en mobiele apparaten. Van de inhoud tot de navigatiemenu's, alles moet bruikbaar en zichtbaar zijn, ongeacht het apparaat waarop de bezoeker zich bevindt.

Universele stijlveranderingen: Een stijlgids waarmee je veranderingen voor de hele site vanaf één plek kunt toepassen, bespaart je een hoop tijd en frustratie. Je kunt je hele website bijwerken als er iets aan je huisstijl verandert, zoals een lettertypestijl of kleurenschema.

Top 16 Webflow sjablonen

Het kan overweldigend zijn om een sjabloon voor je Webflow website te kiezen. Daarom heb ik het internet afgestruind om de beste voor je op een rijtje te zetten. Of je ze nu gebruikt zoals ze zijn of ze gebruikt als inspiratie voor je eigen ontwerp, ik denk dat ze het waard zijn om te bekijken.

Analoog

Analoog

Deze moderne Webflow-sjabloon is ideaal voor bureaus, studio's en marketingwebsites - eigenlijk voor elk bedrijf dat designwerk wil laten zien. Dat geldt onder andere voor bedrijven die diensten aanbieden op het gebied van merkstrategie, grafisch ontwerp, illustratie, productverpakkingen en webdesign.

Analogue bevat een paar kant-en-klare pagina's die je niet bij veel andere sjablonen krijgt, zoals aparte pagina's over Ons werk en Wat we doen, een pagina met teamleden en een pagina met privacybeleid. Je krijgt ook de standaardpagina's die de meeste websites nodig hebben, zoals Over ons, Contact, Nieuws, enz.

Voors

  • Zet creatief en designwerk op de voorgrond
  • Pagina-opties buiten de norm

Nadelen

  • Het ontwerp van de startpagina is mogelijk niet visueel genoeg
  • Zoveel pagina-opties maken het verleidelijk om een rommelige website te maken

Vind het hier.

Aurora

Aurora

De Aurora sjabloon is het beste voor mobiele app bedrijven, SaaS en startups. U kunt uw bedrijf, projecten en diensten op de best mogelijke manier presenteren, en het is ook een leuke sjabloon, die de trendy ontwerpaspecten volgt - Aurora gebruikt een donker thema met oplichtende en verloopkleuren.

Je kunt kiezen uit verschillende startpagina's voor desktop en mobiel, en er zijn ook pagina's voor prijzen, vragen en antwoorden, getuigenissen en meer.

Voors

  • Trendy kleuren en ontwerp
  • Verschillende startpagina-opties om uit te kiezen, inclusief mobiel
  • Unieke paginasjablonen, zoals FAQ en testimonials

Nadelen

  • Thema kan te donker zijn voor sommigen
  • Een trendy ontwerp kan er in de nabije toekomst gedateerd uitzien

Vind het hier.

Baken

Baken

Deze elegante en moderne sjabloon is geweldig voor bureaus, creatieve studio's, kleine bedrijven en startups, waarmee je een gepolijste website voor je merk kunt maken die je professionele diensten promoot.

Kant-en-klare pagina's, zoals Prijzen en Bedrijfsdiensten, begeleiden u bij het maken van een volwaardige bedrijfswebsite. En in tegenstelling tot de andere sjablonen op deze lijst heeft Beacon een speciaal gedeelte voor casestudy's, waar u klantverhalen kunt laten zien om uw sociale bewijsvoering te verbeteren.

Daarnaast kun je Google Maps toevoegen aan contactpagina's, formulieren instellen om contactgegevens te verzamelen of gebruikers zich te laten inschrijven voor je nieuwsbrief en zoekfunctionaliteit toevoegen aan de navigatiebalken.

Voors

  • Speciale ruimte voor casestudies
  • Google Maps kan worden toegevoegd aan contactpagina's
  • Zoeken in de navigatiebalk

Nadelen

  • Meerdere lay-outs voor de startpagina maken het moeilijk om te kiezen
  • Door de vele pagina-opties duurt het opzetten van je site langer

Vind het hier.

Gekaard

Gekaard

Deze sjabloon is speciaal ontworpen voor financiële bedrijven, waaronder banken, creditcardbedrijven en fintech-starters. Het is minimalistisch en geeft je de ruimte om te laten zien wat je promoot, of dat nu een digitaal product of een nieuwe creditcard is.

Er zijn meer dan 20 financiële pagina's opgenomen waaruit je kunt kiezen en die je kunt aanpassen aan je merk, zoals Nu solliciteren, Carrières, Functies en Oplossingen.

Voors

  • Geweldig voor financiële bedrijven
  • Specifieke paginasjablonen voor financiën

Nadelen

  • Werkt mogelijk niet goed voor niet-financiële merken
  • Zeer professionele merken vinden het ontwerp misschien te elementair

Vind het hier.

Schepper

Schepper

Voor online ontwerpers die een slanke en strak ogende persoonlijke website nodig hebben, is Creator een fantastische keuze. Je kunt je werk laten zien, connecties maken en informatie over jezelf delen die bezoekers zal intrigeren, en dat alles in een afgeslankte online ruimte.

Er is een startpagina, portfolio en cv-pagina, plus project- en contactpagina's. Er is ook een optie voor de donkere modus, voor het geval de witte kleur te helder is voor je persoonlijke merk.

Voors

  • Slanke website voor makers die iets basics willen
  • Portfolio-, project- en cv-pagina's tonen ervaring
  • Optie donkere modus

Nadelen

  • Misschien niet rijk genoeg voor sommige website-eigenaren
  • Je zult niet genoeg indruk maken als je nog geen sterk arbeidsverleden hebt

Vind het hier.

Dimora

Dimora

Met de Dimora-sjabloon, die is gemaakt voor vastgoedbedrijven en -professionals, kun je pronken met het onroerend goed dat je te koop hebt en klanten verleiden ernaar te informeren. Er zijn speciale ruimtes om aanbiedingen en gedetailleerde informatie toe te voegen, uw agenten te presenteren en exclusieve aanbiedingen te promoten.

Voors

  • Ideaal voor particulieren en bedrijven in onroerend goed
  • Prachtige displays voor vastgoedfoto's

Nadelen

  • Werkt niet goed voor niet-vastgoedmerken
  • Tekstvakken spreken sommige mensen misschien niet aan

Vind het hier.

Trouw

Trouw

Hoewel Fidelity het beste is voor makers van mobiele apps, kan het ook effectief worden gebruikt door consultants, ontwerpbureaus en freelancers. Het is volledig responsief, wat vooral belangrijk is als je een mobiele app promoot. De elementen van de sjabloon omvatten contact- en nieuwsbriefformulieren, een FAQ-sectie, een blog en knoppen - alles wat je nodig hebt om je app onder de aandacht te brengen en mensen te helpen beslissen of de app iets voor hen is.

Voors

  • Het beste voor makers van mobiele apps
  • Veel knoppen om op te roepen tot actie

Nadelen

  • Startpagina kan er een beetje druk uitzien
  • Het kant-en-klare ontwerp is niet erg aantrekkelijk

Vind het hier.

Fitnesso

Fitnesso

Fitnesscoaches die klanten willen bereiken om hulpmiddelen te bieden en diensten aan te bieden, zullen de Fitnesso-sjabloon geweldig vinden. In plaats van een e-commercesjabloon dat gericht is op het verkopen van producten, is het doel van deze sjabloon om je diensten, aangepaste workouts en maaltijdplannen te verkopen. Bovendien kun je een sectie maken waar bezoekers gesprekken en consulten met je kunnen plannen.

Voors

  • Geweldig voor fitnessprofessionals
  • Mogelijkheid om diensten te verkopen via de website

Nadelen

  • Je hebt veel foto's nodig om de website impactvol te maken
  • Bezoekers via de website laten bellen kan onpersoonlijk aanvoelen

Vind het hier.

Kurt

Kurt

Deze sjabloon voor bureaus, met een zakelijk ontwerp dat zowel geschikt is voor bedrijfssites als voor afzonderlijke projecten, heeft een stijlvol zwart-wit kleurenpalet. Er is veel aandacht voor lettertypen en typografie in deze Webflow-sjabloon, en kant-en-klare blokken en pagina's maken het bouwen van uw site een makkie. Er zijn met name drie stijlen voor de startpagina om uit te kiezen, plus pagina's voor een Over-sectie, contactgegevens, blogberichten en meer.

Voors

  • Meerdere startpaginastijlen om uit te kiezen
  • Modern en strak zwart-wit kleurenschema

Nadelen

  • Thema kan te minimalistisch en grimmig zijn voor sommige merken
  • Beperkte ruimte voor tekst in sommige gebieden

Vind het hier.

Luma

Luma

Luma is een solide, e-commercesjabloon voor websites met winkels. Hij is modern en minimaal, zodat je de nadruk kunt leggen op je producten.

Kant-en-klare pagina's helpen je om je site snel op te starten zodat je kunt beginnen met verkopen, en de site is responsief op alle apparaten, wat vooral belangrijk is voor een winkelsite omdat bezoekers vaak mobiel willen navigeren. Er zijn twee ontwerpopties voor de startpagina, plus opties voor de over- en contactpagina, evenals een blog, productfeed, afrekenpagina en orderbevestigingspagina.

Voors

  • Klaar voor e-commerce Webflow-sites
  • Twee startpagina-ontwerpen om uit te kiezen

Nadelen

  • Te belastend voor niet-commerciele websites
  • Extra tijd nodig om afreken-, bestel- en andere commerciële pagina's op te zetten

Vind het hier.

Materie

materie

Deze sjabloon in tijdschriftstijl is een topoptie voor tijdschriften en uitgevers. Je kunt een opvallende masthead maken, merchandise en producten onder de aandacht brengen en je prijzen bepalen. Er zijn 15 kant-en-klare paginalay-outs en de hele sjabloon legt de nadruk op de inhoud en de verhalen die je vertelt.

Het is een uitstekende keuze als je op zoek bent naar een lezerspubliek en een klantenbestand - Je kunt exemplaren van je publicatie verkopen of een ander type inkomstenstroom creëren, zoals samengestelde producten of je eigen merchandise. Bezoekers kunnen zich eenvoudig aanmelden voor je nieuwsbrief of vragen stellen via formulieren.

Voors

  • Gedurfd ontwerp voor publicaties
  • Meerdere kant-en-klare paginalay-outs
  • Vermogen om koopwaar te verkopen

Nadelen

  • Design is te in-your-face voor dichtgeknoopte merken
  • Kan overweldigend en druk zijn

Vind het hier.

Otis

Otis

Als je de trendy stijl van Aurora wilt combineren met de rechtlijnigheid van Beacon, dan is Otis een uitstekend compromis. Deze sjabloon is vooral bedoeld voor bureaus en heeft verschillende headeropties, waaronder sticky, standaard of verbergen/tonen bij scrollen. Er zijn ook contactformulieren, speciale projectpagina's en - als bonus - rechtenvrije afbeeldingen die je kunt gebruiken.

Voors

  • Meerdere kop- en scrolopties
  • Pagina's specifiek voor projecten
  • Copyright-vrije afbeeldingen om te gebruiken

Nadelen

  • Donker kleurenschema is niet geschikt voor alle merken
  • Andere sites kunnen dezelfde auteursrechtvrije afbeeldingen gebruiken

Vind het hier.

Portfolio's

Portfolio's

Zoals de naam al doet vermoeden, is dit een portfoliosjabloon. Maar in tegenstelling tot andere gestroomlijnde online portfolio's die slechts een of twee pagina's gebruiken, is deze sjabloon het meest geschikt voor wanneer je een grootschaligere site nodig hebt om je werk te presenteren.

Je kunt kiezen uit zes lay-outs voor de startpagina, en er zijn ook meerdere lay-outopties voor pagina's met werkvoorbeelden, over secties, pagina's met diensten, je blog en contactpagina's - plus er is een e-commercegedeelte. Bovendien kun je kiezen voor een vaste of e-commerce navigatie, afhankelijk van wat je het beste vindt voor je bezoekers.

Voors

  • Een grootschalige portfoliosite maken
  • Zes indelingen voor de startpagina
  • E-commerce mogelijkheden

Nadelen

  • Niet ideaal voor niet-visuele portfolio's
  • Ontwerp kan onsamenhangend aanvoelen

Vind het hier.

Reflex

Reflex

Deze portfoliosjabloon voor één pagina is ideaal voor bureaus en freelancers die op een eenvoudige manier hun creatieve werk willen laten zien. Het hamburgermenu maakt de verschillende gebieden van uw site gemakkelijk toegankelijk zonder dat de bovenkant van de landingspagina vol staat met een horizontaal navigatiemenu. Sliders en een galerij plaatsen je visuele werk in het middelpunt en het heeft ook de basis die elke website nodig heeft, zoals een contactformulier en een Over sectie.

Voors

  • Extra eenvoudige portfoliosite met één pagina
  • Hamburger menu vermindert rommel

Nadelen

  • Niet genoeg ruimte hebben om grotere portefeuilles te spreiden
  • Sommige bezoekers weten misschien niet waar de navigatie is

Vind het hier.

Speelgoedwinkel

Deze e-commercesjabloon is bijzonder geschikt voor kinderspeelgoedwinkels, omdat hij helder, kleurrijk en opvallend is. Opzetten e-mail abonnementen (zodat shoppers op de hoogte blijven van je nieuwste toevoegingen), samen met landingspagina's en productpagina's.

Voors

  • Schattig voor een kinderspeelgoedwinkel
  • Strakke lay-out, zelfs als je bedenkt dat het om kinderproducten gaat

Nadelen

  • Te kinderachtig voor niet-kindgerichte bedrijven
  • Out-of-the-box groen kleurenschema is niet erg aantrekkelijk

Vind het hier.

Typefolio

Typefolio

Soms wil je indruk maken met tekst in plaats van afbeeldingen. Met Typefolio kun je je woorden op de voorgrond plaatsen om bezoekers te verleiden je portfolio te bekijken of contact met je op te nemen. Dit is een supersimpel portfoliosjabloon dat je net genoeg ruimte geeft om uit te leggen wie je bent (en waarom iemand met jou zou moeten werken), je beste voorbeelden te laten zien en contactinformatie te geven.

Voors

  • Aantrekkelijke lettertypes
  • Laat een portfolio zien waarin kopiëren centraal staat

Nadelen

  • Niet ideaal voor merken met veel visuals
  • Zoveel tekst kan sommige mensen afschrikken

Vind het hier.

FAQ's

Vraag: Is Webflow een goed CMS?

Antwoord: Webflow is een uitstekend CMS, zelfs in vergelijking met andere top CMS platforms. Webflow staat bekend om zijn bijzonder schone code, waardoor sites sneller laden. Ook kun je SEO verbeteren met metadata zonder een plugin te installeren die de site kan vertragen.

Vraag: Zijn er sjablonen voor Webflow?

Antwoord: Ja! Alleen al op Webflow zijn er meer dan 1000 sjablonen om uit te kiezen, sommige betaald en andere gratis. U kunt de sjablonenbibliotheek van Webflow hier bezoeken.

Vraag: Zijn Webflow-sjablonen de moeite waard?

Antwoord: Ja! Webflow staat bekend als een designgerichte websitebouwer, en de sjablonen zijn al net zo bekend omdat ze mooi en aanpasbaar zijn. Ze omvatten een breed scala aan branches, niches en gebruikssituaties, en ze zijn allemaal mobiel geoptimaliseerd, dus ze zijn responsive op elk scherm.

Plaats een reactie

Nederlands