In Progress

Design & No-Code Development

Quantum Education

De Thumbnail van de Quantum Education case met het logo en de kaart met alle Hub-locaties
De Thumbnail van de Quantum education case met daarop het logo en een kaart met de locaties

Alle zes de Quantum Hubs focussen op een andere doelgroep, toch willen ze één overkoepelende site...

De doelgroep is heel breed, de focus ligt op leerlingen onder de 18 (basischool en middelbaar) en hun docenten.

De wensen van de Hubs voor de website zelf zijn uiteenlopend.

Verder publiceren de Hubs op 11 april een special over quantum in NVOX. Hier is een landingspagina voor nodig.

"Hoe maak ik een centrale digitale plek waar leraren en leerlingen over quantum leren?"

Alle zes de Quantum Hubs focussen op een andere doelgroep, toch willen ze één overkoepelende site...

De doelgroep is heel breed, de focus ligt op leerlingen onder de 18 (basischool en middelbaar) en hun docenten.

De wensen van de Hubs voor de website zelf zijn uiteenlopend.

Verder publiceren de Hubs op 11 april een special over quantum in NVOX. Hier is een landingspagina voor nodig.

"Hoe maak ik een centrale digitale plek waar leraren en leerlingen over quantum leren?"

Alle zes de Quantum Hubs focussen op een andere doelgroep, toch willen ze één overkoepelende site...

De doelgroep is heel breed, de focus ligt op leerlingen onder de 18 (basischool en middelbaar) en hun docenten.

De wensen van de Hubs voor de website zelf zijn uiteenlopend.

Verder publiceren de Hubs op 11 april een special over quantum in NVOX. Hier is een landingspagina voor nodig.

"Hoe maak ik een centrale digitale plek waar leraren en leerlingen over quantum leren?"

Alle zes de Quantum Hubs focussen op een andere doelgroep, toch willen ze één overkoepelende site...

De doelgroep is heel breed, de focus ligt op leerlingen onder de 18 (basischool en middelbaar) en hun docenten.

De wensen van de Hubs voor de website zelf zijn uiteenlopend.

Verder publiceren de Hubs op 11 april een special over quantum in NVOX. Hier is een landingspagina voor nodig.

"Hoe maak ik een centrale digitale plek waar leraren en leerlingen over quantum leren?"

"Het creëren van overzicht"

Quantum Education is de verzamelnaam van verschillende Quantum Hubs onder Quantum Delta NL. De gedeeltes van de hubs die zich met Quantum Education bezig houden, richten zich op een jongere doelgroep. Hier willen ze interesse wekken door activiteiten, lespakketten en excursies. Dit zijn alle leerlingen onder de 18 jaar, van groep 3 tot het VWO-eindexamen.

Het grootste probleem binnen deze hubs is dat elk hub voor zichzelf werkt. Voor de hubs is het op momenten al moeilijk om voor zichzelf overzicht te scheppen, dus voor een gebruiker is dit helemaal onmogelijk.

Locaties van Quantum Hubs

Afbeelding van alle locaties van de Hubs in een gestilleerde kaart.
Afbeelding van alle locaties van de Hubs in een gestilleerde kaart.
Afbeelding van alle locaties van de Hubs in een gestilleerde kaart.

Kleuren Pallet

Het grootste probleem:

Zoals net al kort werd benoemd, zijn de hubs heel verschillend in hun doen en laten. Ze verschillen op veel gebieden maar meest voornamelijk: ze hebben andere doelgroepen en ze voeren andere activiteiten uit.

Hierdoor zou het overzicht nog verder verdwijnen als we deze hubs in een lijstje of een grid onder elkaar zetten. Mijn doel was om deze verschillen tussen de hubs te 'showen' als een kracht in plaats van een zwakte. Door deze verschillen te zien als 'specialisaties' moet de website proffesioneler en overzichtelijker overkomen.

Wireframe van de voorgestelde oplossing

1

1

1

Een afbeelding van de wireframe met een kaart dat veranderd van locatie op scroll.
Een wireframe van de eerste oplossing. Hierop is een sticky kaartje te zien met alle locaties.

3

3

3

2

2

2

1

Een afbeelding van de wireframe met een kaart dat veranderd van locatie op scroll.

3

2

Eindresultaat

Functionaliteit

Los van het showcasen van de hubs moet de website van Quantum Education ook functioneel zijn. Dit is momenteel primair te zien in de blog, zoekfunctie en landingspagina. Deze zijn allemaal haarfijn geïntegreerd met de CMS systemen van Webflow. Hierdoor is het enorm makkelijk voor de medewerkers van de Hubs om nieuwe artikelen of evenementen op de website te plaatsen.

Toegevoegde functies voor de Blog

Toegevoegde functies voor de Blog

Een voorbeeld van de blog pagina die is opgesteld. Hierin is de blog: "een visitekaartje voor Thomas Young" te zien.

Een multireference CMS met auteurs, tags, locaties en speciale edities.

Volledig geïntegreerde en gestileerde Rich-tekst elementen.

Een sticky sidebar met aanbevelingen en een dynamische Table of content.

Een voorbeeld van de blog pagina die is opgesteld. Hierin is de blog: "een visitekaartje voor Thomas Young" te zien.

Een multireference CMS met auteurs, tags, locaties en speciale edities.

Volledig geïntegreerde en gestileerde Rich-tekst elementen.

Een sticky sidebar met aanbevelingen en een dynamische Table of content.

Een voorbeeld van de blog pagina die is opgesteld. Hierin is de blog: "een visitekaartje voor Thomas Young" te zien.

Een multireference CMS met auteurs, tags, locaties en speciale edities.

Volledig geïntegreerde en gestileerde Rich-tekst elementen.

Een sticky sidebar met aanbevelingen en een dynamische Table of content.

Een voorbeeld van de blog pagina die is opgesteld. Hierin is de blog: "een visitekaartje voor Thomas Young" te zien.

Een multireference CMS met auteurs, tags, locaties en speciale edities.

Volledig geïntegreerde en gestileerde Rich-tekst elementen.

Een sticky sidebar met aanbevelingen en een dynamische Table of content.

Spicing it up | Micro animaties

Button Hover

Sticky Map

Dynamische inhoudsopgave

To be continued

Deze opdracht is nog in ontwikkeling dus op latere momenten zal hier extra content worden toegevoegd.

Finishing Thoughts

Finishing Thoughts

(Terug)blik:

Hoewel deze opdracht nog steeds bezig is, heb ik nu al heel veel van deze opdracht geleerd. Dit merk ik vooral op het gebied van klantcontact en initiatief tonen.

Volgend Project

Onderzoek Ai gebruik onder studenten

Onderzoek Ai gebruik onder studenten

De thumbnail van de Quantum Education case. Een dotmap met het Logo van Quantum Education.