AI-design omzetten naar een echte website
Je hebt een ontwerp uit Claude Design, Google Stitch of Figma Make, of alleen een paar screenshots. Wij maken er een website van die snel laadt, in Google staat en waarvan je zelf de teksten aanpast. Het ontwerp blijft zoals het is. Wat eronder zit, bouwen we opnieuw.
Waarom een export nog geen website is
Een AI-designtool levert een momentopname. Losse schermen in HTML, of lagen in Figma. Er zit geen beheeromgeving achter, geen formulier dat ergens aankomt en geen adres waar de site draait.
De code is gemaakt om op het scherm te kloppen, niet om bij te houden. Dezelfde knop staat op elke pagina opnieuw in de HTML, steeds met net andere waarden. Moet de knop anders, dan pas je hem tien keer aan. Of je vraagt het de tool, en dan verschuift de rest van de pagina mee.
Google leest wat er in de HTML staat. Een eigen titel en beschrijving per pagina, koppen in een logische volgorde en een sitemap zitten zelden in een export. Komt het ontwerp als React-app uit een builder, dan krijgt een zoekmachine soms een lege pagina. Dat probleem heeft een eigen pagina: AI-website niet gevonden in Google.
Voor wie
En voor wie niet
Voor wie een ontwerp heeft dat goed is, en nu een site nodig heeft die het werk doet.
Wel.
- Je ontwerp staat in Claude Design, Google Stitch of Figma Make en moet live.
- Je hebt alleen een screenshot of een paar schermen, en de andere pagina’s moeten erbij.
- Je wilt na de livegang zelf teksten en foto’s aanpassen.
- De site moet gevonden worden op wat je klanten zoeken.
Liever niet.
- Het is één pagina die zelden verandert. Die zet je zelf online.
- Het ontwerp moet eerst nog beter, omdat de schermen niet op elkaar lijken.
- Het ontwerp is een webshop of een applicatie waar klanten inloggen. Dat is een ander project, met een ander prijskaartje.
Wat we bouwen
Je ontwerp is de bouwtekening. Wat eronder komt, maken we zo dat het jaren meegaat.
- Eén set bouwstenen
- Kleuren, lettertypes en afstanden uit je ontwerp gaan naar één plek in de code. Herhaalde onderdelen worden componenten: de header, de knop, het formulier. Een wijziging aan de knop geldt dan overal tegelijk.
- Gebouwd in Nuxt
- Hetzelfde framework als onder naltex.nl. Elke pagina staat vooraf als HTML klaar, dus hij laadt snel op een telefoon en Google en AI-zoekmachines lezen hem direct.
- Teksten die je zelf aanpast
- Een beheeromgeving waarin je teksten, foto’s en pagina’s wijzigt zonder prompt en zonder HTML. Welke vormen daarvoor bestaan, staat in zelf teksten aanpassen in je AI-website.
- Een formulier dat aankomt
- Het contactformulier mailt echt, filtert spam en laat de bezoeker weten dat zijn bericht binnen is. Voor de livegang sturen we een echte aanvraag en kijken we of hij aankomt.
- Vindbaar per pagina
- Een eigen titel en beschrijving per pagina, koppen in volgorde, gestructureerde gegevens en een sitemap. Na de livegang zetten we de site in Search Console.
- Ook op de telefoon
- Is het ontwerp alleen op desktopbreedte gemaakt, dan ontwerpen we de mobiele versie erbij. Wat daar meestal misgaat, lees je in AI-design kapot op mobiel.
- Hosting en beheer
- De site draait op hosting die wij beheren, op je eigen domein. Updates, back-ups en één aanspreekpunt als er iets moet veranderen.
Wat kost het
Maatwerk zit tussen € 2.000 en € 10.000, een simpele site kan al vanaf € 500. Kies wat je wilt laten bouwen en je ziet meteen waar de prijs van afhangt.
Maatwerk website: € 2.000 – 10.000
- Aantal pagina’s en lay-outs
- Formulieren, offerteaanvraag, koppelingen
- Wie de teksten en foto’s maakt
De prijs volgt uit wat de site moet doen. Na één gesprek geven we een concreet bedrag.
Zo gaat het
Je stuurt je ontwerp
Een link naar het project, de export of de screenshots. Vertel erbij wat de site moet doen en wie hem bezoekt.
Je hoort wat het kost
Na één gesprek en een blik op het ontwerp noemen we een vaste prijs en een datum waarop de site live staat.
We bouwen, jij kijkt mee
Elke week een werkende versie op een testomgeving. Wat nog ontbreekt aan teksten en foto’s, zetten we samen op een rij.
Live, en daarna beheer
De site gaat op je domein, we melden hem aan bij Google en we houden hem bij.
Wanneer je ons niet nodig hebt
Is het één pagina, verandert er zelden iets en kan een formulierdienst het mailen doen, zet de export dan zelf online. Hoe dat gaat met je eigen domein, HTTPS en een formulier dat aankomt, staat in een HTML-export online zetten.
Werk je al met WordPress, Framer of Webflow en wil je daar blijven, dan bouw je het ontwerp daar na. Plakken werkt niet, nabouwen wel: lees je AI-design in WordPress zetten of je AI-design in Framer of Webflow zetten.
Lijken de schermen niet op elkaar, of ziet iedereen dat AI het ontwierp, dan heeft omzetten nog geen zin. Dan begint het bij AI-design laten verbeteren.
Uit welke tools kunnen jullie een ontwerp omzetten?
Gebruiken jullie de code uit de export?
Hoe lang duurt het?
Kan ik daarna zelf verder bouwen met AI-tools?
Wat kost het?
Stuur ons het ontwerp en wat de site moet doen
De kennismaking is gratis. We reageren binnen één werkdag.