Designing the Future of Direct Selling

Transforming legacy direct-selling page into a modern, user-first experience that connects buyers and distributors

A comprehensive overview of a Nutrilite Protein Powder product page, showcasing the full user experience from detailed item descriptions and customer reviews to lifestyle imagery and community sections
Disclaimer

This case study is based on a real project; however, due to confidentiality obligations and a non-disclosure agreement (NDA), certain details have been modified. Product names, visuals, data, metrics, timelines, and specific implementation details have been altered or generalized. The information presented reflects the scope and nature of work, but does not represent the exact proprietary materials or internal data.

Overview

Direct sales companies are shifting their focus from traditional MLM to omni-channel strategy. In this shift the Product Detail Page (PDP) plays a crucial role as the first touchpoint for key users:

PDP User Distribution Based on corporate UX Research

37%

End customers

+27%, FY2024

61%

Distributors

-6%, FY2024

2%

Employees

flat, FY2024

Role

Product Designer

Team

PM • UX Researcher • Product & Graphic Designers • Frontend & Backend Developers

Timeline

Jan – Apr 2025

Platforms

Web desktop and mobile

Challenges

The Amway PDP serves three key audiences simultaneously:

  1. End customers – to explore and purchase products;

  2. Distributors (ABOs) – to educate clients and sell products;

  3. The company itself – to drive conversions, and ensure brand consistency across markets;

Nowadays the page no longer fully meets the needs of any of its target groups:

  • It is overloaded with technical content;

  • Lacks clear hierarchy and prioritization;

  • The UX patterns and visual design are outdated;

  • Misaligned with business goals;

  • Localization is hard to implement;

  • Not fully optimized for mobile;

After identifying these issues and conducting a usability study, it became clear that a redesign was necessary to better serve all three user groups and align the page with business objectives.

Following thorough UX research and the use of various frameworks, we focused on three key HMWs to guide our design decisions:

Text-heavy legacy product page for protein powder, featuring dense paragraphs of information and a complex layout that creates high cognitive load for the user

Current Amway PDP Page (English Version)

Current Amway PDP Page (English Version)

Customers

Customers

How might we make product discovery simpler, more engaging, and intuitive for every user?

How might we make product discovery simpler, more engaging, and intuitive for every user?

Customers

How might we make product discovery simpler, more engaging, and intuitive for every user?

Distributors

Distributors

How might we streamline education and promotion for distributors while keeping key information in one place?

How might we streamline education and promotion for distributors while keeping key information in one place?

Distributors

How might we streamline education and promotion for distributors while keeping key information in one place?

Company

Company

How might we build a scalable, conversion-driven PDP that delivers a modern, consistent experience across all markets?

How might we build a scalable, conversion-driven PDP that delivers a modern, consistent experience across all markets?

Company

How might we build a scalable, conversion-driven PDP that delivers a modern, consistent experience across all markets?

HMW #1

Customers. Improve Product Discovery

Before

Distributor-driven: acts more as a reference sheet for ABOs explaining the product, rather than a page designed for direct consumer purchase.


Lacks a product description and variants. No user reviews or shopping list features.

After

  • Product Description to highlight key benefits at a glance

  • Reviews & Rating to help evaluate product suitability

  • In-Store Availability indicator showing real-time stock levels

  • Bundles allowing quick add-to-cart functionality

  • Delivery cost preview & Return Policy summary to build confidence and reduce frictions in the user journey

  • Flavor & Weight selector for customization and x-sell

  • Sharing & Add to Favorites for greater interaction and list-building

A UX comparison demonstrating how a concise product summary and highlighted benefits help users evaluate items faster than a design with missing context
A UX comparison showing how adding star ratings and customer reviews to a product page builds trust compared to a design lacking social proof
A side-by-side UX comparison showing how detailed in-store availability data improves user decision-making over vague stock indicators
A UX comparison slide titled "Bundles," showing the transition from treating bundled items as separate products to a unified "In Bundles" section

Customer feedback

"I like how easy it is to choose the right option. Flavor, size, everything’s clear. The delivery info and reviews help me feel sure about what I’m getting"

Daniyal R., Kazakhstan

"It’s clean and simple. I can find what I need fast, see if it’s in stock, and even save my favorites for later. Feels effortless to shop now"

Altynai N., Uzbekistan

Slide to compare changes

Slide to compare changes

HMW #2

ABO. Simplify education and promotion

UX Research:

Amway Business Owners (ABOs) remain the largest and most active group of PDP users, so UX research focused heavily on their behaviors, feedback, and unmet needs. Based on this, three priority goals were identified:

1

Preserve essential tools while modernizing UI

2

Improve mobile usability

3

Enhance user engagement and trust

An empathy map outlining a user's frustrations with complex product pages, highlighting feelings of overwhelm and a desire for clear, scannable benefits to help close sales
A 12-panel storyboard illustrating a salesperson's journey from losing a client due to a confusing product page to successfully acquiring a new one after the company implements a modern, simplified design
A high-fidelity wireframe of a product detail page featuring a clean layout with sections for product images, descriptions, customer reviews, and a "Similar Products" recommendation carousel

UX Research Artifacts (Storyboard, Empathy Map, Wireframes)

UX Research Artifacts (Storyboard, Empathy Map, Wireframes)

Goal #1

Functionality & Redesign

Before

Dense with information and rich in brand storytelling, but lacks clear UX hierarchy. Some points are repetitive and can be consolidated.


Non-scannable tables. Content untranslated due to missing localization. Key information can be transformed into more visual elements.

After

  • Generic information moved to a dedicated Brand Center

  • Tables converted into cards

  • Photo gallery refreshed with more modern images

  • FAQ section added for topics consolidation

  • Duplicated information removed

  • Interactivity added

  • Long-form content converted into cards, reducing scroll depth by two screens

A comparison of user experience, showing the transition from a cluttered results page to a refined layout with improved visual hierarchy

Goal #2

Mobile usability

Before

Content-heavy page, difficult to adapt for mobile. Information is hidden within accordion tabs, and due to the page's length, even expanded tabs require further "Show All" clicks to access full content.

After

  • Horizontal tabs replaced with stacked sections for easier scrolling and better responsiveness

  • Sticky CTA "Add to Cart" remains accessible while scrolling

  • All sections resize correctly on smaller screens

  • Images and media optimized for faster load

A layout evolution slide titled "Navigation," demonstrating the replacement of outdated horizontal tabs with a vertical list to improve content scanning and visibility

ABO feedback

"The page feels much easier to work with on mobile. Before I had to open multiple tabs and keep clicking to find the details I needed. Now the information is easy to scroll through"

Amina S., Kyrgyzstan

"It's much easier now to present the product to customers. The content feels cleaner, and I can find the most important details faster without getting lost in long sections"

Marzhan U., Kazakhstan

A responsive UI comparison of a product's "Add to Cart" section, showing the transition from a horizontal tablet layout to a stacked mobile-optimized view for flavor and weight selection

Sticky CTA “Add to Cart” visible while scrolling on tablet and mobile

Sticky CTA “Add to Cart” visible while scrolling on tablet and mobile

Goal #3

Engagement & Trust

Before

No client reviews, which limited social proof, and the ABO’s ability to effectively promote products.

After

Insights from real customers to support ABOs in demonstrating product credibility and build trust.

A customer reviews interface featuring a star rating summary, a "Write a review" button, and detailed user testimonials with verified badges, demographic info, and photo attachments

Reviews Section on the Updated PDP

Reviews Section on the Updated PDP

HMW #3

Company. Make the PDP scalable and flexible

Before

Non-scalable, relying on hard-coded elements that limit the options to add new content.


Due to the lack of localization, the content could not be translated into all languages of the markets where the company operates.


The absence of a Save feature for non-registered users led customers to use the cart as a storage tool, artificially inflating stock and conversion metrics.

After

  • UI modernized to improve overall brand perception

  • Reusable components and consistent localization standards for scalability across markets

  • Translation to other languages

  • Options for flavors and weights to create upselling opportunities

  • Pricing made more prominent to encourage registration and drive conversions

  • Proper Add to favorites feature preventing artificial stock inflation

A design comparison of product "Variants," showing how separate product pages were consolidated into integrated flavor and weight selectors to keep users on a single screen
A UI audit showing "Incentives," highlighting the transition from weak price differentiation to a clear price comparison that emphasizes member savings to encourage registration
A UX comparison slide titled "Actions," showing how guest users can now save or share products instantly without being forced to sign in, reducing unnecessary friction

Employee feedback

"The updated PDP feels much better to manage and more adaptable for local markets. The content is easier to localize, and it finally feels like a page we can scale instead of constantly working around technical limitations"

Erzhan, Marketing Team

"The redesign solves several long-standing issues. The page works much better on mobile, and the Add to Favorites removes the need to misuse the cart. It’s a much healthier setup"

Marina, Sales Strategy Team

Slide to compare changes

Slide to compare changes

Final Results

A full-page desktop mockup of a nutrition product detail page featuring high-quality product imagery, ingredients breakdown, a customer testimonial section, and a detailed review list
Outcome & Business Impact

While full performance metrics were not yet available at the time of this case study, early validation and internal testing showed strong improvements:

  • 22% fewer taps on mobile to access key product information;

  • 31% faster discovery of critical details such as delivery, reviews, and availability;

  • 2 screens less scrolling after converting long-form content into card-based sections.

The metrics confirmed that the redesign was moving in the right direction.

Overall, the changes helped align the PDP closely with the company’s omnichannel strategy, transforming it into a more balanced experience that better suits customers, ABOs, and employees.