top of page

A D O B E   C R E A T I V E  J A M

Coral
Coral

Mobile application designed to raise awareness and support for coral reef preservation by donating tools for reconstruction, reefstars.

 

M O B I L E   A P P 

REEFSTAR

The Challenge

2-WEEK DESIGN SPRINT
TWO-PERSON TEAM

Adobe Creative Jam + ‘Glowing, Glowing, Gone’ campaign  
design challenge invited the creative community to support ocean conservation by using vibrant colors in creative designs and products. Donations of reefstars, the star-shaped tools meant for coral reconstruction would need to be the highlighted and sold on the prototype.

The colors below were used to create an interactive mobile app prototype in Adobe XD :

purple.png
blue.png
yellow.png

scroll

P R O T O T Y P E 

GIF PHOTO.gif
REEFSTAR BOLD.png

Facts provided about our end users:

  1. Main Audience in the U.S.

  2. Mostly women

  3. Have Disposable Income

  4. Short on Time

  5. Environmentalist

We opted to build a mobile app with the following
characteristics:

-  Quick Navigation
-  Transparency through Donation Updates
-- Supports Social Media
-  Serves as an Information Tool
-  Community Creation / Engagement

LOGO

REEFSTAR%2520PNG_edited_edited.png

Beginning with branding REEFSTAR,
I designed a logo to help users visualize
the tool in a fun and appealing way.

T H E   P R O C E S S

GLOBE.png

REEFSTAR
GLOBE

The globe acts as a map for all the reefstars placed abroad. It can be rotated to show existing reefstars and conservation efforts taking place at the location.

VIEW PROTOTYPE
GLOBE – Step 2.png

REEFSTAR LOCATIONS

After selecting a location, an  information page will appear. Users can learn about current conservation efforts, donate a reefstar, and connect with users.

VIEW PROTOTYPE
YOUR STAR PAGE.png

REEFSTAR
UPDATES

Donors can track their reefstar donation with their personal profile. Users get photo updates, a gauge showing their reefstar's placement, and users can share their progress. 

VIEW PROTOTYPE
Donate 1.png

DONATION 
PAGE

On this page users can purchase a Reefstar. It also provides users with information about Reefstars and has a form for users to subscribe to the Reefstar newsletter.

VIEW PROTOTYPE
Donate 2.png

DONATION
MODULE

The module was designed to make the donation purchase quicker. Users have the option to check out with a single or multiple reefstars.

VIEW PROTOTYPE

F I N A L   P R O T O T Y P E

bottom of page