De briefing
Kortijk heeft zich kandidaat gesteld voor Europese cultuur hoofdstad 2030. Bij hun kandidatuur willen ze zo veel mogelijk hun inwoners betrekken, maar op dit moment merken ze dat jongeren niet worden bereikt.
Het doel is om jongeren op lange termijn te betrekken bij vormgeven en realiseren van de cultuurhoofdstad. Zodat ze in 2030 zullen terugkomen als bezoeker.
Het concept
Tijdens onze research ondervonden we dat vele jonger zich niet gehoord voelden binnen de stad en er ook geen echte connectie mee hadden. Terwijl voor hen cultuur net over de mensen ging.
Aan de hand van bloeiend geven we jonger de kans om hun boeiendste plekken te laten bloeien. Op een kaart selecteren ze de plaats die voor hen van belang is, en delen ze waarom ze deze plek kiezen. Hierdoor wordt er dan een zaadje geplant op deze plek. Op een kaart kunnen jongeren al deze plekken en hun verhalen bekijken. Daardoor krijgen ze de kans om gehoord te worden en kunnen de verhalen en plekken voor verbondenheid zorgen met elkaar en de stad.
Tussen 2024 en 2030 wordt er elk jaar een van de vijf boeiendste in de kijker gezet, om deze plek op de kaart te zetten. In 2030 wordt er een bloemenveld gezaaid dat symbool staat voor alle verhalen van de jongeren en een startpunt zal zijn voor een stadsroute met de vijf b(l)oeiendste plekken van de jongeren.
Het proces
Na samen het ux proces te hebben doorlopen, ben ik verder gegaan met het coderen van ons concept terwijl mijn teamgenoot, Kato Vounckx focuste op het visuele aspect. Het meest uitdagende maar ook belangrijkste aspect voor het project was het implementeren van de kaart.
Voor de overzichtskaart is er een zoekbalk met autocomplete geïmplementeerd die beperkt is tot Kortrijk. Zodat gebruikers makkelijk een gewenste locatie kunnen vinden. Hiernaast moesten op de kaart de locaties aangeduide worden en daarbij de bijhorende verhalen getoond worden. Aan de hand van een graphQL query werd de nodige data uit de craft cms backend gehaald.
Het proces
Gebruikers konden op twee manieren hun boeiendste plek kiezen. Ze konden gebruik maken van de zoekbalk met autocomplete, die voor hen dan automatisch marker plaatste op gewenste locatie. Of ze konden zelf gaan zoeken op de kaart en de locatie zelf aanduiden.
Om ervoor te zorgen dat een gebruiker niet tot op de pixel moest inzoomen voor zijn locatie te selecteren, werd er een nearby search geïmplementeerd. Als de gebruiker dan klikte op de kaart werd er in een straal gezocht naar de dichtstbijzijnde locatie. Hierbij werd er ook eerst gezocht naar een effectieve plaats aangezien er bij het antwoord van de google maps API meerdere straten zaten.
Het
resultaat
B(l)oeiend! is een van de projecten waar ik het meeste trots op ben. Omdat het alles omvat wat ik in mijn tweede jaar had gezien, namelijk responsive, react en craft cms. Maar ook omdat het project een uitdaging was om net nieuwe dingen te proberen. Het is fantastisch om met iets van nul te starten en elke keer kan verbeteren tot een eindresultaat dat zelfs je eigen verwachtingen ten boven gaat.
Benieuwd naar het eindresultaat? Ontdek zelf de website of bekijk hieronder de video.
Ontdek de site
Video
Volgende project
Great Highland doedelzak
Een interactieve longread rond de Great Highland doedelzak voor het Muziekinstrumentenmuseum te Brussel.
Bekijk project
Terug naar overzicht