Amazon Header Image

Design Concept

Amazon

Context

Winter 2021 // 5 weeks // Class Project

Role

Product Designer

Team

Iris Choi, Nicole Lopez, Ashley Siu

Background

Particularly because of the pandemic, online shopping has become an essential part of many lives. However, the convenience of e-commerce operates at the expense of the environment.

My team was curious about how to better promote sustainable development within an existing online shopping app. In 5-weeks, my team and I collaborated on extensive user research and prototyping to reimagine Amazon’s mobile interface in a greener light.

WHAT I DID

  • Conducted user research and usability tests
  • Iterate on designs from low to high fidelity

Problem Space

Despite having more sustainable options, it's difficult to find these items. Additionally, as humans, we want to be good and conscious, but many users do not realize the ecological implications of their orders unless they are explicitly told.

With that said,

How might we redesign Amazon's current interface to promote more sustainable behavior while preserving a seamless online shopping experience?

So, how'd we do that?

User Research

Examining the nooks and crannies

My team sent out an online survey to gauge the mindset of online shoppers and the degree to which they practice sustainability. Out of 20 responses, our survey revealed that: 

— 13/20 users preferred Amazon because it is cheap and convenient

— 13/30 users are aware that Amazon can be unsustainable, but still actively use it

— 5/20 users are willing to pay more for sustainable options < cheaper options

This led us to investigate:

Why are students who claim to be sustainable, consciously practicing unsustainable online shopping?

Our hypothesis is summarized below.

Iterations

Sketching it out

Informed by user research, my team created quick sketches to ideate how best to implement our solution into the Amazon shopping experience. Our sketches explored how to make Climate Pledged Friendly items more accessible, as well as how to clearly display to users' the impact of their packages and provide options for them to take action.

Sketches explored ways to educate users on their shopping habits and promote more sustainable actions.

Wireframe Testing

Diving off of our sketches, we collaborated on the UI of the additional features. We tested our wireframes with 8 users to gain insight about how our features integrated into the shopping flow and to test whether our concept features would be used.

Climate Pledged Friendly

---------------

We wanted to leverage current green shopping options, in particular Climate Pledged Friendly items. While there are indicators of items that are Climate Pledged Friendly on the current interface, we discovered that our users had difficulty finding these items. In response, we implemented a toggle feature to allow users to quickly filter items.

Feedback

— 8/8 users said they would be more likely to shop for Climate Pledged Friendly qualified items because of the filter

Carbon Footprint Calculator

---------------

Users want information to be easily digested and convenient, so we implemented a carbon footprint calculator to present how much carbon emissions a consumer's order would hypothetically emit within the app. Since orders are trackable, we thought it could be possible to use Amazon's current technology to calculate the projected energy and fuel that it would take to transport the package to a consumers' doorstep.

Feedback

— Users liked that there is a breakdown of how their package contributes to their carbon footprint so they are aware of their habits

— Wished there was an explanation for users who are new to what a carbon footprint is, the graphic was not informative enough

— Wish their footprint was calculated before they checked out so they could make edits to their order

Carbon Offsetting

---------------

A number of our users expressed their desire to be sustainable, but not knowing how to start or if their actions are really making an impact. We tested out the addition of allowing consumers to offset the carbon footprint of their order by donating to a sustainability advocate organization.

Feedback

— Positive reaction to how offset amount is personalized to their own order

— Wish they could see how much their donation adds to their total before checking out

A gif showing how Carbon Offsetting can be included in Amazon checkout.

Let's Get Hi-Fidelity

Final Designs

Taking the feedback from our user testing, we iterated on our designs to create hi-fidelity prototypes.

01/ Sustainable items at the forefront.

02/ Making your carbon footprint concrete.

03/ Offering actionable ways to help.

The Full Run Through

No items found.

Takeaways

Dream big, but take things slow. 🐢

Something that my team found challenging was figuring out the scope of our project, specifically narrowing it. We had a lot of ideas, but given our time constraints, we couldn’t design everything. As a result, we learned to focus on features that could leave the most impact, but could also realistically be weaved into the current design system.