Van AI-ontwerp naar website
Je ChatGPT- of Claude-schets is een goede start. Straffe Sites maakt er een snelle, toegankelijke website van, met CMS, SEO-basis en duidelijke afspraken.
Bespreek je AI-ontwerp
Wat lever je aan?
Van scherm vol ideeën tot bruikbare bouwplannen
We vertrekken van wat jij al hebt. Dat kan een chatconcept zijn, maar even goed een screenshot, een HTML-prototype of een Figma-bestand.
ChatGPT- of Claude-concept
Je promptgeschiedenis en gegenereerde schermen geven richting aan structuur en copy. We lezen ze zoals een ontwerpbrief.
Screenshot of UI-voorbeeld
Een beeld zegt genoeg over stijl en indeling. We benoemen wat werkt en wat productieklaar moet worden herwerkt.
HTML-prototype
Werkende code overtuigt ons het snelst. We toetsen semantiek, responsive gedrag en toegankelijkheid.
Figma- of beeldreferentie
Met componenten en copy erbij vertalen we je bestand vrijwel één-op-één naar een bouwplan.
Wat blijft er over van je AI-ontwerp?
Een AI-concept is een mooi begin, maar zelden een klaar product. Dit is wat we herwerken tot een volwaardige website.
Onderdeel
Visuele richting
In je AI-ontwerp
Een sterke eerste indruk
Na omzetting door Straffe Sites
Merkkeuzes, typografie en hiërarchie uitgewerkt
Onderdeel
Structuur en copy
In je AI-ontwerp
Volgt je prompts
Na omzetting door Straffe Sites
Semantische headings en leesbare, selecteerbare tekst
Onderdeel
Responsive gedrag
In je AI-ontwerp
Vaak één scherm
Na omzetting door Straffe Sites
Getest op desktop, tablet en smartphone
Onderdeel
Toegankelijkheid
In je AI-ontwerp
Meestal niet meegenomen
Na omzetting door Straffe Sites
Contrast, toetsenbordnavigatie en alt-teksten gecontroleerd
Onderdeel
Technische SEO
In je AI-ontwerp
Afwezig
Na omzetting door Straffe Sites
Metadata, canonical, structured data en interne links
Onderdeel
Beheer
In je AI-ontwerp
Statische export
Na omzetting door Straffe Sites
Content in Storyblok, aanpasbaar zonder developer
| Onderdeel | In je AI-ontwerp | Na omzetting door Straffe Sites |
|---|---|---|
| Visuele richting | Een sterke eerste indruk | Merkkeuzes, typografie en hiërarchie uitgewerkt |
| Structuur en copy | Volgt je prompts | Semantische headings en leesbare, selecteerbare tekst |
| Responsive gedrag | Vaak één scherm | Getest op desktop, tablet en smartphone |
| Toegankelijkheid | Meestal niet meegenomen | Contrast, toetsenbordnavigatie en alt-teksten gecontroleerd |
| Technische SEO | Afwezig | Metadata, canonical, structured data en interne links |
| Beheer | Statische export | Content in Storyblok, aanpasbaar zonder developer |
Wat je AI-ontwerp uniek maakt, blijft staan: jouw invalshoek, je copy-ideeën en je structuur. Wij maken ze technisch en commercieel volwassen.
Bespreek je AI-ontwerpZo verloopt de omzetting
Van eerste blik op jouw materiaal tot een website die live staat en blijft werken.
Stap 1
Intake en doelen
Intake
Je bezorgt het concept, de promptgeschiedenis en je doelen. Wij stellen gerichte vragen over merk, doelgroep en gewenste acties.
Stap 2
Ontwerpreview
Review
We benoemen wat behouden blijft en wat herwerkt wordt, met keuzes voor typografie, kleuren en structuur die je kunt bijsturen.
Stap 3
Bouw van de website
Bouw
Je krijgt echte, semantische HTML met responsive gedrag, toegankelijkheid en een CMS-contentmodel waar dat nuttig is.
Stap 4
Kwaliteitscontrole
Kwaliteit
Browserchecks op desktop en mobiel, formulieren, metadata en structured data worden punt voor punt geverifieerd.
Stap 5
Lancering en opvolging
Live
Na livegang controleren we de HTML, lossen we details op en plannen we desgewenst onderhoud of SEO-opvolging in.
AI waar het helpt, mensen waar het telt
In onze eigen werkwijze draaien terugkerende taken op gespecialiseerde AI-agentworkflows: structuren vergelijken, contentvarianten voorbereiden, zoekdata samenvatten en standaardcontroles uitvoeren. Ze versnellen het voorbereidende werk, maar beslissen niets.
Zoekintentie, merkvertaling, ontwerp, code en elke publicatiebeslissing blijven bij Straffe Sites. Diezelfde aanpak leggen we ook op jouw project toe: agents bereiden voor, wij beoordelen en bouwen. Hoe dat eruitziet, lees je in de case van Voltti.ai, onze eigen website die met die combinatie van agents en vakwerk ontstond.
Bewijs uit echte projecten
Websites die met dezelfde combinatie van AI en vakwerk ontstonden
Twee projecten die laten zien wat deze aanpak oplevert.
Voltti.ai
Astro, Storyblok en contentclusters
Een marketingwebsite met herbruikbare componenten, landingspagina's en contentclusters op een snelle Astro-frontend.
Verhuurwinkel.nl
Astro e-commercefrontend en SEO
Een snelle verhuurwebshop met productinteractie, categoriecontent en doorlopende SEO-opvolging.
Reviews
Partners
)
)
)
){kind=logo}
)
)
Veelgestelde vragen over een website uit AI-ontwerp
Bruikbaarheid, doorlooptijd, kosten en beheer
Rechtstreeks antwoord op de vragen die we het vaakst krijgen.
Is mijn ChatGPT- of Claude-ontwerp wel bruikbaar als basis?
Ja, als richtinggevende basis. We beoordelen structuur, copy-ideeën en visuele voorkeuren en werken ze om naar een ontwerp dat technisch en commercieel standhoudt. Heb je nog geen concept, alleen een idee? Start dan bij onze aanpak voor een website laten maken.
Hoe lang duurt zo'n omzetting?
Een compact traject verloopt vlot wanneer je input en feedback klaarstaan. Hoeveel pagina's, koppelingen en content erbij komen, bepaalt de timing. Dat bespreken we vooraf, zodat je weet waar je aan toe bent.
Wat kost een website van een AI-ontwerp?
Dat hangt af van je input, het aantal pagina's en de gewenste functionaliteit. Straffe Sites publiceert geen vaste tarieven; na een korte intake krijg je een voorstel op maat. Neem contact op en we bekijken je project.
Kan ik de content nadien zelf aanpassen?
Ja, wanneer de website op Storyblok draait. Je beheert teksten, pagina's en beelden via afgesproken componenten, zonder developer nodig te hebben.
Is mijn AI-ontwerp goed voor SEO?
Zelden zonder herwerking. Metadata, semantische headings, interne links, structured data en snelheid bouwen we mee in. Die basis maakt het verschil in vindbaarheid; voor verdere groei is er onze SEO-aanpak.
Klaar met prompten? Laten we bouwen.
Bezorg ons je concept, prototype of screenshot. Je krijgt een eerlijk advies over wat behouden kan blijven en een voorstel voor de omzetting.
Bespreek je AI-ontwerp