2013

One Cause, One Coastline, One Chance

Operation 111 was an initiative launched to improve the economy by educating and promoting sound conservation and restoration of the Gulf Coast in the 5 states receiving funds related to the 2010 BP Deep Horizon Oil Spill.

Campaign goal: ensure meaningful communication and let Gulf Coast residents know that we are all in this together. Encourage the use of funds from the RESTORE the Gulf Coast Act to create local job and training opportunities, strong communities, and long-term economic health by investing in the restoration of the Gulf's wetlands, oyster reefs and barrier islands.

Raising Awareness About Gulf Coast Conservation
$20.8B

historic settlement the campaign helped influence

Role

XD ยท Design & Development Lead

Client

Operation 111 ยท Victory Group

Year

2013

Timeframe

2 months

Skillsets

Information Architecture, UI/UX Design, Design Integration

Tools

Photoshop, Illustrator, NationBuilder

Contributions

Leading the campaign's online presence

I led the design and development of the campaign's online presence to empower the storytelling of those impacted, build awareness around the impact of the spill on the Gulf region, and plan a pathway for patrons to learn about both the data and the stories of those impacted by the 2010 BP Deep Horizon Oil Spill. I was also responsible for design documentation and training.

Why is this important?

Can a campaign create and drive meaningful conversations?

Gulf Coast ecosystems are an important economic driver for the states within this region of the US. This campaign was about helping impacted states get the critical services and products needed to drive job creation once again, including:

  • 1.3 billion pounds of seafood annually with a dockside value of $661 million.
  • The largest remaining wild oyster harvest in the world supported by Gulf Coast waters.
  • 23+ million recreational fishing trips annually attracted to the region.
  • 600,000+ jobs and $9 billion in wages annually in tourism and recreation.
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual

Technical solution

Choosing the development platform

When deciding on the development approach we researched solutions that provided the features needed to achieve the campaign goals: creating a campaign, establishing community initiatives, accepting donations, and providing tools that allow people to rally around causes they care about. By partnering with a technology consultant, the NationBuilder Community Platform was recommended as the most efficient platform to grow a community and move it to action.

Raising Awareness About Gulf Coast Conservation, project visual

Design planning

Design planning + wireframes

Due to the complexity of NationBuilder as a robust multi-capability CMS/CRM, we had multiple rounds of technical planning meetings to align and clarify design decisions. Planning artifacts such as flowcharts and wireframes helped us collaborate and think through content, messaging, and placement of interactive elements.

Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual

Goals

Stories in front of policymakers

The campaign site provides a web-based platform for fishermen, restaurant owners, community leaders, and other coastal residents to tell their stories and urge policymakers to support environmental restoration projects that benefit Gulf communities. Get petitions in the hands of state congressmen who would ultimately inspire Washington D.C. to respond with a plan of action.

Round 1 ๐ŸฅŠ

Blocking out the foundations

The first round of ideas focused on blocking out content and running dev tests inside NationBuilder to establish the fixed and flexible aspects of the platform: finding a balance between using one color throughout the website or including complementary colors, and thinking about accessibility, contrast, and content hierarchy throughout the page layout.

Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual

Round 2 ๐Ÿ’ฅ ๐ŸฅŠ

A better experience takes shape

Round two explored a path to a better reading and engagement experience: an interactive map of the Gulf States acting as entry points into specific state initiatives, ways to balance the dominance of so much blue by using color as an identifier for certain tasks, and background images used to establish mood, context about the campaign, and contrast between foreground and background.

Raising Awareness About Gulf Coast Conservation, project visual
Raising Awareness About Gulf Coast Conservation, project visual

Success

Reach & impact

Launched in March 2014, the campaign significantly influenced the largest environmental settlement in U.S. history by April 2016. By amplifying the voices of those affected by the BP oil spill, the campaign played a pivotal role in securing a historic $20.8 billion settlement, the largest ever in the U.S.

Raising Awareness About Gulf Coast Conservation, project visual

Credits.

XD

Matthew Lett

Technical

Trevor Montgomery

Creative Director

JP Manterola

Content/Editor

Samantha Henry

Strategy

Victory Group