Een webpagina bouwen zonder gedoe, logins of platformbeperkingen, dat is waar deze opdracht om draait! Je ontwikkelt een visuele editor waarmee gebruikers via drag-and-drop hun eigen pagina ontwerpen, met als resultaat zuivere HTML en CSS. De focus ligt op eenvoud, vrijheid en technische degelijkheid, uitgewerkt in een werkend Proof of Concept.

💡Interessegebieden: webdevelopment, user interface design, JavaScript, HTML/CSS, frontendarchitectuur

In de praktijk hebben veel zelfstandigen, verenigingen en kleine teams behoefte aan een eenvoudige manier om een website te maken, zonder te investeren in dure tools of vast te hangen aan specifieke platformen. Bestaande oplossingen zoals Wix, Squarespace of WordPress lossen dit deels op, maar zetten de gebruiker vaak vast binnen hun ecosysteem. Je kunt je website zelden verplaatsen, exporteren of zelf beheren buiten dat platform.

Voor veel toepassingen is een eenvoudige, statische HTML-pagina meer dan voldoende. Toch bestaat er vandaag geen laagdrempelige, platformonafhankelijke oplossing waarmee gebruikers zelf een website kunnen opbouwen en meenemen. Er is behoefte aan een vendor-onafhankelijk alternatief: een gebruiksvriendelijke editor waarmee je visueel een pagina samenstelt en die zuivere HTML en CSS oplevert. Zonder login, zonder abonnement, zonder lock-in. De uitdaging ligt in het bouwen van een intuïtieve editor die breed toegankelijk is én technisch robuuste output levert.

De opdracht

Ontwikkel een visuele editor waarmee gebruikers zelf een webpagina kunnen samenstellen via drag-and-drop, met bouwblokken zoals titels, tekstvakken en afbeeldingen. De gebruiker kan elementen verslepen, positioneren en ordenen binnen een canvas, met directe visuele feedback.

De centrale uitdaging zit in het genereren van correcte en responsieve HTML/CSS-code op basis van wat de gebruiker visueel ontworpen heeft. De gegenereerde pagina moet er nagenoeg identiek uitzien als het ontwerp in de editor. Dit vereist een slimme vertaling van visuele structuur en styling naar nauwkeurige code, zonder afhankelijkheid van externe libraries of platforms.

Daarnaast voorzie je de mogelijkheid om projecten lokaal op te slaan en later opnieuw te openen. Je onderzoekt bestaande technieken voor componentopbouw, visuele representatie, state management en codegeneratie. Je valideert jouw oplossing aan de hand van een werkende Proof of Concept (PoC), met aandacht voor uitbreidbaarheid en gebruiksvriendelijkheid.

Over Info Support

Info Support is specialist in maatwerksoftware, data/AI solutions, beheer en trainingen en actief in de sectoren Finance, Industry, Agriculture, Food & Retail, Mobility & Public en Healthcare. Wij bieden solide en innovatieve oplossingen voor complexe en bedrijfkritische softwarevraagstukken. Onze hoofdkantoren zijn gevestigd in Mechelen (BE) en Veenendaal (NL). Op dit moment zijn er circa 500 medewerkers bij Info Support in dienst.

De werkwijze van Info Support kenmerkt zich door een aantal kernwaarden: soliditeit, integriteit, vakmanschap en passie. Deze kernwaarden zijn verweven in ons werk en de manier waarop we met elkaar omgaan.

Om te zorgen dat alle medewerkers altijd op de hoogte kunnen zijn van de nieuwste ontwikkelingen beschikt Info Support over een inhouse kenniscentrum waar graag wordt voldaan aan de honger naar meer of andere kennis en vaardigheden.

Om deze opdracht te kunnen doen is B2-taalvaardigheid in het Nederlands vereist.