Coral Reef Restoration Ad. Design

Adobe Design Jam Finalist 

Overview

The Challenge

Enable & motivate people to donate to reef restoration efforts.

Time Frame

1.5 week

Background
$35 donation = 1 ReefStar technology = restores a reef.

Team: 2 people

My Job: UI design, execution

My partner's job: Illustrate & photoshop materials.

Target&Challenge

important features for our UI:

• Individual donations
- Make it fun and easy for anyone to donate!
• Corporate-level sponsorship

 

Sharing

- how can sharing amplify the campaign to other individual/ communities

• Inform

- Provide just enough information to keep people engaged and care.

- What types of media will make the most impact?

UserGroup

Millennials are one of the hardest user group to motivate to donate, but they are also the ones introducing new ideas to families.

Our goal is to encourage the younger people today to be more involved in the world of environmental issues.

Angle of Attack: When there is a social media trend, the number of Gen Y and Gen Z people participating can be overwhelming. So we used social media advertising as a starting point, but also an ending point for people to share the cause. 

RoughIdeas

Week 1

 FastPrototyping

The ad. idea is simple and efficient, but it needs some "Jazz" to stand out against the pool of other ads. 

The gaming app is a popular idea. It has the "cool" factor as a project, but complicates the process & does not achieve the need in an efficient way.

Revision&Final Sketch

By combining the engaging nature of games and the spreadable and fast-paced nature of social media photo trends

we are able to create a compelling advertisement that can expand beyond the user groups it first touched.

UserFlow

Xd Prototype

User Test Analysis

Week 2

FinalPrototype

FinalPrototype

FinalPrototype

FinalPrototype

Hook/Attraction

• To make the viewers enter or click on the ad. 
- The
pictorial and playful quality of Instagram, Facebook and Snapchat are the best entry points for an ad targeted towards GenY & Gen Z user groups.

- "Skip" button is added in response to the few users who are not interested in playing with the coral characters. 

- Snapchat and Instagram camera filters are created as a lead-way to the ad. When viewers click on learn more, a window for the ad pops out. 

- The mysteries game in the ad. further draws in the users

Emotional

• To make the viewers empathize
- The
dramatic shift from the cheerful illustrations and the colorful image of the coral to the lifeless dead coral surprises and impacts the users emotionally. This strategy is proven to leave a lasting impression on users during our user testing.

Educational

• Make Users Care
- Information is reduced to simple  short  sentences to keep it concise but still informing the users why the issue matters.

- 2 more info slides were added in response to users wanting more information before donation

- The animation is used to strengthen the emotional effect of each sentence 

Encouraging 

• Subtle designs choices engage and encourage the users
- The Corals in the background slowly
comes back alive as more donation information is given

- amount of coral restored is presented in relation to the amount of donation selected to encourage the users.

Corporate 

• Corporate level engagement is encouraged
- easy to recommend the donation to the user's corporation 

- Logos of companies that are already involved serve to further encourage engagements. 

SOCIAL MEDIA SHARING

Complete Walkthrough

Other Entry Points to the Ad.

• Physical lead-way to the ad.
- The playful quality of the UI design works well with interactive screens. Collaboration with ocean parks could be made to promote the cause

Concept 2

• Bored of waiting for the bus?

Scan to play this tiny game and learn more about our ocean!
 

Entry Point 2

• Bored of waiting for the bus?

Scan to play this tiny game and learn more about our ocean!
 

Conclude&Reflect

Conclude&Reflect

Conclude&Reflect

Conclude&Reflect

Improvements & Next Steps 

• Corporate-level Sponsorship

Because of the personal nature of social media advertising, we did not explore deeper into how our ad. would encourage Corporate-level Sponsorship. Our next step would be to think about how more companies could be encouraged to join the conversation.

 

• Returning User

The ad. serves more as an entryway for users to learn about the cause, donate, and share. Moving forward, I would like to explore how we can bring back users who had already  donated  and develop the relationship they have with the non-profit organization.

• Surface Level Design Iteration

User test surface design choices.

Testing the visibility of the call-to-action buttons and make them stand out more.

I need to learn graphic design

• After Sharing

How effective are the shared photos are in attracting more users, is a link or logo provided with each photo shared? How is profile filter effective in relation to camera filter?

What we achieved

• Easy entry

By focusing on the behaviors of the user, we found a way to introduce the ad. that is easily accessible and relevant to the activity habits.

 

• Sharable

The use of social media and filters allowed a fast, and engaging way to share the ad. The use of photo-sharing opens the potential for the campaign to become a trend.

• Engaging

The animation, characterization of corals, story-telling, and responsive aspects of the ad worked together to create an engaging experience for the user.

I enjoyed this project greatly. I hope you feel the same!