Van frustrerende chaos naar een intuïtieve beheerpagina
Wat ooit begon als een relatief eenvoudig systeem voor het uitrollen van e-learning via vouchers en leerreizen, was inmiddels uitgegroeid tot een complex geheel vol onduidelijke keuzes, verwarrende datums en omslachtige handelingen. De wens? Klanten in de toekomst hun eigen programma’s laten beheren. De uitdaging? Een UI ontwerpen die dat realistisch maakt. Het probleem Beheerders liepen vast in een spinnenweb van opties. Modules verschuiven betekende handmatig datums aanpassen. Het verschil tussen “releasedatum” en “dagen vanaf start” was onduidelijk. De interface was allesbehalve klantvriendelijk — laat staan geschikt voor self-service. De oude interface was allesbehalve klantvriendelijk — laat staan geschikt voor self-service. Mijn opdracht Ontwerp een nieuwe...
Spector Base – Logo Ontwerp
Voor een fictieve startup genaamd Spector Base heb ik een logo ontworpen dat gebruikt kon worden tijdens een van de serious games van Arda. Hieronder beschrijf ik het creatieve proces en de stappen die hebben geleid tot het uiteindelijke ontwerp. Concept Mijn eerste focus lag op het woord "Spector" en het ontwikkelen van een passend beeldmerk. Ik zocht naar een visuele stijl die focus, visie en overzicht uitstraalt, gecombineerd met een speelse creativiteit die goed past bij een startup. Na te experimenteren met verschillende lettertypes en stijlen, waaronder solide vormen, hoofdletters, serif en sans-serif fonts (1.1 + 1.2), kwam ik uiteindelijk uit op...
Animeren om te leren (PT 3)
Hoe maak je lastige, abstracte onderwerpen tastbaar en makkelijk te begrijpen? In deze serie beschrijf ik mijn ervaringen met editen voor de passieve kijker. In dit deel: hoe maak je van een opsomming van lessen een complete e-learning waar mensen naar WILLEN kijken? In de vorige 2 delen ben ik ingegaan op het gebruik van zintuigen en hoe je beeld, tekst en animatie combineert voor het beste leereffect. In dit deel ga ik in op de basis van iedere e-learning: een goed verhaal vertellen. Het script Uiteraard start dit met een goed geschreven en uitgedacht script. Ik ben geen tekstschrijver, maar ik weet...
Animeren om te leren (PT2)
Hoe maak je lastige, abstracte onderwerpen zoals domeinnamen en veilige wachtwoorden tastbaar en makkelijk te leren? In deze serie beschrijf ik mijn ervaringen met editen voor de passieve kijker. In dit deel; hoe maak je de afweging tussen tekst, beeld en/of animatie? Het verschil tussen klassikaal en digitaal leren Online leren is heel anders dan leren in een klassikale setting. Studenten hebben online geen (of minder) direct contact met hun docent. Ook kunnen ze moeilijker vragen stellen, hebben ze minder contact met medestudenten en raken ze mogelijk sneller afgeleid. Leerstof bedoeld voor een klassikale setting is daarom niet altijd geschikt...
Animeren om te leren (pt 1)
Een serie over mijn ervaringen met editen voor de passieve kijker. Hoe maak je complexe, abstracte onderwerpen, zoals domeinnamen en veilige wachtwoorden, tastbaar en eenvoudig te begrijpen? Een van de vaardigheden die ik de afgelopen jaren heb ontwikkeld, is het ontwerpen en animeren voor de e-learnings van Arda. Mijn voorkennis beperkte zich tot een cursus Flash (uit 2015), een spoedcursus 3D-ontwerp en enige ervaring met animeren in jQuery. De rest heb ik mijzelf aangeleerd via YouTube-tutorials en veel experimenteren. Door trial-and-error heb ik waardevolle inzichten opgedaan over hoe je visuele effecten effectief inzet. Het doel is immers om de boodschap te versterken...
Hoe schrijf je een goede handleiding?
Bij veel projecten en producten waar ik aan werk, is een goede handleiding essentieel voor een succesvolle overdracht aan de klant. Of het nu gaat om een WordPress-website, een serious game zoals de Pitlane Safetygame van ExxonMobil, of een interactief leerplatform: een duidelijke instructie zorgt ervoor dat gebruikers direct en zonder frustratie aan de slag kunnen. Veelgemaakte fouten bij handleidingen Een handleiding moet de gebruiker begeleiden, niet overweldigen. Hier zijn enkele veelvoorkomende valkuilen: Handleiding Bakmix van Maxi v2.0 Cake is heerlijk en je wilt er natuurlijk zo snel mogelijk van kunnen genieten. Daarom hebben wij deze super handige en snelle cake mix voor je...
Smart Styling met CSS-variabelen
In oktober 2022 heb ik zelfstandig de front-end styling van twee leerplatformen vernieuwd. Naast een verbeterde interface heb ik de stylesheets efficiënter gemaakt door CSS-variabelen te implementeren. Beide organisaties bedienen een diverse groep klanten en kregen regelmatig de vraag of het platform in de huisstijl van een specifieke klant kon worden aangeboden. Met CSS-variabelen heb ik dit proces sneller, flexibeler en schaalbaarder gemaakt. Het probleem: Oude situatie: Aparte CSS bestanden voor iedere klant. Voorheen kreeg elke klant een eigen CSS-bestand waarmee de omgeving werd gestyled. Dit betekende dat iedere nieuwe klant een kopie kreeg van een eerder gebruikt stylesheet. Dit leidde op den...
Branding en Website voor MVA
Maartje van Amsterdam benaderde mij met de vraag om haar te helpen bij het opzetten van een sterke 'brand identity' en een bijpassende website voor haar nieuwe bedrijf, MVA. Na een uitgebreide intake, waarin ik haar persoonlijkheid en de kernwaarden van haar merk leerde kennen, ben ik aan de slag gegaan met het vertalen van deze waarden naar een visuele identiteit. Van concept naar ontwerp Een visuele identiteit begint bij een herkenbaar logo. Na een bondig onderzoek en schetsproces heb ik drie conceptontwerpen gepresenteerd waaruit Maartje één richting koos. Deze vormde uiteindelijk de basis voor het definitieve logo. Gekozen logoConcept 1Concept 2Concept 3 Van...
Website design Rustmomentindeklas.nl
Aansluitend op het redesignen van de huisstijl is mij gevraagd een start te maken met het re-designen van de website van Rustmomentindeklas.nl. Rustmomentindeklas.nl ontwikkelt ontspanningsprogramma’s voor kinderen tussen 4 en 12 jaar en kan, na een aantal jaar van operatie, een verfrissing van de huisstijl gebruiken. De huidige website was door de jaren heen ‘overgroeid’ geraakt met content. Er was drastisch een herorganisatie van informatie nodig om alle nieuwe aanvullingen een plekje te geven. Notitie: Op dit moment (01-04-2023) staat de oude website van Rustmoment in de klas nog live en zijn de nieuwe designs nog niet doorgevoerd. Ik ben persoonlijk (nog) niet...
Modernisering van Poorttrainingen voor Vopak, BP, Gate Terminal en ExxonMobil
Voor bedrijven als Vopak, BP, Gate Terminal en ExxonMobil heb ik bijgedragen aan de vernieuwing van poorttrainingen. Deze trainingen zijn essentieel voor werknemers en contractors voordat ze toegang krijgen tot de fabrieken. De uitdaging? Een statische en saaie slideshow transformeren tot een boeiende, interactieve en leerzame ervaring. Introducing: The Pitlane Safetygame: Leren door te doen Om veiligheidstrainingen effectiever en leuker te maken, ontwikkelden we een spel waarin spelers als een Formule 1-team een band moeten verwisselen in de pitlane. Dit spel draait om samenwerking, communicatie en efficiëntie—sleutelelementen die direct toepasbaar zijn op de werkvloer. Na afloop bespreekt de spelleider de aanpak van...