Projecten
Een selectie van wat ik heb gebouwd en ontworpen — van mobiele apps tot complete webplatforms.
Alle projecten
Agro Tycoon 2.0
Farming tycoon die je in de browser speelt, met twaalf gewassen, personeel, fabrieken en een eigen machinepark.
- Idee
- Een eigen project, geïnspireerd op de Steam-game Agro Tycoon. Je begint als boer op je erf met €20.000 en groeit uit tot landbouwmagnaat.
- Spel
- Je rijdt zelf met tractor, zaaimachine en maaidorser, of neemt personeel aan dat je velden ploegt, zaait en oogst. Er zijn twaalf gewassen met eigen zaaimaanden, en weer, seizoenen, bodem en marktprijzen bepalen wat het oplevert. Stallen en fabrieken maken je oogst meer waard.
- Techniek
- Gebouwd in vanilla JavaScript met ES-modules en Vite. De spellogica heeft unit tests, er draait een speltest in een echte browser, en een balansscript zet alle prijzen en opbrengsten in een spreadsheet. Je voortgang blijft bewaard, ook na een update.
Mr. Cookies
Speelse homepage voor een fictieve koekjesbakkerij in Hasselt, met eigen design system en klikbaar prototype.
- Opdracht
- Voor UI Design 2 ontwierp ik drie hero's in drie stijlen voor dezelfde bakkerij, met hetzelfde logo, dezelfde tekst en maximaal twee lettertypes. De gekozen hero werkte ik in een week uit tot een volledige homepage.
- Aanpak
- Een moodboard van koekjeszaken, donutzaken en een sneakermerk leverde scheve stickers, stempelbadges en rondvliegende kruimels op. De stijl volgt de cartoonmascotte, met Luckiest Guy voor koppen en Grandstander voor tekst. Er is geen webshop, dus ik herschreef de hero van bestellen naar langskomen. "Bezoek ons" staat daarom altijd in de navigatie.
- Resultaat
- Een klikbaar prototype met zes kleurvariabelen, zeven tekststijlen en componenten met hover-states. Speelse elementen blijven aan de randen en staan nooit over tekst.
- Volgende keer
- Echte productfoto's per koekje, een mobiele versie en een korte test met echte mensen.
Furnilux
Donkere, rustige homepage voor een fictief meubelmerk uit Antwerpen, op desktop en mobiel.
- Opdracht
- Voor UI Design 2 een homepage voor een fictief meubelmerk, op desktop en mobiel. De briefing vroeg om donker, minimal en exclusief, met betaalbare kwaliteit als belofte.
- Aanpak
- De volgorde bouwt eerst vertrouwen op en vraagt pas daarna iets: indruk, showroom, producten, reviews en dan de nieuwsbrief. Geen puur zwart maar #121212 met crème tekst. Goud staat alleen op donker, omdat het op crème het contrast niet haalt. De productsectie staat op crème, zodat de meubels opvallen.
- Resultaat
- Na feedback werd de hero asymmetrisch, werden de koppen vetter en werden de reviews een grid met pijltjes. Fraunces maakte plaats voor één modern lettertype, Hanken Grotesk. Mobiel is opnieuw doordacht in plaats van versmald.
- Volgende keer
- Componenten vanaf het begin bouwen en testen met echte gebruikers.
JPJ Fotografie
Portfoliosite voor een fotograaf uit Zuid-Limburg, met newborn, portret, bruiloften en architectuur.
- Opdracht
- Een nieuwe site voor een fotograaf uit mijn vriendenkring. Zijn oude site was verouderd en erg kaal, en het doel was nieuwe klanten aantrekken.
- Aanpak
- De site vertelt eerst waarom je bij hem foto's laat maken en wie hij is, zodat je hem al een beetje kent voor je contact opneemt. Daarna laat het portfolio per categorie zien wat hij kan, en een contactpagina sluit het af. De opmaak blijft rustig, zodat de foto's het werk doen. Design en code deed ik zelf in twee tot drie weken, in HTML, CSS en JavaScript.
- Resultaat
- Op zijn feedback maakte ik de cursor beter zichtbaar en koos ik een andere headerfoto. De site is nog niet in gebruik.
- Volgende keer
- Het project vooraf beter uitdenken voor ik begin met bouwen.
Spirithorses
Website voor een natuurlijk paardenpension in Belgisch Limburg, waarvan de eigenaren zelf de teksten aanpassen.
- Opdracht
- Spirit Horses is een paardenpension in Riemst. De oude site had 21 pagina's waarop tarieven, diensten en extra's door elkaar stonden. De eigenaren wilden iets eenvoudigs waarvan ze de teksten zelf kunnen aanpassen.
- Aanpak
- Ik bracht de structuur terug naar 10 pagina's. Pension staat voorop in de navigatie, omdat dat de belangrijkste dienst is, gevolgd door bekappen en cursussen. De tentverhuur op Vlieland staat apart als nevenactiviteit. De kleuren zijn vernoemd naar de boerderij, van zadelleer tot droog hooi. WhatsApp is de hoofdknop, omdat de eigenaren overdag buiten bij de paarden zijn.
- Resultaat
- Live met Sanity CMS erachter. Een wijziging staat binnen ongeveer een minuut online. De Lighthouse-performance van de home ging van 80 naar 93, en alle pagina's zijn met axe-core op toegankelijkheid gecheckt.
Zeecontainers Concept
Concept voor een containerhandelaar, met een 3D-configurator die maat, gewicht en richtprijs live laat zien.
- Opdracht
- Een conceptsite voor een bestaande Belgische containerhandelaar, als basis voor hun nieuwe website. Gebouwd in twee dagen.
- Aanpak
- Kopers, particulier of zakelijk, willen vooral maat, prijs, beschikbaarheid en levering weten. Daarom staat de configurator centraal. Je kiest formaat, type, staat en opties en ziet direct buitenmaat, inhoud, gewicht en een richtprijs. Je keuze gaat automatisch mee in de offerteaanvraag. De typekaarten op de home openen de configurator met het type al ingevuld.
- Techniek
- Er was nog geen 3D-model, dus ik bouwde de container procedureel in Three.js, met ribbels, hoekstukken en deuren. Het echte model kan er later zo in. De prijzen in dit concept zijn voorbeeldbedragen.
Rijschool Will
Demosite voor een rijschool in Veldhoven, met een stappenroute, pakketten en een rekenhulp.
- Opdracht
- Een demo voor Rijschool Will, gebouwd vanuit een template dat ik voor rijscholen maakte. Prijzen en cijfers zijn voorbeeldinhoud.
- Aanpak
- De site praat tegen twee mensen. De leerling krijgt de je-vorm en 2toDrive vanaf 16,5. De ouder die betaalt, leest dat ouders elke 10 lessen mogen meerijden en dat je per les betaalt. Een klikbare route van vijf stappen volgt het echte CBR-traject, van gratis proefles tot praktijkexamen. Vier pakketten staan naast elkaar, met een rekenhulp voor 5 tot 50 lessen. Je voorstel verstuur je met één knop via WhatsApp of mail.
- Vertrouwen
- Het slagingspercentage staat naast het landelijk gemiddelde, met Google-reviews eronder. Is er geen echt cijfer, dan verdwijnt dat blok vanzelf.
Campus Karting App
Event-app voor de Campus Karting Student League, met live klassement, plattegrond en een ticket-wallet.
- Opdracht
- Karting Genk wilde meer studenten naar het circuit trekken. Ons team bedacht de Campus Karting Student League, een raceweekend waarin PXL, UCLL en UHasselt tegen elkaar racen. Dit was ons project voor Werkplekleren 2.
- Aanpak
- De app is er voor tijdens de racedag zelf. Je volgt live de rondetijden en het klassement van de scholen, vindt je weg met een plattegrond van het circuit en haalt eten en drinken met digitale bonnen uit een ticket-wallet. Ik ontwierp de UI in Figma, maakte de user flows en prototypes en schreef de microcopy.
- Team
- Vier designers, één webcoder en drie programmeurs. Ik was ook Scrum Master en leidde de daily stand-ups. Sommige Figma-animaties bleken lastig te bouwen, dus stuurde ik het ontwerp bij zonder de flow te verliezen.
Campus Karting Website
Wervende site voor de Student League, met planning, reglement, tickets en welke scholen al meedoen.
- Opdracht
- Hetzelfde project als de app. De website is het uithangbord voor het event: studenten enthousiast maken, teams laten inschrijven en scholen aantrekken.
- Aanpak
- Reglementen en een wisselende planning moesten overzichtelijk worden voor een jonge doelgroep. De site toont planning, reglement, ticketprijzen en de bezetting van het circuit, plus welke scholen zich al hebben aangemeld. Ik werkte aan de visuele stijl en structuur in Figma, schreef de teksten en koos en bewerkte de foto's.
- Resultaat
- Een responsief ontwerp voor desktop, tablet en mobiel, dat onze webcoder heeft gebouwd. De sportieve stijl van de Student League loopt door van site naar app.
IBE Motion
Portfoliosite voor een motion-studio uit Landgraaf, waar video's pas spelen als je ze aanwijst.
- Opdracht
- IBE Motion Studio uit Landgraaf maakt motion, branding en content voor merken. De studio had een plek nodig om werk te laten zien aan bedrijven die klant moeten worden.
- Aanpak
- De site stuurt op resultaat en een gratis kennismaking. Portfoliokaarten tonen een rustig logo, en de video start pas als je eroverheen beweegt. Op touch spelen ze in een loop. Video's laden vooraf alleen het eerste frame, en de Three.js-scènes starten pas als ze in beeld komen. Het werk is te filteren op motion, branding, content en website.
- Beweging
- De site zelf beweegt veel, met deeltjesgolven, een scroll-animatie van 90 frames en een eigen cursor. Wie in zijn systeem minder beweging heeft ingesteld, krijgt een rustige versie.
Music Match
Motion design in After Effects: een speelse karakteranimatie die strak op de muziek is gemonteerd.
Blender Render 3D
3D-scène gemodelleerd, belicht en gerenderd in Blender — van modelling tot eindrender.
BrightNews
Nieuwssite die alleen nieuws met een goed gevoel doorlaat, gefilterd in twee stappen.
- Opdracht
- Een nieuwssite die alleen nieuws met een goed gevoel laat zien. Ik bouw er sinds januari 2026 aan.
- Aanpak
- Twee keer per dag haalt een GitHub Action het nieuws op via RSS. Eerst haalt AFINN de duidelijk negatieve Engelse berichten eruit. Daarna beoordeelt Claude Haiku elk artikel op goed gevoel, positieve formulering en relevantie. Alleen artikelen met minstens 8 van de 10 punten, en nergens onder de 2, komen erdoor.
- Resultaat
- De site is er in vijf talen, met accounts en premium via Supabase en Stripe. De homepage staat tijdelijk achter een binnenkort-pagina tot de lancering.
