Nieuwe website voor de Vlinderstichting
Een datagedreven platform over vlinders, libellen en voor natuurliefhebbers
Voor De Vlinderstichting ontwikkelden we een datagedreven website waarin complexe natuurdata samenkomt in een heldere en toegankelijke gebruikerservaring. Van automatisch gegenereerde soortpagina’s tot interactieve kaarten, grafieken en een uitgebreide webshop: een toekomstbestendig platform dat meegroeit met nieuwe inzichten over vlinders en libellen.
We werden door De Vlinderstichting gevraagd te pitchen om hun nieuwe website te realiseren. Eentje die niet alleen mooi en toegankelijk moest zijn, maar vooral slim! Want achter de schermen schuilt een enorme hoeveelheid data over vlinders, libellen, waarnemingen, trends, publicaties en projecten. Na de pitch met drie andere bureaus werd Go2People gekozen om dit project te realiseren!
Van complexe data naar een logische gebruikerservaring
De kern van dit project zat in de uitdaging om complexe en voortdurend groeiende data begrijpelijk te maken voor een heel brede doelgroep. Van onderzoekers en beleidsmakers tot docenten, vrijwilligers en natuurliefhebbers die simpelweg meer willen weten over een specifieke vlinder of libel.
We begonnen daarom bij de basis: de gebruikerservaring. We ontwikkelden wireframes, een functioneel ontwerp en een duidelijke navigatiestructuur. Alles is zo opgezet dat content logisch aan elkaar is gekoppeld. Daardoor ontstaat een vorm van ‘oneindige navigatie’: bezoekers klikken moeiteloos door van soort naar leefgebied, van kaart naar trendgrafiek en van publicatie naar gerelateerd nieuws.
Maatwerk WordPress met een slimme database-koppeling
De website is volledig custom gebouwd in WordPress. Het meest technische (en tegelijk meest onderscheidende!) onderdeel is de koppeling met de vlinder- en libellendatabase. Deze is door Niels op maat geschreven. Zodra een nieuwe soort wordt toegevoegd aan de database, genereert de website automatisch een complete detailpagina. Inclusief statuslabel, beschrijving, afbeeldingen en alle bijbehorende visualisaties.
Elke soortpagina toont onder andere grafieken met vliegtijden, trendgrafieken die aantallen en ontwikkelingen door de jaren heen laten zien en een interactieve kaart met waarnemingen in Nederland. Die kaart is gerealiseerd met het open source systeem ‘OpenStreetMap’ en maakt de data letterlijk zichtbaar op de kaart. Ook foto’s van de verschillende levensstadia van vlinders zijn geïntegreerd, zodat bezoekers een volledig beeld krijgen. Deze opzet is niet alleen toegepast op vlinders, maar natuurlijk ook op libellen!
Meer dan alleen informatie
De website is veel meer dan een kennisplatform. Voor educatieve projecten, zoals Koolwitjes in de klas, ontwikkelden we een webshop en bestelmodule op maat. Deze is gebaseerd op WooCommerce, gekoppeld aan Exact en uitgebreid met specifieke functionaliteiten zoals het kiezen van een aparte leverdatum en een volledig geïntegreerd betaalproces.
Daarnaast is er ruimte voor cursussen, teamuitjes en activiteiten voor particulieren. Afgestemd op het boeken en plannen van educatieve activiteiten.
De site bevat een actueel-sectie met nieuws, een agenda met evenementen én een grote documentendatabase. Publicaties en rapporten (in totaal zo’n 7.000 tot 8.000 PDF’s!) worden automatisch ingeladen vanuit een externe database en overzichtelijk getoond op de website. En! Bezoekers kunnen natuurlijk eenvoudig doneren via een uitgebreid formulier met iDEAL-koppeling.
Samen gebouwd, stap voor stap
Dit project is het resultaat van intensieve samenwerking. Niels verzorgde samen met Tim de backend en complexe databasekoppelingen, waarbij Tim zich onder andere richtte op de interactieve kaarten en visualisaties. Roy bouwde de frontend, Laura bewaakte als projectmanager het proces en Zoë-Jane werkte mee aan UX. Het visuele ontwerp werd verzorgd door Maarten van Blue Field Agency.
Het resultaat
Een project waarin techniek, UX en inhoud elkaar versterken. Een toekomstbestendig, datagedreven platform waarin enorme hoeveelheden informatie samenkomen in een heldere en toegankelijke ervaring. De nieuwe website van De Vlinderstichting groeit automatisch mee met nieuwe data, inzichten en projecten, zonder dat dit ten koste gaat van gebruiksgemak. Een site waarin de gebruiker onvermoeibaar rond kan struinen!