HvA | Front-end Development | HTML, CSS & JavaScript

KNMI Luchtkwaliteit Webportaal

Voor een opdracht van de Hogeschool van Amsterdam en het KNMI heb ik samen met mijn team een mobielvriendelijk webportaal ontwikkeld. Dit portaal biedt een digitale oplossing om complexe luchtkwaliteitsdata in Kumasi (Ghana) inzichtelijk maken voor zowel wetenschappers als lokale bewoners.

Binnen dit project heb ik mij vooral gericht op het realiseren van de interactieve kaart. Om data te besparen voor lokaal gebruik koos ik voor een rustige kaartstijl die de ringweg duidelijk toont als context. Daarnaast voegde ik specifieke omgevingsfactoren en buisjesstatussen toe aan de meetpunten, en bouwde ik een functie in om locaties onderling te vergelijken.

Omdat schermruimte schaars is op mobiel, heb ik veel aandacht besteed aan een responsive ontwerp. Hiervoor ontwierp ik een compacte, uitklapbare legenda en verving ik de standaard pop-ups door een custom overlay die van onderen het scherm in schuift. Hoewel het portaal volledig is geoptimaliseerd voor mobiel, is de applicatie ook uitstekend te gebruiken op desktop.

< >