Creëer een website zonder te programmeren met Webflow
A course by Jan LosertVisueel ontwerper
A course by Jan Losert, Visueel ontwerper
Ontdek de basisbeginselen voor het ontwerpen van een website zonder te programmeren en maak een volledig functionele website met Webflow
Met Webflow kunt u volledig functionele, professioneel ogende websites maken zonder dat u code nodig heeft. Visueel ontwerper en Webflow-expert Jan Losert gebruikt de software om individuen en bedrijven, zoals Petal en Tiny Capital, te helpen hun online aanwezigheid te verbeteren. Hij creëert ook online bronnen voor ontwerpers en deelt zijn werk met meer dan 18K volgers op Instagram.
In deze cursus leert Jan je hoe je eenvoudig je eigen websites maakt met Webflow. Ontwerp vanaf het begin een marketingsite voor elk soort bedrijf en help een merk om zich online te onderscheiden van de concurrentie. Ben je klaar om een indrukwekkende website te bouwen zonder enige codeerervaring?
Wat leer je tijdens deze online cursus?
23 lessen & 14 aanvullende bronnen
Inleiding tot No-Code
10 minuten, 9 seconden
Kernfuncties van Webflow
17 minuten, 33 seconden
Ontwerp
7 minuten, 0 seconden
Stijlgids
11 minuten, 18 seconden
Heldensectie
18 minuten, 53 seconden
Navigatie
20 minuten, 41 seconden
Wat is inbegrepen in deze cursus?
Begin met het leren kennen van Jan, jouw docent voor deze cursus. Ontdek hoe hij ging van het bouwen van forums tot het ontwerpen van websites voor zowel startups als grote bedrijven, samen met de invloeden die het werk dat hij maakt inspireren. Luister dan naar zijn advies om te slagen in de webdesign-industrie.
Krijg een inleiding tot ontwikkeling zonder code voordat u de belangrijkste functies van Webflow verkent en waar u royaltyvrije afbeeldingen kunt vinden. Maak vervolgens een stijlgids met alle hoofdelementen van uw ontwerp, van kleuren en lettertypen tot knoppen en typografie.
Bouw de desktopversie van uw site, te beginnen met het heldengedeelte. Ga vervolgens naar het navigatiemenu, casestudy's en collage-elementen. Kijk hoe formulieren worden gemaakt en voeg een gedeelte 'werk met mij' toe voordat u een voettekst ontwikkelt met een duidelijke oproep tot actie.
Tijd om je website responsive te maken. Begin met de tabletweergave voordat u overgaat op mobiele en staande formaten. Test uw formulieren, voeg interactieve elementen toe aan uw website en ontdek het verschil tussen "pagina laden" en "scrollen in weergave".
Ga verder met de laatste details van uw site. Ontdek SEO-tags en website-hosting. Kijk dan bij website onderhoud en bewerkingsrechten voor derden. Om de cursus af te ronden, leidt Jan je door Webflow CMS en de mogelijkheden ervan.
What is this course's project?
Bouw een volledig functionerende zakelijke website in Webflow, evenals een stijlgids voor toekomstige bewerkingen en aanpassingen.
Projecten van studenten van de cursus
Who is this online course for?
Deze cursus is voor iedereen die geïnteresseerd is in het leren maken van websites zonder code - van ontwerpers die hun vaardigheden willen verbreden tot bedrijfseigenaren die een online aanwezigheid willen opbouwen.
Requirements and materials
Er is geen eerdere ervaring vereist.
Qua materialen heb je een computer en een gratis Webflow-account nodig. Om het meeste uit uw ontwerp te halen, is een Figma- of Sketch-account nuttig, maar niet essentieel.
Beoordelingen
- 2 maanden geleden
hasta el momento es justo lo que esperaba
- 5 maanden geleden
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
- 1 jaar geleden
fluid and well explained
- 1 jaar geleden
Muy creativo
- 1 jaar geleden
Great course! The best instructor you can find for starting with Webflow.
Sindsdien heeft Jan met meer dan 30 startups en grote bedrijven, waaronder Petal en Tiny Capital, gewerkt aan het bouwen van functionele websites met een focus op consistente visuele talen. Hij maakt bronnen zoals UI-kits en Webflow-tutorials voor ontwerpers, en heeft lezingen gegeven over productontwerp, het verkopen van ontwerpsystemen en meer. Hij deelt zijn bronnen en expertise ook met meer dan 18K volgers op Instagram.
Inhoud
- U1
Introductie
- Over mij
- Invloeden
- U2
Webflow, No-Code Overzicht en Style Guide Creatie
- Inleiding tot No-Code
- Kernfuncties van Webflow
- Ontwerp
- Stijlgids
- Stijlgids maken 1
- Stijlgids maken 2
- U3
De desktopversie ontwikkelen
- Heldensectie
- Navigatie
- Casestudy Secties 1
- Casestudy Secties 2
- Collage Sectie 1
- Collage Sectie 2
- Klantensectie en eenvoudig nieuwsbriefformulier
- voettekst
- U4
De responsieve website ontwikkelen
- Tablet-viewport
- Mobiele liggende en staande weergavepoort
- Formulieren testen
- Interacties
- U5
Laatste detaillering, livegang en toekomstig onderhoud
- SEO-optimalisatie en hosting
- Paneel Onderhoud, Editor en Activa
- Verken CMS
- EP
Eindproject
- Creëer een website zonder te programmeren met Webflow
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
This course is best for users with some design or web basics, but motivated beginners can follow along. It covers intermediate Webflow features, no-code workflows, and responsive design, making it ideal for those ready to build dynamic, professional websites without coding.
You'll need a computer with internet access, a free Webflow account, and familiarity with basic web concepts. Some experience with Figma or design tools is helpful but not required.
You’ll learn to create responsive marketing and portfolio sites in Webflow, use no-code tools, implement SEO, animate elements, connect forms, and manage assets for professional web projects—no coding skills needed.
This course guides you step-by-step through planning, designing, and publishing a marketing site using Webflow’s visual tools, including layout, navigation, forms, SEO, and responsive adjustments for all device sizes.
Yes, the course covers how to transition Figma layouts and assets into Webflow, ensuring design consistency and efficient workflow from design to development.
Absolutely. The course teaches responsive design principles, breakpoints, and layout adjustments so your site looks great on desktops, tablets, and mobile devices.
Yes, you’ll learn to animate elements, create smooth reveal effects, and enhance interactivity with Webflow’s visual animation tools—no code required.