Oasen.nl

Client portal

An award-winning platform with a unique water-inspired design

Challenge

Create a relevant and immersing experience for customers that informs and educates them about the drinking water in their homes.

Outcome

An interactive customer portal that educates customers on how top-quality drinking water is created and where they can easily manage their utility accounts.

Impact

The new platform led to a substantial improvement of customer satisfaction and a reduced number of calls to the customer service center.

Less
calls to customer service center

Strategy

After a careful rebranding, Oasen was looking for an innovative way to showcase their mission and values. With this goal in mind we built a website that brought their services closer to their customers.  

By working with personas and user stories, we made sure that the new site resonated well with their target audience and was easy to navigate. The site also showed how socially engaged the company is in their community. Key was to make the website accessible for all of Oasen’s customers. For that purpose the user experience design was well thought through, using analytical data from the old website.

 

Creative

Water and the local environment are key assets in Oasen’s brand identity. We brought this to life by making an engaging interface that has a lot of motion. Oasen.nl tells an interactive story about how top-quality drinking water is created and at the same time shows their involvement in the local community by featuring photos from their service area.

Oasen.nl had to be user friendly and inviting and we achieved this by making the design lively and colorful. Subtle micro animations and water effects guide visitors to the right places on the website.

The result was a design with an advanced but compact  structure, full screen menu and seamless animated transitions.

 

Technology

The platform is built on top of the Phalcon framework in PHP. The front end is written in ReactJS and extensive CSS and Javascript animations bring the page alive. In the back end, multiple integrations are active to provide relevant services for website users including the internal Microsoft Biztalk platform and iDEAL payments.

System Integrations

Microsoft Biztalk, SOAP API, iDEAL, SSO SAML

Tech partners

Highlights

  • Combining educational content with an easy to navigate and fun to browse customer portal.
  • The user interface has a unique water-inspired design and many hidden treasures like alternating morning and evening animations.

 

Awards
Lovies Awards Silver winner, Web: Charitable Organisations/Non-Profit
CSS Design Awards Special Kudos winner
Awwwards Site of the Day winner
Awwwards Honorable Mention
DPDK | 2017
Pim van Helten
CEO

Want to know more about this project?

Contact Pim