Het kan zo makkelijk zijn

Van goed idee naar werkende website in één middag

08 juli 2026Leestijd: 3 minuten

Screenshot website tbv opdracht studenten Contentmarketing met AI.

Je hebt een goed idee voor een app of website. Alleen: je kunt niet coderen. Toch heb je als marketingcommunicatieprofessional soms snel een klikbaar prototype nodig. Voor een klantpresentatie, adviestraject of sprint bijvoorbeeld. Wachten op een developer kost tijd. Stilstaande schermen laten niet zien hoe je idee echt werkt. Tijdens de minor Contentmarketing met AI ontdekten studenten een tool die dat anders aanpakt: Lovable. In dit blog lees je hoe zij daarmee van idee naar prototype gingen. En waar het onderweg begon te schuren.

Je hebt een goed idee voor een app of website. Alleen: je kunt niet coderen. Als marketingcommunicatieprofessional heb je soms snel een prototype nodig. Voor een klantpresentatie, een intern adviestraject of een sprint waarin je iets tastbaars wilt laten zien. De klassieke route? Je maakt stilstaande schermen van hoe de website eruit moet zien. Mooi, maar nog niet klikbaar. Of je wacht tot een developer tijd heeft...

Allebei vertraagt het proces. Terwijl je bij een adviesopdracht juist snel wilt schakelen. Je wilt laten zien wat je bedoelt, niet alleen uitleggen wat je bedoelt. Tijdens de minor Contentmarketing met AI ontdekten studenten één van de tools die dat anders aanpakt: Lovable. In dit blog lees je hoe dat in de praktijk werkt. Ook laten studenten zien waar het schuurt, want niet alles ging vanzelf.

Met AI-tools kun je tegenwoordig in gewone taal een werkende website of app bouwen. Je beschrijft wat je nodig hebt, waarna de tool direct code genereert. Technische kennis is daarvoor niet altijd meer nodig. Het resultaat is geen statische schets, maar een klikbaar prototype dat voelt als een echt product. Dat maakt dit soort tools interessant voor marketingcommunicatieprofessionals, strategen en conceptontwikkelaars. Zij kunnen sneller laten zien hoe een idee werkt, zonder meteen afhankelijk te zijn van een developer. Studenten werkten in de minor met Lovable, een van de tools die deze aanpak mogelijk maakt. Niet om de tool zelf centraal te zetten, maar om te onderzoeken wat er gebeurt als je sneller van idee naar prototype gaat.

Hoe het in de praktijk werkte: Arnhem Lekker & Groen

Tijdens een sprintopdracht voor opdrachtgever Arnhem Lekker & Groen bouwden studenten in korte tijd een prototype van een website. De site moest bezoekers informeren over de organisatie én de mogelijkheid bieden om zich aan te melden. Denk aan pagina’s als ‘Over ons’, ‘Wat wij doen’ en ‘Meld je aan’. Studenten gebruikten Lovable om snel een eerste versie neer te zetten. En dat ging verrassend vlot.

Wat normaal dagen kost, stond er nu binnen een middag. Studenten beschreven hun wensen: de menustructuur, de inhoud per pagina en de sfeer die de website moest uitstralen. De tool bouwde live mee. Iets aanpassen? Gewoon een nieuwe instructie intypen. Geen code die je hoeft te begrijpen. Geen frustratie over technische beperkingen. Het resultaat zag er meteen professioneel uit: een navigatiebalk met werkende menu’s, een aanmeldformulier en tekst per pagina. Een prototype dat je meeneemt naar een presentatie én echt kunt doorklikken.

De snelheid verrast. Toch vraagt een goed prototype nog steeds om denkwerk.

De snelheid verrast. Toch vraagt een goed prototype nog steeds om denkwerk. De grootste les? Werk in stappen. De tool bouwt geen complete, uitgewerkte website op basis van 1 prompt. Elke aanpassing vraagt om een nieuwe instructie. Dat klinkt logisch, maar in de praktijk moet je heel precies nadenken over wat je vraagt. Is je prompt te vaag? Dan krijg je iets wat de goede kant op gaat, maar net niet klopt. Vraag je te veel tegelijk? Dan raakt de tool het overzicht kwijt.

Dat dwingt je om scherper na te denken over wat je precies wilt bouwen. Wat moet er op de homepage staan? Welke actie wil je dat een bezoeker onderneemt? Die vragen moet je eerst beantwoorden. Pas daarna kan een tool als Lovable je idee vertalen naar een werkend prototype. Dat is op zichzelf al waardevol.

Ook viel op: het prototype zag er goed uit, maar bij complexe functionaliteiten loop je al snel tegen grenzen aan. Studenten merkten dat ook bij het vervolg. De uiteindelijke website werd in WordPress gemaakt. Het overzetten bleek lastiger dan verwacht, omdat wat je in Lovable bouwt niet direct aansluit op een bestaand CMS.

Een groot deel moest daarom handmatig worden nagebouwd in WordPress. Dat kost tijd. Bedenk dus vooraf in welk systeem je website uiteindelijk moet landen.

AI-tools kunnen de drempel verlagen om een idee snel tastbaar te maken. Dat levert veel op:

• Je test een concept sneller bij stakeholders of klanten.
• Je bent minder afhankelijk van developers in de verkenningsfase.
• Je laat al vroeg zien hoe iets werkt, niet alleen hoe het eruitziet.
• Je bespaart tijd in trajecten waarin snelheid belangrijk is.

Dit soort AI-tools zijn niet voor ieder project geschikt. Werk je aan een complex of schaalbaar product? Dan heb je uiteindelijk toch developers nodig. Maar voor prototyping en het snel testen van concepten is het een waardevolle aanvulling op je toolkit.

AI-tools zoals Lovable laten zien dat je geen developer hoeft te zijn om een idee tastbaar te maken. Als marketingcommunicatieprofessional heb je de ideeën vaak al. Met de juiste tool en een scherpe prompt zet je die sneller om in iets wat je kunt laten zien. Ga zelf ontdekken wat voor jou werkt en wat niet. Ook als het niet in 1 keer goed gaat.

Heb jij al eens gewerkt met een vergelijkbare tool?

Aan de slag met AI in jouw organisatie?

Slimmer Werken met AI in Content en Communicatie

AI verandert de manier waarop marketing- en communicatieprofessionals content ontwikkelen, campagnes voorbereiden en interne communicatie organiseren. De in company training Slimmer werken met AI in Content en Communicatie is bedoeld voor organisaties die de AI-kennis van hun team willen versterken. Samen ga je in gesprek én direct praktisch aan de slag om te ontdekken wat AI voor jullie team wel en niet kan betekenen.