For this project, I was tasked with choosing an existing water problem and creating a program that attempts to solve it. This takes the angle of Nestle water withdrawal; the low cost they spend to the government and the effect it has on the surrounding environment.

Homepage wireframe sketch

Bottle Scanner wirerframe sketch

Bottle Info wireframe sketch

Water Sources wireframe sketch

Environmental Tracker wireframe sketch

Contributions wireframe sketch
From here, I created a high-fidelity version of that prototype.



After surveying a few people on the ease of use of this prototype and meeting with class members, there were some tweaks to be made for the final version.

Navigation Test Results

Navigation Test Results

Navigation/User Survey Results
Walkthrough of the final prototype can be seen below. For access, go here.

Navigation

Home Page

Bottle Scanner Page

Access Denied Page

Access Allowed Page

Bottle Information Page

Popout Map that will appear when clicking on magnifying glass or smaller map image

Water Sources Page

Environmental Tracker Page

Native Wildlife Page

Reduce Consumption Page

Bottle Tracker Page
