Case Study: Clean Water Infographic

A global asset manager sought to turn volumes of data into at-a-glance insights. This campaign helped to spread the word about clean water investment opportunities.

Michael Loscalzo
Jul 9, 2018 · 4 min read
Image for post
Image for post

The opportunity

A global asset manager developed a mutual fund that may be poised for a wave of growth in the coming years. I worked on a marketing campaign that helped to spread the word about the investment opportunities. I worked on the illustrations, designs, and the code for all of the materials described below.

The printed infographic

First, we gathered and categorized some compelling data that highlighted the increasing need for clean water.

Then, the editorial team helped to frame the content with some concise text.

Image for post
Image for post
Image for post
Image for post
Some early drafts featured more graphic header treatments, which were too off brand.

After numerous drafts we arrived at the final version of the infographic.

Image for post
Image for post
Printed infographic.

The infographic received a FCS award and was popular with the sales staff. It was the most ordered item on the internal document center for several months.

Expanding our efforts

  • Web: Create an interactive version of the infographic.
  • Email and Social Media: Distribute links and increase visitor traffic.
  • Video: A brief video will offer an alternative way for investor’s to consume the information.

ℹ️ WEB

Image for post
Image for post

Launch the interactive water infographic

Using HTML, CSS, and a little Javascript, I converted the content from the printed infographic into an interactive experience.

Image for post
Image for post
Image for post
Image for post
Samples of interactivity.

I made an effort to keep the page light-weight. A smaller page size is beneficial for page load time and search engine optimization.

Image for post
Image for post
Repeated elements on the x-axis help to keep this wave animation light-weight.

It was also crucial that the interactive version of the infographic be mobile-friendly. Special care was taken during the coding process to accommodate all viewport sizes.

Image for post
Image for post
Demonstration of responsive layout.

After strenuous testing, the interactive infographic was ready! An email and social media campaign were developed to drive traffic to the content.

📥 SOCIAL MEDIA & EMAIL

Image for post
Image for post
Image for post
Image for post
Image for social campaign.
Image for post
Image for post
Email as viewed on Desktop.

📺 VIDEO

Image for post
Image for post
Video content based on the infographic.

Building on the experience

Following the success of the water fund campaign, we applied similar methods to promoting a technology fund.

Image for post
Image for post

Launch the interactive tech infographic


Thank you for reading! If you enjoyed this story you can Read more or Follow me on Twitter.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store