From June '17 - April '19 I was freelance visual designer in Waternet's online team.
I designed new functionalities within 3-week sprints, thought along with the product owners about
expanding and improving the website(s), and I further expanded the online identity. I also started with a design system in Sketch.
I designed new functionalities within 3-week sprints, thought along with the product owners about
expanding and improving the website(s), and I further expanded the online identity. I also started with a design system in Sketch.
What I liked
I have been a Waternet customer for many years myself so I knew the points for improvement. The team was free to proactively create user stories for improvement. There was a lot of room for change and improvement. Waternet works strict agile and in my time here I became an agile pro. Sometimes even a substitute scrummaster. I kind of liked the structure and I enjoyed working in a close team.
Case
Warm Welkom
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/71cdc2ce-c1f5-4a05-ab74-957636e25a53_rw_1920.png?h=729104b2ffcb3e08f1c853153b59dc80)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/071e1ac1-475f-4607-9ee3-465a1c6b65a9_rw_1920.png?h=2e363f83bd4819b44d670b244095d243)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/327726a8-e774-4ab6-984d-5ad6ea76fe94_rw_1920.png?h=d1d2d53d55a2f52ede6aa8418fb754ee)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/60556b7f-a7a1-4411-acf2-9af638d84c49_rw_1920.png?h=6139caa1a4b52f162f69aa2089474355)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/56c8994a-db11-4058-be34-493ba9d5e51b_rw_1920.png?h=8f481fe0587024ddf321a7f1726778c1)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/46caf8bd-2636-47b9-81fd-4bb692f2ee31_rw_1920.png?h=eccd71e5d2e92ecd78b598d02614dff6)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/7e81552e-9bc2-45d5-bbe3-d03eae087212_rw_1920.png?h=957f58c8ade60413cabedff4e85dcf50)
Problem
The first thing new customers of Waternet receive is a water tax bill or a drinking water bill. This is not a "warm", friendly introduction and could be done in a different way. Most customers don't even know what a water company is offering them in exchange of the bill/tax they pay.
What we did
In a 1-week design sprint with a small team we made a demo from the most voted idea and this was tested the same week with stakeholders and customers. I designed a new complementary style with some new colours and elements which are also used on the paper map.
Result
A welcoming concept for new customers who have just moved to a Waternet area, consisting of a paper map of the water area of their new hometown with assets (showpieces) from Waternet that can be visited. Through a QR code an online map can be visited.
On forehand we did research in the pilot area to see if the public was up for this kind of "fun" information. The outcome was positive. People were surprised when they heard that Waternet not only wanted to receive money from them, but was also responsible for pumping stations, water mills, clean recreational water, etc.
url
Amsterdam area:
https://www.agv.nl/warm-welkom/?postcode=1079CW#/ (my own home)
https://www.agv.nl/warm-welkom/?postcode=1079CW#/ (my own home)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/f0d03993-5bdd-4fdb-b1f8-734def183bef_rw_1920.png?h=8ac82279799bc38424a93f318cf759b2)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/81f788d3-a096-4ef5-8a26-987e0f1f66ce_rw_1920.png?h=ba80cb3b369564398c011a57e0ecfb63)
Case
Ilustration language
Problem
It turned out to be difficult to find suitable and stylish visual material for waternet.nl.
Many pages within the site are different and are not yet in the planning for further development.
A lack of recognizable, clear and responsive image language.
What we did
After making an inventory and the conclusion that many pages deal with multiple aspects of water use and encourage the user to take action, I thought it would be a good idea to work with illustrations which in the large versions would be a kind of mood boards and in the mobile versions an aspect of those mood boards.
My friend and illustratorAnnabelle Wallis worked out the illustrations and icons.
(I am more of an interface designer myself. )
Result
A recognisable consistent illustration style.
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/7ae2ebda-4d1a-433d-887c-c8aa57b4114e_rw_3840.png?h=c38b2d5b5feb295d5f9e90fe82913d81)
More work I did for Waternet:
In the 20 months that I worked there, I designed many elements and components.
Among other things, everything that can be seen on the following pages,
from the main navigation to the footer:
The funnel for submitting your water consumption:
https://www.waternet.nl/service-en-contact/meterstand/meterstand-doorgeven/#/
(you have to log in for this, view images)
https://www.waternet.nl/service-en-contact/meterstand/meterstand-doorgeven/#/
(you have to log in for this, view images)
The funnel for participating in Water policy issues: https://www.agv.nl/inspraak/zienswijze/#/
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/884f6cf3-0241-46c4-8227-4a7ab2452e7d_rw_1920.png?h=025617105d662f5a0ef5e24f638e35ca)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/fbc58e20-04b4-4e80-bd01-ccbb43b8eae5_rw_1920.png?h=c0445911f9ce4b0c6e174c1d1fc8cae9)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/6c4055e1-98fc-4b73-97a5-bcfc59d57337_rw_1920.png?h=7c04fb0a6a917592079bf3d12a82f38e)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/82e8ab7e-7c8b-47e5-b314-1eaaff6166af_rw_1200.png?h=0eba710b01d2c0b9b5363f81b01e3376)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/0571c037-7ece-47b4-a48c-b7af0d991042_rw_1200.png?h=9b0621cdf37cce381bf2a5848d19da3b)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/a2ab4048-166a-4691-8f18-f7ff777839c1_rw_1920.png?h=a36677af617bf159272d6762afbf4b6d)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/79e2c9b9-0688-4582-a9af-03eb5001e4ba/3061733b-a67e-4695-8511-b4087459c4a6_rw_1920.png?h=971d8bbbdb89441b7df480d8815cc05b)
Agenda, tablet version