Zo werkt AI webdesign bij MediaBlend
5 vaste stappen, van kennismaking tot livegang
Plan een kennismakingVoordat je een nieuwe website laat bouwen, wil je weten wat je kunt verwachten: welke stappen er zijn, wat je zelf beslist, en wat er gebeurt zodra de site live staat. MediaBlend werkt in 5 vaste stappen, van de eerste kennismaking tot livegang. Elke stap bouwt voort op de vorige: er wordt niet ontworpen voordat het onderzoek klaar is, en niet gebouwd voordat de teksten en het ontwerp staan.
- Kennismaking en intakeWe bespreken je doelen, je doelgroep en je huidige situatie. Ook daarbij zet MediaBlend AI in, om dat beeld scherp te krijgen. Dat bepaalt de rest van het traject.
- OnderzoekWe brengen je doelgroep, concurrentie en zoekgedrag in kaart, met behulp van AI. Dat onderzoek is de basis voor de teksten en de structuur van de site.
- Teksten en ontwerpVoor de teksten werkt MediaBlend met gespecialiseerde AI-agents: één die conversiegerichte teksten schrijft, en één die de tekst daarna controleert. Het ontwerp maken we in Figma, afgestemd op je huisstijl. Bekijk voorbeelden van eerder werk.
- BouwClaude Code bouwt de site, zonder CMS. Elke wijziging wordt eerst vastgelegd in een aparte versie op GitHub, die je via een testlink van Vercel kunt bekijken voordat hij live gaat. Zo zie je het resultaat, voordat een bezoeker het ziet.
- LivegangDe site gaat live, met structured data voor Google en AI-tools en de meetopzet in Google Analytics en Search Console meteen ingericht.
Wat elke tool in het traject doet
Claude: De AI achter de agents voor onderzoek en teksten. Met Claude Code zet MediaBlend het ontwerp uit Figma om in de pagina’s van je site.
Astro: Het framework, de technische basis van je site. Die bestaat alleen uit code en tekstbestanden, zonder database erachter.
GitHub: Bewaart elke versie van de code en content van je site. Die opslag heet een repository en is van jou.
Vercel: Zorgt dat je site online staat, de hosting. Van elk voorstel maakt Vercel eerst een testlink en pas na goedkeuring zet het de nieuwe versie live.
Resend: Verstuurt de berichten uit de formulieren op je site naar je e-mailadres. Die mail vertrekt vanaf je eigen domeinnaam, doordat Resend die domeinnaam verifieert.
Google Analytics: Meet vanaf de livegang waar bezoekers op je site vastlopen. Bij onderhoud en beheer is het een van de bronnen van de kwartaalrapportage.
Wijzigingen na livegang, zonder CMS
Bij een traditioneel CMS log je in op een adminpaneel om een tekst aan te passen. Bij een AI-website is dat anders: er is geen adminpaneel, en dus ook geen software-updates die de site kunnen laten haperen.
Via MediaBlend
Een contentwijziging begint met een omschrijving in gewone taal. Je schrijft op wat er moet veranderen en stuurt dat op. MediaBlend zet de wijziging in de site en stuurt je een testlink, waarop je het resultaat ziet voordat een bezoeker dat doet. Daarna zetten we het live.
Zelf aanvragen
Wil je het liever zelf aanvragen, dan werk je in Claude Code op je eigen computer, hetzelfde programma waarmee MediaBlend je site bouwt. MediaBlend richt dat voor je in met de toon, de schrijfregels en de koppenstructuur van jouw site, en blijft je aanspreekpunt. Je krijgt hetzelfde voorstel met testlink terug. Daar hoort een eigen betaald Claude-abonnement bij; wat dat van je vraagt, bespreken we bij de kennismaking.
In beide gevallen zit er een controle tussen jouw verzoek en de live website; er gaat niets automatisch online. In een adminpaneel staat een verkeerde klik meteen op je site, hier bekijk je elk voorstel eerst op een testlink. Bevalt het zelf aanvragen niet, dan stuur je je tekst alsnog op.
We raden aan dit in overleg met MediaBlend te doen, zodat tone of voice, vindbaarheid en conversie in lijn blijven met de rest van de site. MediaBlend kan het beheer ook volledig overnemen. Lees op de pagina over onderhoud en beheer welke opties er zijn.
Twijfel je nog over het onderhoud na livegang? Bespreek dit tijdens een kennismaking van een half uur.
Gespecialiseerde agents in plaats van één AI
MediaBlend werkt niet met één generieke AI, maar met een set gespecialiseerde AI-agents. Elke agent is gericht op één onderdeel van het traject en kent alleen zijn eigen vakgebied. Een agent adviseert en voert uit, maar beslist niet: elke stap gaat langs MediaBlend.
- Stap 1 en 2
Intake en onderzoek
Brengt je doelgroep en concurrentie in kaart, en de cijfers van je huidige site.
- Stap 2
Structuur en vindbaarheid
Stelt de opbouw voor, met per pagina een zoekwoord voor Google en AI-tools.
- Stap 3
Teksten schrijven
Schrijft de teksten pagina voor pagina, gericht op één actie per pagina.
- Stap 3
Conversie verbeteren
Zoekt per pagina wat een bezoeker tegenhoudt om contact op te nemen.
- Stap 3 en 4
Tekst en site controleren
Controleert eerst de teksten en daarna de gebouwde site, apart van wie ze maakte.
- Stap 3 en 4
Ontwerp en bouw
MediaBlend ontwerpt in Figma, daarna bouwt een agent met Claude Code de site.
Dezelfde AI-aanpak zet MediaBlend ook in buiten het bouwen van de website zelf: voor data-analyse, advertentiecampagnes, conversiegerichte teksten en online strategie-advies. Lees hier meer over in de kennisbank.
Veelgestelde vragen
Hoe werkt onderhoud zonder CMS?
Er is geen adminpaneel om zelf in te loggen. Je beschrijft de wijziging in gewone taal en stuurt die op; MediaBlend zet hem in de site en je ziet het resultaat op een testlink voordat het live gaat. MediaBlend kan het contentbeheer ook volledig overnemen.
Wat doen Figma en Claude Code precies?
In Figma maken we het visuele ontwerp, afgestemd op je huisstijl. Claude Code bouwt dat ontwerp om naar de website zelf, zonder CMS. Beide stappen doorlopen dezelfde controle: niets gaat automatisch live.
Wat gebeurt er met de code en content van je website?
Die zijn en blijven van jou, vastgelegd in een GitHub-repository. Bij een overstap naar een andere partij draag je die repository over.
Kennismaken
Plan een kennismaking van een half uur. We bespreken je huidige site of je plannen, en kijken hoe een traject er in jouw situatie uitziet.
