Ga naar inhoud
Toegankelijkheid
Animatie

Interactieve tijdlijn Melanchthon

Melanchthon is een christelijke scholengemeenschap met ruim 5.300 leerlingen. Met acht scholen in Rotterdam, Berkel en Rodenrijs, Bergschenhoek en Bleiswijk hebben zij alle niveaus in huis; van gymnasium tot vmbo-basis. Met een gevarieerd curriculum en een sterke nadruk op individuele ontwikkeling, is Melanchthon een belangrijke speler in het Nederlandse onderwijssysteem.

  • Showcase Melanchthon tijdlijn
  • Expertise UX design
  • Expertise Webdevelopment
  • Expertise Toegankelijkheid
  • Branche Onderwijs
  • CMS Craft CMS

De opdracht

De Melanchthon scholengemeenschap maakt deel uit van CVO. Zeven scholengroepen voor christelijk voortgezet onderwijs in Rotterdam en omgeving vallen onder deze verenging. In opdracht van scholengroep Melanchthon is Bubblefish aan de slag gegaan om een interactieve tijdlijn te ontwikkelen die de volledige geschiedenis van het ontstaan van deze scholengemeenschap laat zien vanaf 1890.

 

De doelstelling van deze interactieve tijdlijn is om zowel (oud)medewerkers als ouders en scholieren een inzicht te geven in de rijke geschiedenis van de scholengroep Melanchthon. De wens was om de website en de functionaliteit zo gebruiksvriendelijk mogelijk en visueel aantrekkelijk te maken, wat wij als UX experts graag oppakken. Daarnaast was er ook behoefte om de website eenvoudig beheerbaar te maken. Denk hierbij aan het kunnen klikken op foto’s en momenten in de tijdlijn, eenvoudig kunnen navigeren tussen berichten en het invoeren via het CMS van bewerkingen voor andere webredacteuren.

UX discovery fase

Bij Bubblefish is een UX discovery sessie standaard inbegrepen bij aanvang van een project. In deze UX sessie hebben we samen met de Melanchthon Scholengroep de huidige digitale situatie geanalyseerd, waarbij we specifiek hebben gekeken naar de doelgroepen, doelstellingen, wensen en mogelijkheden.

 

Een UX discovery sessie bestaat uit verschillende canvassen en methodieken die ons helpen bij het vergaren van informatie over een businessmodel, de kansen en de diensten. Die informatie is nodig om bijvoorbeeld persona’s en de huidige en gewenste customer journey op te stellen. De verkregen inzichten dragen bij tijdens de totstandkoming van het UI en UX ontwerp en de functionaliteiten.

UX design

Nadat in de UX discovery fase de kerntaken, customer journeys en persona’s waren gedefinieerd, was het de volgende stap in het proces om de website te gaan vormgeven.

 

Voorafgaande aan het UX traject, brachten we samen met Melanchthon scholengroep ook de toptaken in kaart. Hierbij gaat het om het in kaart brengen van de wensen en functie die de website echt moet bevatten. Op die manier kwamen we spoedig uit op een lijst van punten en functies. Een aantal van deze functionaliteiten waren als volgt:

 

  1. Bezoekers moeten gemakkelijk de informatie van hun favoriete school kunnen vinden.
  2. Bezoekers moeten een bewerking kunnen voorstellen via een formulier.
  3. Bezoekers moeten zich makkelijk kunnen navigeren door de verschillende scholen en berichten.
  4. De scholen op de tijdlijn moeten automatisch verspringen naarmate je verder door te tijd scrollt.
  5. Het CMS moet zo ingericht worden dat het makkelijk te gebruiken is. Hiervoor hebben wij Craft CMS 4 gebruikt, een CMS waar wij in gespecialiseerd zijn.

De oplossing

Wij zijn aan de slag gegaan om de tijdlijn website voor Melanchthon te ontwerpen en te ontwikkelen. De volgende stappen werden ondernomen:

 

Concept en ontwerp

  • In samenwerking met Melanchthon werd een concept ontwikkeld om de kernwaarden, mijlpalen en prestaties van de scholengemeenschap te belichten.
  • De realisatie van een clickable wireframe om te testen met de opdrachtgever.
  • Een visueel aantrekkelijk ontwerp werd gecreëerd met aandacht voor gebruiksvriendelijkheid en esthetiek.

 

Technische implementatie

  • Een interactieve en responsieve website werd ontwikkeld om een soepele gebruikerservaring op verschillende apparaten te garanderen.
  • Gebruik van de nieuwste webtechnologieën om laadtijden te minimaliseren en prestaties te optimaliseren.
  • Volledig ontwikkeld in Craft CMS 4. Met dit uitstekende content management systeem is het voor de gebruiker zeer gemakkelijk om pagina’s aan te maken, te bewerken en te beheren waar nodig.

 

Multimediale integratie

  • Toevoeging van afbeeldingen, video’s en geluidselementen om de tijdlijn te verrijken en de betrokkenheid van bezoekers te vergroten.
  • Gebruik van multimedia om belangrijke gebeurtenissen en mijlpalen tot leven te brengen.

 

Navigatie en interactiviteit

  • Implementatie van intuïtieve navigatiemogelijkheden waardoor bezoekers eenvoudig door de tijdlijn kunnen bladeren.
  • Interactieve functies, zoals hover-over effecten en klikbare elementen, om de betrokkenheid te vergroten.

Conclusie

Met onze expertise en ervaring hebben wij voor Melanchthon een indrukwekkende interactieve website ontwikkeld die de geschiedenis en prestaties van de scholengemeenschap van heden tot 1890 weergeeft. De website draagt bij aan het versterken van de band tussen Melanchthon en haar gemeenschap, en versterkt hiermee de positie van de scholengemeenschap als een toonaangevende educatieve instelling in Nederland.

 

 

Resultaten

Resultaten waar we op trots op zijn en graag met je willen delen

De voordelen van bij Bubblefish werken.

Interactieve tijdlijn

Met een volledig responsive tijdlijn met foto's en meescrollende elementen.

Eenvoudig CMS

De website is gebaseerd op Craft CMS 4, zodat alle elementen in de site bewerkbaar zijn

Technische back-end

Door technieken slim met elkaar te verbinden, is alles makkelijk in te richten en uit te lezen.

Supersnelle ervaring

De laadtijden van de website zijn zo laag mogelijk. Dit draagt bij aan een optimale gebruikerservaring.

Een unieke beleving

Er is geen enkele inspanning gespaard om een website en tijdlijn te integreren. Het eindresultaat is een unieke user experience.

Digitaal toegankelijk

De website is geheel digitaal toegankelijk. Zo kan iedereen met een functionele beperking deze website ook gebruiken.
profielfoto werknemer, leon bouterse, Directeur en strateeg
Léon Bouterse
Directeur & Digital Strategist
010.304.50.40 info@bubblefish.agency

Heb je ook een online uitdaging voor ons?

UX design

  • Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.