top of page
Mapping the World's Water for
The Nature Conservancy
The Nature Conservancy approached Stamen to help them to create an entirely new project about water resources in hundreds of cities around the world. Tasked with both a standalone microsite and a custom map, we also faced the challenges of visualizing a variety of statistics about the cities, as well as bringing city narratives and images to complement the data.
While one teammate consumed and began to generate raw visualizations of the data, another I began an intensive audit of content, and I got busy wire-framing, sorting out flows and hierarchies, as well as developing a system of symbols that could permeate the experience.
Check out the live site here.
Urban Water Blueprint
![](https://static.wixstatic.com/media/a8fe07_9c6190a4cfde4fd583797ddbd6dd1aab.png/v1/fill/w_684,h_885,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_9c6190a4cfde4fd583797ddbd6dd1aab.png)
Wireframes and the Beginning of Visual Thinking
![](https://static.wixstatic.com/media/a8fe07_e3e6d6f177a54d4089ae5f37eb7210e1.png/v1/fill/w_963,h_767,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_e3e6d6f177a54d4089ae5f37eb7210e1.png)
![](https://static.wixstatic.com/media/a8fe07_06aeb2f602194bdf90e3f87d89879179.png/v1/fill/w_600,h_593,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_06aeb2f602194bdf90e3f87d89879179.png)
![](https://static.wixstatic.com/media/a8fe07_eca0b399e15c452f9dd90b318b4bf0aa.png/v1/fill/w_345,h_582,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/a8fe07_eca0b399e15c452f9dd90b318b4bf0aa.png)
Finished Design
![](https://static.wixstatic.com/media/a8fe07_69ac21a6c13b42e5b845408f10ba133a.png/v1/fill/w_764,h_587,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_69ac21a6c13b42e5b845408f10ba133a.png)
Introduction Panel
![](https://static.wixstatic.com/media/a8fe07_ac0c5c96ca4f4e2dbdd30637294d81b6.png/v1/fill/w_764,h_608,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_ac0c5c96ca4f4e2dbdd30637294d81b6.png)
Landing Map View
![](https://static.wixstatic.com/media/a8fe07_5364c4411b63486da4476c36e5be6cf6.png/v1/fill/w_769,h_1237,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_5364c4411b63486da4476c36e5be6cf6.png)
Featured City Page
![](https://static.wixstatic.com/media/a8fe07_a2d40cfc8658402e883c9cca6b2b348e.png/v1/fill/w_769,h_570,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_a2d40cfc8658402e883c9cca6b2b348e.png)
Tweet About It!
![](https://static.wixstatic.com/media/a8fe07_021100a6fa2b41c298dbc9b7ae43be2b.png/v1/fill/w_769,h_689,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_021100a6fa2b41c298dbc9b7ae43be2b.png)
Embed It!
![](https://static.wixstatic.com/media/a8fe07_86c82fc37120428daf8354e46f03d9d5.png/v1/fill/w_769,h_1056,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_86c82fc37120428daf8354e46f03d9d5.png)
About
![](https://static.wixstatic.com/media/a8fe07_458413416fe743bfb2362a6c43733b0f.png/v1/fill/w_764,h_954,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_458413416fe743bfb2362a6c43733b0f.png)
Risks View: Quality
![](https://static.wixstatic.com/media/a8fe07_fabc5142271545989bde523b652a73c3.png/v1/fill/w_769,h_1057,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a8fe07_fabc5142271545989bde523b652a73c3.png)
Media Page
bottom of page