Een eigentijdse website die met overzicht

De uitdaging

De Bossche Vakschool is een kleinschalige vmbo-school in ’s-Hertogenbosch, gericht op praktijkgericht onderwijs voor leerlingen op basis- en kaderniveau. Met het motto “de juiste plek voor slimme handen” biedt de school een leeromgeving waarin leerlingen leren door te doen.
bewisesolutions.com

Voor de nieuwe website lag het ontwerp al klaar, verzorgd door Kofski Ontwerp. Onze taak was om dit ontwerp technisch tot leven te brengen, met een focus op gebruiksvriendelijkheid voor leerlingen, ouders en docenten, en eenvoudige beheerbaarheid voor de schoolmedewerkers.

De doelstellingen van de website

Heldere structuur en navigatie
Gebruik voor leerling, ouder en docent
Makkelijke back-end
Mogelijkheid tot repeater Informatieve website
bewise-solutions-design-icon

De ontwerpfase

Het ontwerp is gemaakt door Kofski ontwerp. Hij heeft een hedendaags ontwerp gemaakt dat zowel opvallend en vernieuwend is, als overzichtelijk.

  1. Overzichtelijk en breed: Zowel overzichtelijk voor de leerlingen, als voor de ouders en docenten.
  2. Opvallend kleurgebruik: Waarmee je een brede doelgroep aan kunt spreken.
bewise-solutions-realisatie-icon

Realisatie

We hielden nauw contact met de school, om de wensen te naborgen. De herbruikbare contentblokken bieden flexibiliteit en consistentie, waardoor de school zelfstandig nieuwe pagina’s kan aanmaken en bestaande content kan wijzigen.

  • Repeater velden
  • Onderhoudsvriendelijk
  • Responsive ontwerp

De aanpak

We startten met het omzetten van het ontwerp naar een functionele website, waarbij we nauwlettend de visuele identiteit van de Bossche Vakschool bewaakten. Om het beheer van de website te vereenvoudigen, implementeerden we herbruikbare contentblokken (repeaters). Deze maken het mogelijk om pagina’s op te bouwen met verschillende secties, zoals tekst-beeldcombinaties en quotes, zonder technische kennis.

Het resultaat

Het resultaat is een eigentijdse en overzichtelijke website die perfect aansluit bij de identiteit van de Bossche Vakschool. De homepage biedt directe toegang tot de belangrijkste onderdelen, met duidelijke secties voor:

  • De school: waar de visie op praktijkgericht onderwijs en de kleinschalige, persoonlijke aanpak centraal staan
  • Opleidingen:  waarin de verschillende leerwegen en praktijkprofielen helder worden uitgelegd voor zowel ouders als leerlingen
  • Leerlingen: met praktische informatie zoals roosters, stagegegevens en begeleiding
  • Ouders & verzorgers: waar belangrijke communicatie, contactmomenten en ouderparticipatie worden uitgelicht.

De navigatie is eenvoudig en intuïtief, zodat leerlingen, ouders en medewerkers snel vinden wat ze zoeken. Dankzij de flexibele structuur op basis van repeteerbare contentblokken kunnen medewerkers zelfstandig en laagdrempelig nieuwe pagina’s opbouwen en bestaande informatie aanpassen. Denk aan secties met afwisselend tekst en beeld, quote-blokken en uitgelichte informatieblokken die visueel aansluiten bij het ontwerp van Kofski.