Wish%20Star%20Cover-01_edited.png

UIUX/ MOBILE APP/ WEBSITE

DONATION CAMPAIGN X ADOBE XD

WISH STAR

10   /   10   /   2019

OVERVIEW

A digital solution for Adobe X Ocean Agency's "REEF STAR Campaign" that will enable and motivate people to donate to reef restoration efforts.

TIME FRAME + COLLABORATION

1  and a half week + Kai Zhang

Anya Liu: Structure, Prototype, Animation, Website interface

Kai Zhang: Structure, Prototype for the account and community pages

 

WHAT IS A REEF STAR?

A reef restoration method that helps regrow coral reef by nurturing the small coral clippings until they grow and reform the radiant forest, bring back the eco-system around them. A reef star is only costing $35, and it could restore a reef with a dozen coral.

OCEAN AGENCY BRAND IDENTITY

"SAVING OCEAN LIFE THROUGH CREATIVE COLLABORATION"

Ocean Agency is an international non-profit organization dedicated to marine conservation. Currently, the Ocean Agency is focused on coral reef conservation. 

MARKET RESEARCH

How other donation platforms and how our current (Ocean Agency)'s page look like?

Screen Shot 2020-02-25 at 17.33.24.png
Screen Shot 2020-02-25 at 17.33.33.png
Screen Shot 2020-02-26 at 05.47.39.png

USER RESEARCH

Journey Map and Persona

Design Opportunity

Screen Shot 2020-02-25 at 17.57.08.png
Screen Shot 2020-02-25 at 17.58.50.png

INSIGHTS & CHALLENGES

1. How do we raise awareness of reef extinction?

2. How do we attract the audience to donate?

3. How do we educate the audience with the environment protecting knowledge?

4. How do we keep our audience after donation?

CONCEPT & STRUCTURE BRAINSTORM

We want to create a platform for the audience to access information about reef stars, let the donation process be as easy as possible. Make the interface and visual attract and let the audience have interaction and emotional connection with their donated reef star, which allows future donation and bond/ empathy towards nature. 

IDEATION& WIREFRAME

new doc 2019-10-23 02.14.18_201910230221
new doc 2019-10-23 02.14.18_201910230221
IMG_6513.JPG

VISUAL GUIDELESS FROM ADOBE

Azao-04.png

WALKTHROUGH

New journey Map and two ways of donation

DONATION

AWARENESS

CONSIDERATION

INFORMATION

MOTIVATION

DONATION

ENTERTAINMENT

The audience would know our reef restoration campaign through the media platform. 

TWO OPTIONS:

              Donate through the regular website page                                                            Donate through the mobile app “Wish Star” 

Untitled-1-03.png
Untitled-1-02.png

1. RASIE AWARENESS

Users could explore the world’s coral extinction and restoration situation, showing videos, images, and live videos of coral in the ocean of nowadays, the past and the future. 

2. DONATION & GET YOUR OWN STAR

 By donating a $35 reef star, our audience would get a digital coral on the app, which corresponds to the real coral plant carefully placed by our expert team at the bottom of the ocean.

 

Our user could name their “star”, write a wish, select the type of coral and place they want to plant. 

3. GROWTH

The digital coral will grow according to the growing speed of the audience’s real coral. The larger and better it grows, the more fish and diverse ocean animals would come to visit it.

 

The audience will receive fun facts or messages about the ocean from these animals

4. COMMUNITY

Through the account page, the user could see their contribution and track of their “reef star”. They could also have access to what the rest of the world has contributed and checked their friends’ reef stars. 

  • The user could like each others’ stars, send gifts, or keep their coral anonymous. 

  • The user could share their coral with social media to invite more friends to contribute or have fun together. 

5.BUILD YOUR SEA GARDEN

If our user enjoys their “reef star” they could donate more and extend their sea garden. Depends on the type of coral, it would look different and attract different sea animals. So, we are waiting for our users to explore by themselves.

Screen Shot 2020-02-26 at 06.46.34.png
maxresdefault.jpg
logo_brand_brands_logos_adobe_photoshop-
images.png
b3370d_08c83bcc1a5448ef817b3c8330d3a1ed_

FUTURE DEVELOPMENT

Feedback from user testing

Through user testing, we wonder if there should be more interaction between the coral and user, for example, feeding the coral or help the coral to cool down (the main reason of coral’s death is global warming).