An e-commerce mobile application that saves marine lives from being disturbed by noise pollution and cargo ships. This is a college project under the brief of the Sustainable Development Goals.
According to our initial research, cargo ships are disturbing marine lives by creating underwater noise pollution and blocking their swimming routes. Our goal is to design a product that allows people to do online shopping while reducing number of cargo ships so that marine lives won’t be disturbed.
However, 3 out of 9 interviewees didn’t actually match the criteria due to miscommunication.
We didn’t do the user interview due to limitation of time, which I regret not doing so since we lose chance to gain more insight
The brief is to design a digital product that accomplishes Goal 14: Life Below Water, from the Sustainable Development Goals, aiming to conserve and sustainably use the oceans, seas and marine resources.
We did a brainstorming session with other classmates by establishing HMWs within 30 minutes. Then we grouped similar topics and voted on the problem we want to tackle.
We voted: How might we control human activities so that it will not harm the Marine habitat?
We did some research and found that one of the human activities that posts negative impact on marines lives is online shopping. Cargo ships are sailing too frequently, which may block the swimming routes of the whales. The ships also cause underwater noise pollution that disturbes underwater lives.
We only focus on fixing the mentioned underwater issues. What we lack is the user research.
1 hour to 15 minutes is the approximate work-to-break ratio that can maximise productivity.
How might we reduce number of cargo ships on the sea By offering new way of online shopping So that marine lives are not disturbed by cargo ships.
Diona, a college student who cannot stop herself from working, needs to take 15-minute breaks every hour in order to maintain a healthy work-life balance.
We brainstormed as a team and came up with the idea of friendly shipping option, as a campaign or an e-commerce application add-on. Users can choose friendly shipping and wait longer in order to reduce the number of cargo ships. The app also asks for users location so that it can suggest local store that doesn’t require sea shipping.
In class, we did a design sprint session where each or us created a ux stroryboard showing how the application works. By doing this, we have a brief idea of what the actual flow would look like in real situation.
We looked into references and created a moodboard and interface style guide. We use blue as primary color to represent the ocean. We also want to create an impact by using adorable whale illustrations to convince users to be kind to them.
Guardian, get your stuff guard their sea were our initial name and tagline. We also designed the logo, combining the G letter with the whale shape. We were feedbacked that the name didn’t communicate what the app does. Then we came up with the name Kindeliver and the tagline friendly ship and shop.
We planned the structure of our application by doing rough sketches of each page on paper.
We started creating lo-fi prototype of pages with main feature in Figma. We added color in monochromatic scale and use placeholder for text element.
The onboarding session starts by explaining the issues and how Kindeliver can help.
Kindeliver asks for user's location so that it can suggest local store that doesn’t require sea shipping.
There will be a banner with fact about marine life on Home page, as we want users to acknowledge the threats marine lives are facing as well. Location of the stores are shown on the product list page.
Kindeliver notifies users if the product requires oversea shipping. There will be a warning pop-up saying that the cargo ship may block the whales route.
If users still want to buy that product, Kindeliver will ask if they want to save the marine lives by waiting a little longer.
We created the home page with recommended places, instead of using the map screen as home page. We also added the bottom navigation bar so that it is easy to switch pages.
The new design of location info sceen only shows level of crowdedness after first tap, as it is the data we wna t to emphasize. If users are interested in other information they can slide the sheet up.
The pin color on the map also indicate the crowdedness level of that place. VACCAY also suggested the alternative places in “Similar Place” tab.
Users can save places they like and write reviews to help others know more about the place.
This is the first ux/ui project I’ve ever done. I have learned about how to use each design tools and learn about the design process. Since this is a college project with time limitation, there are lots of things we could improve.
After self-learning about user experience I have realized that what we lack here is the user research. We only focus on fixing the issues given in the brief not the potential users of the product. I would like to conduct more user research to know more about how they think about negative consequences of online shopping and will they respond to our friendly shipping offer.
