Amazon Go Green

How might we design checkout screens for an e-commerce app to help people recycle the goods they buy?

Project Overview

Our team came together to find ways for Amazon to encourage more sustainability on their e-commerce platform. At the end, we named the 'program' as Amazon Go Green.

We submitted this case study as part of a design challenge from productdesign.tips. It is worth noting that this is an unsolicited design project, hence it came with a couple of setbacks: 1) lack of access to application analytics and 2) technical feasibilities.

  • Timeline: 4 weeks (August 2020)
  • Role: UX Research, Prototyping, Usability Testing
  • Tools: Figma, Photoshop, Zoom
  • Deliverables: A high-fidelity prototype of the checkout screens for Amazon Go Green
  • Team members: Lena Emara, Cynthia Wong, Joleen Hsu, Mai Moua Vang, and Vanessa Alvarado
  • Recognition: We place second for the design challenge!
View Prototype

Project Overview

Our team came together to find ways for Amazon to encourage more sustainability on their e-commerce platform. At the end, we named the 'program' as Amazon Go Green.

We submitted this case study as part of a design challenge from productdesign.tips. It is worth noting that this is an unsolicited design project, hence it came with a couple of setbacks: 1) lack of access to application analytics and 2) technical feasibilities.

  • Timeline: 4 weeks (August 2020)
  • Role: UX Research, Prototyping, Usability Testing
  • Tools: Figma, Photoshop, Zoom
  • Deliverables: A high-fidelity prototype of the checkout screens for Amazon Go Green
  • Team members: Lena Emara, Cynthia Wong, Joleen Hsu, Mai Moua Vang, and Vanessa Alvarado
  • Recognition: We place second for the design challenge!
View Prototype

Research overview:

We chose Amazon as the retailer for our challenge because it has a large potential for customer reach. It is currently the largest e-commerce retailer in the world with over 197 million users on their platform each month. As a company that holds such a sizable market share, Amazon is facing growing pressures to implement better environmental practices to offset their carbon footprint.

In the last few years, Amazon has voiced their commitment to increase sustainable practices - from their operations and supply chain down to their packaging. The question is then: how might we tap in their customer base and implement ways to promote sustainability?

Reaching out to current Amazon users

Based on our research, we found 3 key insights. Most of our interviewees:

  • Don’t believe that they are knowledgeable or educated about sustainable practices.
  • Prioritize products based on the quality and/or convenience and view sustainability as an after-thought.
  • View price as the biggest factor that drives them away from practicing sustainability.

Creating the persona

Everyone on the team were tasked to conduct one user interview - that gave us a sample size of 5 current Amazon users. Based on their answers, we were able to create 'Michelle' - a marketing manager based in Austin, Texas.

Define overview:

After our user research synthesis, we were able to confirm our assumption that most Amazon shoppers do not purchase clothing. They tend to buy household and body products that came in a variety of plastic bottles. Many Amazon shoppers also do not recycle those bottles due to inconvenience or the uncertainties around how to recycle the right way.

Defining the problem

After the research phase, we were able to narrow down and define the 'how might we' statement - how might we design checkout screens that would help educate Amazon shoppers about items that are eligible for recycling and incentivize them to recycle?

Yes, we are essentially trying to answer two questions but we were curious whether having some sort of incentive system would help enable users to recycle. But before we move on to testing, there is much work to be done. We created a user journey map for Michelle, our persona, to better understand her needs and pain points.

Scenario: Michelle orders a bottle of shampoo and discovers the recycling initiative, Amazon go green. What next?

Since we recognized the inconvenience that customers face when they are left to recycle on their own, the goal for Amazon Go Green would be to collect bottled products from customers in exchange for Amazon points, which can be redeemed for rewards. In this exercise, we are able to delve into Michelle’s feelings, motivations, and emotions throughout each touchpoint in her journey.

Unearthing how Michelle felt during the process

Unearthing how Michelle felt during the process

While analyzing each of the interactions, the following insights were used as references to help guide us through our research planning.

The features we have decided on as a team:
  • Go Green logo to draw attention to and increase awareness of this new recycling program
  • “How it works” page to clearly explain the process and showcase the tangible impact for the user
  • Reminder for users to recycle after their purchase, helping with memorability of the Go Green program
  • Recycling page to track rewards and see the impact the user has been able to contribute to

How would Michelle complete the tasks?

Once we gathered enough insights from our user journey map, we were ready to map out a couple of user flows that would illustrate the two main tasks our users would need to accomplish.

For scenario 1, we were able to map out the flow with all of the pages necessary for Michelle to successfully accomplish the task at hand. This is when we were able to visualize and consider all possible turning points.

For scenario 2, we took a look at where we needed to establish a simple and feasible way for a user to feel incentivized to recycle a product. Our solution was for Michelle to be able to view her points, see the rewards she could get from recycling and then obtain a QR code for when she goes to the desired drop-off location

Scenario 1: Michelle is purchasing a bottle of shampoo and discovers the Go Green program for the first time.
Scenario 2: Michelle receives a reminder that tells her to recycle her bottle of shampoo, so she launches the app and sees what her next steps are.

Ideate overview:

Based on the user flows, our team conducted a Crazy 8 Ideation and selected four features from our sketches that would best solve the challenge statement. Instead of having one person do a standalone Crazy 8 ideation exercise, we were all tasked to sketch our own Crazy 8's that we ended up sharing on a Zoom session to discuss which ones would make it to the prototype phase.

Narrowing it down to the 'final 4'

I didn’t spend a lot of time really exploring the different layouts through sketches. I opened up Figma pretty quickly and started building wireframes on it. I wanted to focus more on the ordering and payment process than the homepage. It was still worth exploring options though.

2. A “How it works” page to clearly state the process and explain the impact

Based on all of our interviewees, they agreed Amazon’s return process was easy. The steps had some similarities to what Amazon customers are familiar with, so incorporating recycling would be feasible with their existing shopping habit.

3. A reminder to help users with memorability

We thought it would be best to have a reminder to set the date to recycle, placed on the cart screen. We also discussed there should be another place in the app where the customer can change the date to recycle after the product is purchased.

4. A recycling program section so Michelle can track her rewards and the impact she has been able to contribute to

This screen would capture reward points already earned and currently pending to recycle. We thought this page could be the initial place to start the recycling process back to Amazon.

Prototype overview:

Our team started building the high-fidelity designs for the features of the Amazon Go Green Program once we finalized the user flows and picked out the features we wanted from the Crazy 8's ideation. Our goal was simple: build a seamless flow that would guide the user to learn more about the new program and encourage them to recycle used bottles.

Dividing the workload

What's great about working in a team is that building out the screens for testing was a lot quicker. Since we had 5 team members, we divided the workload so that each one of us would focus on building screens for a specific task. I was tasked to build out the incentives screen and the QR code page aka the Amazon Go Green page where shoppers would be able to access information on the points they have earned from the Go Green program.

Building the screens was not a daunting task as our team simply cut and pasted the current screens of the Amazon app and replaced components with our own.

Test overview:

After finalizing the prototype, we designed an unmoderated usability test on Maze. We came up with a usability plan that would allow us to test the main features of the Amazon Go Green program and how well the integration would look and feel with Amazon's current interface.

I was tasked to write up the usability testing plan before we sent out the link to multiple Slack channels, social media groups, and friends.

What are we trying to test?

We knew we wanted to test our high-fidelity prototype of the Amazon app. Due to the short timeframe of the design challenge, we decided it would be easier to do an unmoderated usability test through Maze.

Our goal was to have at least 10 participants. We ended up having 15.

Test Objectives:
  • Determine the overall ease of use and flow of the new feature, as well as areas of hesitation, confusion, or frustration for users
  • Determine how intuitive it is for users to find out about the Amazon Go Green program
  • Determine if users know how to differentiate a regular product vs a sustainable one
  • Determine how they would check their rewards status
  • Determine how they would initiate the recycling process

The game plan

Based on the research we've done, we came up with two scenarios for testing.

Scenario 1 Imagine that Amazon has launched a new recycling program called Go Green, which encourages you to recycle plastics you purchase from their website. How would you learn more about Amazon’s Go Green Program & add the eligible item to your cart?

Scenario 2Now that you’ve purchased an Amazon Go Green eligible item, you want to check your rewards status and see how to return your items. How would you do that?

Usability goals
  • Understand how users will interact with the application
  • Identifying Amazon’s Go Green label to learn more about the program
  • Checking a user’s reward status
  • Recycling a product
  • Improve the application’s functionality and efficiency
  • Identify current pain points and ways to reduce/eradicate them
Test completion rate
  • 100% as the design provides users the ability to perform the task and the participants will be familiar with using Amazon
Error-free rate
  • 80% of users will complete without errors

How did we do?

According to the heat maps, testers were able to identify the “Amazon Go Green” label that would provide more information about the program.There was confusion regarding the second task, mostly regarding the buttons on the rewards page, the initial flow of recycling the product, and the wording of the tabs of relevant products that have been purchased.

Also, what's great about Maze even though it's an unmoderated usability testing is that it has a heat map feature that shows you where participants are browsing (aka hovering over and clicking).

The results

From the Maze test, we were able to collect data to flush out a list of observations and insights that would potentially help us shape our final prototype.

Observations
  • Majority of users were able to easily locate more information about Amazon’s Go Green program
  • 30% of users found it difficult to locate the Rewards page
  • 86% users attempted to click “Continue” in order to find the product to recycle, rather than clicking on “Pending”
  • About 50% of users were confused about finding the product to recycle
Key insights
  • Go Green label was clear and provided easy access for users to learn more about the program
  • Flow of purchasing Go Green product was straightforward and consistent with Amazon
  • Buttons on rewards page were unclear
  • Initial flow of recycling product was unclear (purpose of “Continue” button)
Next steps
  • Redesign the Go Green Reward homepage
  • Rephrase wording of tabs for current products eligible for recycling and history of recycled products

Final design

We focused on revitalizing the Go Green program by reallocating certain buttons and giving the program a section of its own, similar to Amazon’s Fresh. This would make it easier for users to navigate the recycling program and track rewards, ultimately helping to distinguish it from the rest of the platform.

View Final Prototype

Reflections

This design challenge allowed us to think more deeply about sustainable practices and how it can be better integrated in e-commerce apps, particularly with a large retailer such as Amazon.

  • When designing new features, the technical feasibility the most important factor to consider. While we could have designed entirely conceptual or out-of-the-box solutions, we had to be mindful of the design’s alignment with Amazon’s business goals and the process constraints that were in place.
  • Working as a group remotely and across three time zones, we had to remain open-minded about each other’s perspectives. In order to stay aligned on the same goals, we kept the user at the top of our minds and ensured that their needs and pain points were addressed.

While we were unable to send this up to Amazon to get real results, we did end up getting second place for the design challenge. For newbie UX designers like the five of us, I say this was quite an accomplishment for us.

← Previous Project

AllTrails

Next project →

Sage