generalassembly_banner.jpg

Product Search Dashboard

 

bdg product search dashboard

Bustle Digital Group (BDG) is a global media company home to 11 brands reaching one of the largest Millenial and Gen Z audiences. Site content includes the topics of lifestyle, entertainment, technology, gaming, parenting and more. Much of BDG’s revenue is driven by shoppable articles, listicles, and slideshows powered via the CMS product search dashboard.


My Role

UX/UI Design & Research

The Problem

Commerce team needs to replace a high frequency of products for over 200 pages across all sites per week. Frequency is currently limited by the team’s bandwidth and the manual effort required to replace product cards.

Objective

Automate manual processes for shoppable articles to increase revenue and team efficiency by enhancing the existing internal product search dashboard.


PRODUCT DISCOVERY

Requirements received from product management included:

  1. A search/filtering capability for aggregator products within the BDG content management system (CMS)

  2. An enhanced product card search experience with additional filters


CROSS FUNCTIONAL INTERVIEWS

In order to get a better understanding of the issue at hand, I spoke with members of the commerce team as well as contributors responsible for updating content. The need for this update stemmed from the commerce’s team’s limited bandwidth to replace a high frequency of product cards.

Two of the main scenarios driving product replacement include: when a product is sold out and when a page is optimized to increase revenue via product purchases.


DESIGN OPPORTUNITIES

  • Enhancing our product card search feature by adding additional search parameters such as stock, page ID, and ASIN would increase efficiency, eliminate time consuming work, and allow editors to more confidently replace products.

  • An indication of whether or not a product is sold out within the CMS

  • An indication of whether or not a product is an aggregator product within the CMS

  • A process for searching and filtering through aggregator products within the CMS

  • Enhance product card search feature to allow searching via ASIN in addition to search by product name

  • Add sorting capabilities to organize search results based on user needs and goals

sample user journeys

  1. Given an article, replace the sold out product(s)

  2. Locate sold out products via the product search dashboard

  3. Given an article/page, optimize by replacing products with aggregator products


editor overview

Aggregator and sold out product flags to make product replacement and page optimization easier.

 

SEARCH DASHBOARD OVERVIEW

More filters and sorting parameters enable users to find products via price, inventory status, source, aggregator, page placement, and more.

 

SEARCH RESULT CLOSEUP

The product search results provided an opportunity to present more information to the user, allowing them to make more educated choices when choosing products to populate articles. We added the following parameters: source, price, stock status, aggregator, category, brand, and page appearances. Search results also include KPIs such as commission rate, click through rate and revenue to date.

 

replacing product with aggregator product

This process previously required an immense amount of manual labor, searching through extensive spreadsheets to locate a specific product. Users can now filter by aggregator and easily identify aggregator products within any given article and search results. Sorting capabilities allow users to make informed decisions when choosing products to place.

 

replacing sold out products

Prior to the dashboard updates, users would have to manually check each product source to see the inventory status. Updated filters and iconography indicate which products are sold out in a clear and concise manner.