Iceberg

Visualize your daily activity with environmental concern
Home / Iceberg

MY ROLE
UX/UI Design, Visual Design, Motion Design

TEAMMATES
Kellie Sun, Vivian Wang

DATE
October 2014, March 2015 (6 weeks in total)

RSA STUDENT DESIGN AWARD
Participated in with this project

DESIGN TOOLS
Sketch, Photoshop, Illustrator, Keynote

METHOD
Questionnaire, Interview, Competitive Analysis, Usability testing

Initial Story: The Iceberg is Melting

photo1

I have attended a conference about global warming in 4 years ago. When I went to the office of Green Peace, and NGO, I saw many photographers went to the iceberg and took many impressive photos about iceberg melting and the pollution of factories in the world, which shocked me a lot. I realized that even in this peaceful world, there are some beautiful scenes are disappearing.

Screen-Shot-2014-09-24-at-4.08.08-PM-1024x921

From my previous research, activity tracking data means nothing for users.

 Research Side

Our team have done a survey to understand people’s opinion about environment protection.

research@2x
iceberge persona

Problems

Through our research, we identify two problems we want to solve:

1. People understand the environment issue and they care about environmental protection, but they do not know what they can do.

2. People are lack of motivation to protect the environment. Traditional campaigns are not attractive enough for people to keep doing right thing.

Mood board

Design Ideas

iceberg copy

User flow

Iceberg User Flow copy.001

Wireframe-Sketch

icebergwi copy

Version 1


The problem of version 1 is whether users want to see data more or see the iceberg more. If we present the iceberg, it tends to like a game rather than a general quantified us app. Then we came up with version2.


Version 2


In order to promote new events and tips about environment protection. We came up with version 2.


Version 3


To highlight the entertainment side of this product, I finally decided to show only the iceberg in the homepage.


Version 3

Landing Page

Goal: Aesthetic, Well-organized multi-dimension information

Scroll

ezgif-2990783090

Tap

ezgif-3743853522

Project Details

Date: June 24, 2015



 Previous  All works Next