Overview
An interactive daily water intake calculator built in React for a water brand’s WooCommerce store.
Visitors move through a four-step form — a bit about you, lifestyle and habits, health and energy, then a review of their answers. From height, activity, health goals and current habits, the calculator works out how much water they should drink each day and shows it visually, as body water percentage and a count of 250 ml cups.
The results then pull products live from WooCommerce and suggest the ones that fit the visitor’s needs, turning a health tool into a path to purchase.