webdesign /
webrealisatie /
grafisch ontwerp /
illustratie/
Webflow /
Website waterkaravaan.nl
Webdesign en realisatie
De Waterkaravaan is een expositie van drijvende tuinen in de grachten van Amsterdam. Het is een initiatief van Amber Beernink van Novamber. Zij wilde voor dit project een website om geïnteresseerden te informeren over alles wat deze tuinen zo mooi maakt, waar de tuinfestivals gehouden worden, en als digitaal visitekaartje.
Niet zomaar wat leuke tuintjes
Deze drijvende tuinen zijn niet zomaar beplant met wat plantjes, maar zorgvuldig samengesteld en ingericht om te laten zien wat er gedaan kan worden om de biodiversiteit en waterkwaliteit te verbeteren. Ze zijn opgebouwd op Amsterdams grachtenhout, dat vrijkomt bij renovaties aan kades en bruggen, en bieden ruimte voor ecologische innovaties zoals bijvoorbeeld de Craybar: een vernuftige manier om Amerikaanse rivierkreeftjes, een invasieve exoot, te vangen op de bodem en op te dienen aan reigers en andere schaaldieren eters in een ondiep poeltje op de tuin.
Samen structureren en analyseren
Voordat ik het ontwerp ging opzetten, hebben we samen structuur aangebracht in deze informatie en schetsen gemaakt hoe dit het beste geordend en gevisualiseerd kon worden. Vandaaruit heb ik meegedacht over kleurgebruik en het eerste design opgezet. Zo kwamen we door meerdere designrondes tot een definitief ontwerp.
Realisatie in Webflow
De website heb ik uiteindelijk gerealiseerd in Webflow. Als webdesigner en bouwer heb ik de hele website voor haar opgezet, inclusief de hosting en SEO, wat de vindbaarheid van de website vergroot. Na een instructie van mij heeft Amber zelf de teksten en afbeeldingen op de website kunnen plaatsen via Webflow. Ze kan ook nieuwe pagina's aanmaken en inrichten met een aantal vooropgezette componenten, een soort bouwblokjes waarmee een pagina opgebouwd kan worden. Zo kan zij zonder verdere technische kennis haar website onderhouden en up-to-date houden.
Deze drijvende tuinen zijn niet zomaar beplant met wat plantjes, maar zorgvuldig samengesteld en ingericht om te laten zien wat er gedaan kan worden om de biodiversiteit en waterkwaliteit te verbeteren. Ze zijn opgebouwd op Amsterdams grachtenhout, dat vrijkomt bij renovaties aan kades en bruggen, en bieden ruimte voor ecologische innovaties zoals bijvoorbeeld de Craybar: een vernuftige manier om Amerikaanse rivierkreeftjes, een invasieve exoot, te vangen op de bodem en op te dienen aan reigers en andere schaaldieren eters in een ondiep poeltje op de tuin.
Samen structureren en analyseren
Voordat ik het ontwerp ging opzetten, hebben we samen structuur aangebracht in deze informatie en schetsen gemaakt hoe dit het beste geordend en gevisualiseerd kon worden. Vandaaruit heb ik meegedacht over kleurgebruik en het eerste design opgezet. Zo kwamen we door meerdere designrondes tot een definitief ontwerp.
Realisatie in Webflow
De website heb ik uiteindelijk gerealiseerd in Webflow. Als webdesigner en bouwer heb ik de hele website voor haar opgezet, inclusief de hosting en SEO, wat de vindbaarheid van de website vergroot. Na een instructie van mij heeft Amber zelf de teksten en afbeeldingen op de website kunnen plaatsen via Webflow. Ze kan ook nieuwe pagina's aanmaken en inrichten met een aantal vooropgezette componenten, een soort bouwblokjes waarmee een pagina opgebouwd kan worden. Zo kan zij zonder verdere technische kennis haar website onderhouden en up-to-date houden.
Springt in het oog
Fris kleurgebruik van roze en groen, voor een optimistische en idealistische uitstraling
Stilistische visuals gebaseerd op de onderwaterwereld, getekend in Procreate op een iPad
Illustraties met zwarte pen van waterdieren, digitaal getekend
Technische details
Design gemaakt in Figma
Gerealiseerd in Webflow
Herbruikbare componenten speciaal ontworpen voor De Waterkaravaan
In twee talen: Engels en Nederlands. Gerealiseerd met de ingebouwde localization functionaliteit van Webflow
Een website van analyse, tot design en realisatie
Ik kan met je meedenken en tot het ontwerp komen voor een website of online project om deze uiteindelijk te realiseren in Webflow. Omdat ik ook kan programmeren, zitten we niet per se vast aan kant-en-klare oplossingen van Webflow. Al kan dat natuurlijk ook, als dat voldoende is :) Maar custom oplossingen zijn ook mogelijk.
Ik kan met je meedenken en tot het ontwerp komen voor een website of online project om deze uiteindelijk te realiseren in Webflow. Omdat ik ook kan programmeren, zitten we niet per se vast aan kant-en-klare oplossingen van Webflow. Al kan dat natuurlijk ook, als dat voldoende is :) Maar custom oplossingen zijn ook mogelijk.
