Hoe werkt de AI Website Builder?

Van KvK of bedrijfsnaam tot live website in 4 stappen. Bekijk de flow hieronder en ga direct aan de slag in de builder.

📋 Flowchart-map (alle werkwijzen)

Bekijk de complete user flow van KvK invoer tot live website in 30 seconden. Stap door met Vorige / Volgende of Auto Play – elke stap toont Stap Details en Live Preview.

Lokaal vs Live

Op localhost zie je "Lokaal"; op itlive.nl "Live".

Na preview kun je in de builder thema en teksten aanpassen, preview vernieuwen en verder naar de Website Wizard.

Zelfde flow, andere ingangen

Dezelfde stappen en layout voor diensten, lokale diensten en makers

Proces vs UI-flow · Welke flowchart-stijl?

Procesflow (hierboven)
Stappen als acties: KvK invoer → Bedrijfsdata ophalen → Content genereren → … Handig voor uitleg en onboarding.
UI-flow (schermen)
Dezelfde flow als schermen: Gegevensformulier → Profielvelden → Diensten-selectie → Preview-paneel. Handig voor ontwerp en test.

Bekijk UI-flowchart →

Stijlen die we gebruiken
Lineair horizontaal (1→2→3→4) met pijlen – het meest. Daarnaast interactief (Vorige/Volgende, Auto Play, Stap Details, Live Preview). Optioneel: verticale flow of swimlanes (gebruiker | systeem | AI).

Website op maat – 4 stappen van KvK tot live preview

Klik op een stap om direct in de builder te gaan. Je kunt daar meteen werken en je website bouwen.

In stap 4: thema kiezen, preview vernieuwen en optioneel Genereer samenvatting & plan voor aanbevelingen en takenoverzicht.

Wat bouwt de AI? Widgets, kolommen, data en meer

  • Secties: Hero, Over ons, Diensten, Contact, FAQ, CTA, openingstijden, menu – elk als eigen blok op de pagina.
  • Widgets & kolommen: Tekstblokken, knoppen, afbeeldingen, meerdere kolommen naast elkaar; layout per sectie aanpasbaar.
  • Thema & kleuren: Branche-presets (Horeca, Bouw, etc.), primaire en accentkleuren, lettertypen.
  • Content & data: KvK-gegevens, beschrijving, missie, visie, SEO; diensten als pagina’s met eigen content.
  • Uitgebreider bouwen? In de Website Wizard kun je met 90+ sectietypes sectie voor sectie verder bouwen – je gegevens gaan mee.

De volledige 8-stappen flow (Vorige, Volgende, Auto Play) staat hierboven. Kies hieronder een voorbeeldbedrijf om direct in de builder te starten.

Test cases – direct naar Website op maat

💬 Diensten aanpassen met een bericht

Zeg wat je wél of niet doet; de selectie wordt automatisch bijgewerkt. Bijv. "ik doe geen begrafenis" of "alleen thuiszorg".

Op basis van je invoer (beschrijving, branche) stellen we diensten en zoekwoorden voor.

🚀 Verder in Website Wizard
Flowchart Assistant
👋 Hallo! Ik ben je Flowchart Assistant. Ik kan je helpen met:

• Navigeren door de flowchart
• Test cases selecteren
• AI-powered suggesties
• Live preview integratie

Waar kan ik je mee helpen?
09:06
Live Website Generator
Home
Ready
Diensten
Ready
Over ons
Ready
Contact
Ready
Portfolio
Ready
Blog
Ready
Bericht