Marketing - Design

Visual Storytelling

I created an isometric model to explain the narrative of a complicated, yet critical process that delighted and inspired the company.

Company
WSP
Dates
AUG 2021 - NOV 2022
Tools
Illustrator - Indesign

Problem: How can we translate a complicated process into something visual and simple?

As part of a RFP (request for proposal), I was asked to re-create an existing process graphic created for a specific business sector. Overall, the process graphic explains the Green Hydrogen Process and how WSP impacts the environment and economy.

Goal
1

Create a standalone infographic to be used in a single marketing case

Goal
2

Align with experts on how to display the process

Analysis

The original designs featured two paths, one that included natural gas and the other that only included renewable energy (solar, wind, and water).I conferred with a few engineers on this process, highlighting these 3 questions:

1. What is the most important feature or process each of these graphics should convey?
2. How much of the process can I remove or simplify?
3. If the reader has only one takeaway, what would that be?

The subject matter expert (SME) answered the 3 questions simply with: "we need renewable energy to be front and center, everything else is extra."

1st Iteration

WSP's branding includes isometric modeling and having designed isometric models before, I knew the complicated 2D graphic process would benefit from this type of design. For the first iteration, I had 2 more conversations with the engineering team and reduced the content and added color to describe certain sectors. I created and combined my own art with a few existing branding elements to create the total illustration.

3rd Iteration

A few iterations later, I simplified the graphic. After the engineers reviewed, the most dramatic change that was not initially discussed was surrounding the H2 storage. The containers are actually underground and not visible in the original 2D model, aside from a small photo. I  chose to highlight the paths of hydrogen rather than sectors, to make this process more applicable to a broad audience.

Renewables

After completing the first isometric model, I created an alternate version to highlight the renewable process specifically by greying out the other paths and focusing the reader on how renewables can still produce the same amount of hydrogen for all users.

Final

In the final isometric illustration, I incorporated feedback from the engineering team that included re-designing the H2 storage tanks. These are massive 60 ft+ tanks, however, only 10% is actually exposed on the surface. This was an important feature that the engineering team wanted to visually communicate so that potential clients could clearly see the return on investment.

The isometric illustration was presented through a town hall and through conferences, packaging, and additional campaigns raising internal and external client awareness and engagement increased by over 50% nationwide.