Skip to main content
Loading...
Amazon Amazon logo

Amazon Creator Portal

Creator Portal upload interface on mobile
Role

Sole UX Designer, Amazon Video

Timeline

2018-2019

Platform

Web (Desktop & Mobile)

This portfolio showcases my personal work and design projects. While some of the content may reference my professional experience at Amazon, all views, opinions, and designs presented here are my own and do not reflect the official policy or position of Amazon. Any data or information displayed is either publicly available or has been anonymized to protect confidentiality. This portfolio is intended solely for the purpose of demonstrating my skills and experience in UX design.

Amazon customers can now add videos (upload) to their favorite products through the Related Video Shorts Widget on Product Detail Pages.

The Problem

Amazon didn't have enough video content for product pages. Producing videos in-house and partnering with third parties was slow, expensive, and not scalable.

The Solution

Build a Creator Portal that incentivizes customers to upload their own videos, making it easy and rewarding to share content about products they love.

Hypothesis

Incentivizing our customers and making it easy for them to create videos will give Amazon access to more high-quality content. This hypothesis can be proven designing an experience that allows customers to upload video content via mobile or desktop. This design case describes the new video uploading experience used by customers at amazon.com.

My role

I was the sole UX designer on an team composed of 2 developers and a PM. I was responsible for determining the design direction of the project, while collaborating with the rest of the team on the ideation phase.

What is the customer problem or opportunity?

As I envision the idea of allowing customers to upload videos, I need to gather qualitative and quantitative data to support my design thinking and inform to leadership my understanding of what customers want or need.

I partnered with the PM of this project to uncover customers insights. We conducted a series of interviews where we gathered data about customer behaviors and motivations while shopping.

The results of the interviews show that: Customers find very useful to watch videos related to products. Specially, if these videos are made by other customers where product feedback is included. Having followers motivates customers to upload videos. Have a place for influencers to follow and to watch.

We decided to create a feature that helps customers to record and upload videos related to products.

Understanding the user

To start off, I created two provisional personas of potential users based on PM knowledge and my understanding of the users. These personas were created using assumptions and without a fully research. However, I could use these personas to re-meeting them again and again to help me to make design decisions when the objective is unclear.

As an Amazon customer, I want to share my personal perspective of a known product via video so I can influence others about the benefits and disbenefits of the product.

Personas

I created provisional personas of potential users based on PM knowledge and my understanding of the users. These personas were created using assumptions and without a fully research. However, I could use these personas to re-meeting them again and again to help me to make design decisions when the objective is unclear.

User personas for video creators and content sharers

Enable: Fogg Model

How can we motivate customers to upload content.

The Fogg Behavior Model shows that three elements must converge at the same moment for a behavior to occur: Motivation, Ability, and Trigger. When a behavior does not occur, at least one of those three elements is missing.

  • Motivation: The user responds to a cue that starts her thinking about an action. Her intuitive mind automatically reacts at an intuitive level to the idea. Finally, she evaluates the idea (Cost and Benefits).
  • Simplicity: User checks for the ability to act - user knows where to go for uploading videos via the amazon app.
  • Trigger: Timing is right for action. User has tool and motivation to record video.
Fogg Behavior Model diagram showing motivation, ability, and trigger

Flow

I’ve designed a user flow diagram to illustrate every step of the user interaction necessary to accomplish the primary objective of this app: “As an Amazon customer, I want to share my personal opinion about a well-known product through a video to influence others about its advantages and disadvantages.”

User flow diagram for video recording and upload process

How are users getting to this experience?

Ingress

The video shopping experience team owns the video carousel that is located on the product detail page. This widget shows the videos that are related to the product. We provide videos like side-by-side comparisons, unboxings, how-to’s, or even a simple piece of product advice with other shoppers.

Adding an ingress point in the Related Video Shorts (RVS) Widget makes sense for the users to have the entry point because it is where all the video selection is located. This entry point can be found in both mediums, desktop, and mobile.

Upload entry point on product detail page

Wireframing the experience

Step 1

Selecting the media

Clicking on “Upload your video” from the Product Detail page opens the Media selector, presenting the user with three options: Take a video, Photo library, and Other. The “Other” option enables users to select videos from services like Dropbox or Google Cloud. The user chooses to record a video. The recording feature opens, and the user takes a video.

Step 1 wireframe: Media selection screen
Step 2

Pick the type of video

Next, users have the option to either continue with the uploading process or retake the video. If users choose to continue, a screen displays various types of videos from which they can select, including an “other” option for those who are unsure. The names of the options are based on user feedback.

Step 2 wireframe: Video type selection
Step 3

Metadata and uploading

Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Step 3 wireframe: Upload progress and metadata
Step 4

Confirmation

“Pending” informs the users about the status of their video until the Moderation team has approved it. “Upload” allows users to upload videos from the media folder.

Step 4 wireframe: Upload confirmation with pending status
Step 5

Options

Tapping in the "more" icon opens a menu with different options regarding the submitted video.

Step 5 wireframe: Video management options menu

Prototyping

Mobile prototyping with Axure RP

Axure proved to be the best tool of choice for prototyping. Because of tight timelines, I chose to develop a high‐fidelity prototype which, as we know, had both benefits and drawbacks.

The prototype was a powerful tool in creating transparency during the design process. My WYSIWYG experience was the most effective way to gain significant feedback from the team, quorum from developers and approval from leadership.

Within the prototype; scroll down and look for the "Be the first video" to start uploading videos. Image shows videos and button inviting users to upload videos. Axure Prototype

HTML prototyping for desktop

Desktop uploading and managing videos were also important for the full experience. I developed the following HTML prototype so we could also gather data regarding how customers would react to a desktop experience when uploading and creating videos. Also, it was very useful for developers to take this artifact for front-end coding reference.

Results & Impact

500+

Videos uploaded daily

10x

More product videos

85%

Task completion rate

$0

Third-party costs

In your Amazon mobile app or browser, search for any product. You should see a button to "Upload your video". The launch of the Creator Portal feature has had a significant positive impact on the video uploading and managing uploaded videos experience, enabling Amazon to scale video content through customer contributions.

Final Creator Portal upload flow on mobile devices

More case studies

Oracle Single Pane case study preview

Oracle Single Pane

Single Pane allows you to view multiple Jira SD instances within a single user interface. Gone are the days with a tab for each region(s).

Microsoft Learn AI Advisor case study preview

Microsoft Learn Advisor

Microsoft Learn Advisor use AI and your preferences and goals to create learning paths, ensuring you gain relevant skills efficiently.

AWS Config case study preview

Building AWS Config

AWS Config was the first product in a new line of AWS cloud computing tools designed to assess, audit, and evaluate the configurations of your AWS resources.

Amazon Video Lightbox case study preview

Amazon Video Lightbox

This lightbox serves as a tool to browse, view and discover video content within amazon.com. Both, desktop and mobile versions are available for these purposes.The lightbox control will be used to surface buying guides, recommendations, how-to, product demos, unboxing, and product reviews.

Visual Interactive Voice Response case study preview

Visual Interactive Voice Response

The Visual Interactive Voice Response is designed to enhance user experience by allowing them to navigate support options visually, which can be more intuitive and accessible, especially for users who require hearing or speaking assistance.