Creative Director
Shell Hero-Portfolio V2 Yellow.jpg

Shell - The Mobility Quandry

Shell Hero-Portfolio.jpg
 
 

Transportation Powers Modern Society.

It allows us to commute to a downtown skyscraper for work and traverse the globe for an exotic beach vacation. Yet there are challenges inherent to this awesome advancement. Namely, transportation is one of the key drivers of energy consumption. With the world’s population and vehicle usage surging, these challenges have become more pressing. It’s as important as ever that we develop sustainable vehicles and transport infrastructure to bring lasting efficiencies to modern mobility.

Shell and WP BrandStudio co-created a groundbreaking multimedia program that builds awareness by pulling back the curtain on those efforts. In a 2-part series we created a rich narrative with eye-catching illustrations that visualize some of the most salient, impactful facts seeded in the story. From investing in electric infrastructure to developing novel biofuels to sourcing the material that allows for lighter, more efficient vehicles, we portrayed Shell as the energy giant working to make getting around better for the world.

I acted as the creative lead overseeing artist selection, the development of the user experience, engineering, and content distribution. It’s worth noting that this first execution for Shell exceeded all key performance benchmarks for branded content at the Post and also surpassed all client KPI’s.

Below is a video of the mobile experience for the first release titled “The Mobility Quandry.”

 
 
 

Video: Mobile Experience


 
Shell - Devices.png
 
 

Responsive multimedia EXPERIENCE

We designed and developed a responsive experience where readers consumed the content across the Washington Post’s owned and operated platforms. Within the vertical scrolling experience, custom illustrations were designed to highlight compelling points within the journalistic piece. Below are screens of the entire user experience.

 
 
shell_release_1_v3-(1)Desktop-optimized.jpg
Portfolio Mobile Layouts4.jpg
satchel7.jpg
satchel8.jpg
satchel9.jpg

 
 

Branding & motion

We illustrated and crafted animations adding motion to the art. Below are loop samples from each of the animations leveraged within the content experience.

 
 
Shell-Animations-Compps.gif
Shell-Animations-Comp_2.gif
Animation Sequence for Branding & Graphics
Shell-Animations-Comp_3.gif

 
 

social distribution

We promoted and distributed the branded content experience for Shell targeting key audiences across social channels.

 
 
Social 1.jpg
Social 4.jpg