Schoolvoetbaltoernooi Leusden & Achterveld
Sinds 1973 spelen alle twaalf basisscholen uit Leusden en Achterveld op de eerste dag van de meivakantie hun eigen voetbaltoernooi. Ruim 600 kinderen, een zeskoppig bestuur en zo'n 30 scheidsrechters.
In het bestuur doe ik alles wat digitaal is: de website schoolvoetbal.nl, de communicatie en de hulpmiddelen voor de toernooidag. De site heb ik vernieuwd en uitgebreid met eigen plugins, zodat 53 jaar toernooigeschiedenis nu doorzoekbaar en in beeld is.
- 12 scholen, 600+ kinderenWebsite voor ouders, scholen, scheidsrechters en sponsors
- Eigen pluginsOnder meer prijzenkast, grafieken, tijdlijn, logo's, spelletjes en spelregels
- Geen cookiebannerStatistieken zonder cookies, op eigen server
Organisatie-app voor de toernooidag
In ontwikkeling
Op de toernooidag komt alles tegelijk: teams die zich melden, vragen van ouders, uitslagen en prijzen. Ik bouw één app waarin de organisatie dat allemaal overziet en regelt. De app haalt schema en uitslagen uit Tournify en vult aan wat daar ontbreekt.
- Teams aan- en afmelden
- Vragen snel beantwoorden
- Mededelingen direct op de telefoon van ouders en begeleiders
- Sportiviteitspunten berekenen
- Overzicht van alle prijswinnaars voor de prijsuitreiking
- Timer voor de speelduur van de wedstrijden
- Alle informatie op het grote scherm in de kantine
Meer over dit project
Website
Beheer en doorontwikkeling van schoolvoetbal.nl, inclusief de verhuizing naar nieuwe hosting. Ik heb een eigen design system opgezet en vastgelegd in een visuele toolkit: kleuren, typografie, componenten en knoppen. Daarnaast nieuwe navigatie, een herschreven historiepagina, veelgestelde vragen, een archiefpagina per toernooi en een vernieuwde sponsorpagina.
Eigen plugins
- Prijzenkast: alle winnaars sinds 1973, te bekijken per jaar of per school
- Grafieken: aantal kinderen en teams per editie, jongens en meiden apart
- Tijdlijn: bekende prijsuitreikers en mijlpalen, met foto's
- Logobeheer: één plek voor alle school- en sponsorlogo's, die de andere plugins gebruiken
- Shirts en scholen: een spel waarin je shirts aan de juiste school koppelt
- Puzzels en spelregels: woordzoekers, rebussen en een uitklapbaar overzicht van de spelregels
Communicatie en sponsoring
Ik beheer de algemene mailbox en zet vragen door naar de juiste persoon. Ik schrijf voor web en print: het programmaboekje, de historiepagina en een krantenartikel na afloop van het toernooi. Voor sponsors maakte ik een nieuwe flyer waarin ondernemers een concrete kostenpost adopteren, zoals de medailles of de EHBO, in plaats van te kiezen uit sponsorpakketten. Dat leverde nieuwe sponsors op.
Privacy
Statistieken via een eigen Matomo-installatie zonder cookies, dus zonder cookiebanner. Ik schreef de privacyverklaring, met als afspraak dat we van kinderen en vrijwilligers alleen voornamen publiceren.
Uitgangspunt
Onderhoudbaar boven slim. Alles is gedocumenteerd en gebouwd met standaard WordPress-onderdelen, zodat een bestuurslid zonder webachtergrond het later kan overnemen.
Gereedschap
- WordPress
- Gutenberg
- PHP
- JavaScript
- CSS
- Matomo
- Tournify
- Canva
vv Leusden
Als ouder bij deze jonge voetbalclub nam ik de website over. Er stond een eerste versie, opgezet zonder technische of designachtergrond. Ik heb die stap voor stap omgebouwd tot een snelle, consistente site in de nieuwe huisstijl van de club.
Toen ik stopte, heb ik alles gedocumenteerd overgedragen, zodat mijn opvolger verder kon op wat er stond.
- 3,3 MB → 25 kBPaginagewicht na het goed instellen van caching
- Eigen pluginTrainingsschema dat de club zelf bijhoudt, zonder code
Meer over dit project
Huisstijl in code
Alle kleuren, lettertypes en componenten volgen de brand guide van de club. Ik heb ze vastgelegd als vaste waarden, zodat een aanpassing op één plek overal doorwerkt, en alles beschreven in een visuele toolkit.
Trainingsschema
Een eigen WordPress-plugin waarmee de club de trainingstijden beheert vanuit het beheerscherm, met slepen om te sorteren en een eigen kleur per categorie. Op desktop verschijnt een tabel, op mobiel overzichtelijke kaarten.
Navigatie
Drie verschillende menu-plugins vervangen door de standaardnavigatie van WordPress, met een eigen mobiel menu en een kop die verdwijnt als je naar beneden scrolt.
Pagina's
Homepage met video, lidmaatschap en contributie, bestuur en vacatures, trainingstijden, shop en contact. Ook de teksten voor zeven vrijwilligersvacatures.
Gereedschap
- WordPress
- Gutenberg
- PHP
- CSS
- JavaScript
afthvanderheijden.info
Een onafhankelijk kenniscentrum over het werk van schrijver A.F.Th. van der Heijden, voor lezers, studenten en verzamelaars. Het bestuur bepaalde de inhoud; ik zorgde dat het technisch werkte.
De vormgeving lag grotendeels vast. Binnen die grenzen heb ik de site rustiger, beter leesbaar en sneller gemaakt, en geschikt voor telefoon en tablet. Verstuurde nieuwsbrieven verschijnen nu vanzelf op de site.
- 199 foto's verkleindAlle afbeeldingen boven 1,5 MB, en 107 ongebruikte bestanden opgeruimd
- Nieuwsbrief vanzelf onlineBinnen een uur op de site, ook als Laposta even plat ligt
Meer over dit project
Rust en samenhang
Op de homepage volgen tegels, lijnen, knoppen en tussenruimtes nu één set regels. Het kleurenpalet is kleiner en elke kleur heeft een vaste rol. Paginatitels en overzichten van berichten zien er overal hetzelfde uit.
Leesbaar en toegankelijk
Donkerdere tekst, meer ruimte op kleine schermen en een beschrijving bij elke boekomslag voor wie een schermlezer gebruikt. Het menu is opnieuw opgebouwd en werkt op elk schermformaat. Bewegende effecten staan uit op de telefoon en voor wie "minder beweging" heeft ingesteld.
Snelheid, privacy en veiligheid
De lettertypen staan op de eigen server, zodat er geen bezoekersgegevens naar derden gaan. Het site-icoon ging van 2,8 MB naar 1 kB. Compressie en browsercache staan aan, gevoelige bestanden zijn afgeschermd en er is een privacyverklaring.
Nieuwsbriefkoppeling
Waar het bouwprogramma Blocs tekortschiet, vulde ik aan met eigen HTML, CSS en PHP. De koppeling met Laposta loopt via een klein script op de server. Zo blijft de sleutel geheim, en bij een storing toont de site de laatst bewaarde lijst.
Werkwijze en overdracht
Elke wijziging ging eerst naar een testsite en kreeg een code in het logboek, van idee tot live. Bij mijn vertrek heb ik alles vastgelegd in een overdrachtsdocument: de bestanden op de server, de eigen CSS, het kleurenpalet en een overzicht van alle wijzigingen.
Gereedschap
- Blocs
- Bootstrap
- PHP
- CSS
- Laposta API
- Notion
Edukans
Edukans werkt aan goed onderwijs voor kinderen en jongeren in Oost-Afrika. Voor hun team in Amersfoort stel ik een bestand samen met de openbare e-mail- en postadressen van basis- en middelbare scholen in Nederland, opgeschoond en klaar om in hun CRM te importeren.
- CRM
- Python
- Excel
Adwuma Ye Foundation
Een stichting die in Ghana werkt aan werk, milieu en de positie van vrouwen. Een team van vrijwilligers bouwde een nieuwe website in het Nederlands en Engels. Ik vertaalde alle teksten naar het Engels.
Toen de projectleider een half jaar naar het buitenland ging, nam ik zijn taken over: de planning van het team met een developer en een UX- en UI-designer, de werving van een tweede developer en het overleg met de oprichter in Ghana.
- WordPress
- Figma
- Asana