KSV Oostkamp
KSV Oostkamp is een familieclub uit 1956, met een A-kern, Jong KSVO en een volledige jeugdwerking. Hun WordPress-site maakte plaats voor een volledig nieuwe site in Framer, die ik ontwierp en bouwde en die zijn wedstrijddata zelf ophaalt. Zo blijft er tijd over voor wat een club echt maakt: de verhalen.
01 — UITDAGING
Een voetbalsite veroudert elke week. Op zaterdagavond wil een supporter de uitslag zien, op maandag de stand, op woensdag wie er zaterdag speelt. Op een klassieke clubsite moet iemand dat telkens zelf intikken. Lukt dat een weekend niet, dan staat er op zondag nog de uitslag van vorige week, en dat is het eerste wat bezoekers merken.
We begonnen van nul. Niets uit de oude WordPress-site werd overgenomen: geen thema, geen plugins, geen verouderde pagina’s. Wel een duidelijke opdracht: een site die meteen voelt als Oostkamp en die zo weinig mogelijk onderhoud vraagt.
Volgende wedstrijd en clubquote op de homepage
Laatste uitslag en klassement, automatisch bijgewerkt
02 — AANPAK
Het design vertrekt vanuit de club zelf. Het rood en wit van het shirt, de vlag die bovenaan wappert, “Oostkamp speelt” als band over de pagina en KSVO 1956 als terugkerend beeld. Geen generiek sportsjabloon, maar een site die je herkent als je ooit langs de lijn stond.
De kern zit onder de motorkap. Wedstrijden, uitslagen en het klassement komen automatisch binnen via de API van Voetbal in België. Een GitHub Action en een Cloudflare Worker halen die data op en schrijven ze rechtstreeks in het Framer-CMS. Op weekdagen gebeurt dat om de vier uur, in het weekend elke vijftien minuten. Een uitslag staat dus kort na het laatste fluitsignaal online, zonder dat iemand een laptop openklapt.
Die data voedt de hele site. De homepage toont altijd de volgende wedstrijd, de laatste uitslag en de stand. De kalender is per ploeg te filteren (A-kern, Jong KSVO, jeugd), met aparte tabs voor komende en gespeelde wedstrijden en het klassement.
Wat wel handwerk blijft, kreeg een plek die makkelijk te vullen is. Nieuws en wedstrijdverslagen worden in het CMS geschreven en verschijnen vanzelf op de juiste plaatsen. De teampagina stelt elke speler voor met een eigen kaart, en de sponsorpagina legt de formules helder uit, van reclamepanelen tot matchbalsponsor, met alle partners netjes op een rij.
Het menu schuift van boven over de pagina
Footer met KSVO als woordmerk
Jeugd: van U6 tot U17 elk een eigen pagina
A-kern: bij hover toont elke spelerskaart positie, geboortejaar en voet
WAT DE KLANT ZEGT
Onze nieuwe website combineert de uitstraling van KSV Oostkamp met slimme automatisatie. Uitslagen, kalenders en klassementen worden automatisch bijgewerkt, terwijl wij ons kunnen focussen op de verhalen en mensen achter onze club. Zo hebben we eindelijk een professioneel digitaal platform dat niet alleen toont wie we vandaag zijn, maar ook waar we als club naartoe willen.
Sven Deketelaere
Voorzitter,
KSV Oostkamp
03 — RESULTAAT
KSV Oostkamp heeft een site die met het seizoen meeleeft. Kalender, uitslagen en klassement houden zichzelf bij, ook op een drukke zaterdagavond. De mensen achter de club schrijven enkel nog wat alleen zij kunnen schrijven: de verslagen, het nieuws, de oproep voor nieuwe vrijwilligers.
Voor mij was dit het soort project waar design en techniek elkaar nodig hebben. Een site kan nog zo mooi zijn, als de uitslag van zaterdag ontbreekt, gelooft niemand hem nog. Hier klopt allebei.
Nieuws en wedstrijdverslagen op de homepage
Wedstrijdverslag met datum en uitslag naast de titel
Op de gsm: kalender, menu en A-kern
04 — MEER BEELDEN
Kalender per ploeg, met komende en gespeelde wedstrijden
Klassement, rechtstreeks uit Voetbal in België
VOLGENDE CASE
Ook zo’n website nodig?