Youngest customers

New water website for kids between 6 and 14

De Watergroep’s new website for kids introduces our younger customers to the drinking water production process in a playful way.

In 2019, De Watergroep revamped its water website for children and teenagers between 6 and 14 years of age. “The website is best viewed as a ‘place of discovery’. Together with Sam and her dog Flapstaart, kids get to explore the watery world of Arcadia. On their journey, they are introduced to all aspects of drinking water production and distribution, all the way to the removal and treatment of waste water”, Communications expert Judith De Kerpel explains. “We really made the most of gamification: at the end of every scene, we added a little game. Our eventual aim is to make children realise that tap water is a sustainable and high-quality product. It’s never too early to acquire the right habits!” If you fancy having a look, you can enter Arcadia via https://kids.dewatergroep.be. The website adds a fun extra element to De Watergroep’s existing learning platform.

introductie foto New water website for kids between 6 and 14
function swipedetect(el, callback){ var touchsurface = el, swipedir, startX, startY, distX, distY, threshold = 200, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime, handleswipe = callback || function(swipedir){} touchsurface.addEventListener('touchstart', function(e){ var touchobj = e.changedTouches[0] swipedir = 'none' dist = 0 startX = touchobj.pageX startY = touchobj.pageY startTime = new Date().getTime() // record time when finger first makes contact with surface e.preventDefault() }, false) touchsurface.addEventListener('touchmove', function(e){ e.preventDefault() // prevent scrolling when inside DIV }, false) touchsurface.addEventListener('touchend', function(e){ var touchobj = e.changedTouches[0] distX = touchobj.pageX - startX // get horizontal dist traveled by finger while in contact with surface distY = touchobj.pageY - startY // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime // get time elapsed if (elapsedTime <= allowedTime){ // first condition for awipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipedir = (distX < 0)? 'left' : 'right' // if dist traveled is negative, it indicates left swipe } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint){ // 2nd condition for vertical swipe met swipedir = (distY < 0)? 'up' : 'down' // if dist traveled is negative, it indicates up swipe } } handleswipe(swipedir) e.preventDefault() }, false) } window.addEventListener('load', function(){ var el = document.getElementById('prevnextbar') var nextpage = document.getElementById('nextpage') var prevpage = document.getElementById('prevpage') swipedetect(el, function(swipedir){ if (swipedir != 'right'){ prevpage.click() } if (swipedir != 'left'){ nextpage.click() } }) }, false)