Working as a UX product designer at Overstock.com has provided me with the opportunity to handle complex and technical design challenges with real consequences. The majority of my design contribution has been within Overstock’s enterprise software group. I helped design web application experiences to help buyers and partners improve efficiency within fulfillment services. With a wide variety of products, associated data, and configurations, the need for efficient and intuitive product catalog flows was critical.

Product Bundles Creation Flow

Overstock had the need for buyer and partner created bundle deals. There were multiple deal types that required a singular intuitive flow. With 15 variations of “Creation Flows” that typically had overwhelming amounts of data for users to process, it was necessary to create a single design that could be used to accomplish the goals of buyers and partners. I collaborated with my project manager, front-end developers, information architects, but was mainly directed by my team’s senior UX product designer.

As a UX Design Intern on my team, I was given the project requirements which included data points, general flow information, and the goals of this product. I was responsible for building a functioning prototype from this information and testing my project manager’s initial user flows. Initially, the flows aimed to have several standalone processes to create individual bundle types. I was able to consolidate all of these flows into a single process that would change intelligently based on user inputs.

View Prototype:

Defined Deal Categories:

Buy X
This deal type is made of a bundle of SKUs that are given simple discounts:
  • Get dollar amount off
  • Get percentage off

Buy Any N of X
This deal type requires customers to purchase a certain number of items to qualify for a discount:
  • Get dollar amount off
  • Get percentage off

Bundle Deal built for convenience (no discount)
Buy X Get Y
This deal type gives customers a discounted or free item based on the bundle of SKUs they purchase:
  • Get specified item for free
  • Get dollar amount off specified item
  • Get percentage off specified item
Spend Z Amount
This deal type is similar to bucket deals, however, customers have to spend a certain amount in order to qualify their cart for a discount:
  • Get dollar amount off
  • Get percentage off
Bucket Deals
This deal type allows customers to select multiple items from certain collections or “buckets” in order to receive a discount on the items picked:
  • Get dollar amount off
  • Get percentage off

Bundle Sale Selection

The bundle deal creation flow begins with the selection of a bundle type. From here the required information to create the deal change intelligently based on the desired deal. Since different deals have differing levels of impact on a partner’s business, it was imperative to make every decision clear and meaningful.

Bundle Sale Configuration

Once a deal type is selected, partners are now able to edit the discount details at the top of the page. Once information is entered in, the page will summarize and display the vital information to the right to help users make informed decisions.

Bundle Sale Review

Once a bundle deal has been created, users land on the review page. This page shows users a comprehensive review of their costs, funding, discount prices, and company margins.

In order for all of this data to be digestible by users, I found a way to organize the information based on the user’s workflow. Prioritizing the information they need most directly and organizing this data into vertical columns based on related info allows for an efficient user workflow.

Error States

In addition to designing the structure of the bundle deal creation, I also created a variety of error states to help users understand when they have incorrectly entered information or have exceeded their desired margin ranges for a sale.