Cross-page Logic

Creating connected content from sellers' product descriptions to shopper-facing product pages

Detailed product description from a handmade seller website
TEAM
PROJECT
VP-Design Technology | Project Manager | UX Writer
Increase clarity and consistency across site
MY WORK
TIMELINE
Content design, dev hand-off and QA
Two-week design sprint

The Challenge

An online retailer for handmade goods were asking sellers how their products was made as they set up listings, but sellers' answers didn't translate into clear, concise content on the shopper-facing product page.

DISCOVERY

Sellers were asked two key questions to help shoppers understand how the product was made.

Dropdown menu with a label saying "Who's on your team?"
Dropdown menu with a label reading, "What's your role in making this product?"

When viewing a product, shoppers saw both answers, but the content was repetitive and often contradictory.

Detailed product description with confusing copy.
Shoppers reported being confused by the content in the product description, while others felt the seller or retail platform was untrustworthy.
Shoppers need a clear way to understand who made the product and how it was made so they feel confident the products they buy are good quality and from real people.

How might we:

  • Create clarity for online shoppers?
  • Create connected content between sellers and shoppers that's meaningful?
  • Instill confidence in shoppers when considering purchases?

DESIGN

Cleaning Up the Content

The first step in creating clarity was cleaning up the text on the seller side. The content design was based off the following:

Current vs Updated copy for dropdown menu with a label reading, "Who's on your team?"
Current vs Updated copy for dropdown menu with a label reading, "How's the product made?"

Making It Make Sense

Considering there would be 30 combinations, I used color and letters to create a system for developers to follow.

Logic connecting seller answers to shopper output
Logic connecting seller answers to shopper output
Connecting the Content Pieces

With the logic in place, I needed to translate the sellers' answers into concise copy that was easy for shoppers to read and understand.

Logic connecting seller answers to shopper output for "Who's on your team?"
Logic connecting seller answers to shopper output for "How's the product made?"

Once all the content was ready and the logic was created, I put the pieces in place for all possible combinations.

Five possible options for connected content beginning with Made by the Seller
Five possible options for connected content beginning with Designed by the Seller
Five possible options for connected content beginning with Designed and Made by the Seller
Five possible options for connected content beginning with Customized by the Seller
Five possible options for connected content beginning with Personalized by the Seller
Five possible options for connected content beginning with Upcycled by the Seller

The end result was a seamless experience between sellers and shoppers.

Product description with new connected content

REFLECTING

Clear is Kind

Creating connected content across the site for two distinct but undeniably intertwined users was a lot of fun. A clear goal and the buy-in from stakeholders were vital to making this project work.

In future iterations, I would evaluate the wording to ensure words like 'mass-produced' and 'upcycled' align with how sellers think of their business.

NEXT PROJECT