UX/UI Case Study • E-Commerce Loyalty

CRM Loyalty Integration on Product Pages

A loyalty touchpoint designed and implemented for MEDION product pages to make customer benefits visible earlier in the purchase journey and connect CRM goals with a smooth product page experience.

CRM Loyalty Integration on Product Pages

The Objective

The goal was to make MEDION Bytes and its customer benefits visible earlier in the purchase journey, directly on the product detail page, without distracting users from their purchase decision.

The Execution

I designed and implemented a loyalty touchpoint close to the product price. The displayed Bytes value adapts dynamically to the selected product and promotional logic, including double and triple benefit campaigns.

The Process

I analyzed the existing product page hierarchy, CRM requirements and user journey, explored several interaction concepts, implemented the selected variants and prepared them for testing through Dynamic Yield.

The Outcome

The tests increased the visibility of the loyalty program and encouraged more interaction with the Bytes and Benefits area while keeping the purchase flow stable.

A direct link to the benefits page performed better than the more interruptive pop-up variant and became the preferred solution.

Measured Impact

Improving loyalty visibility without disrupting the purchase flow.

01

Higher Loyalty Visibility

The loyalty element made MEDION Bytes visible earlier in the user journey, directly on the product detail page.

02

More Benefit Interaction

Users interacted more with the Bytes & Benefits area and had a clearer entry point to learn about the loyalty program.

03

Stable Purchase Flow

The final version supported CRM goals without interrupting the product page experience or negatively affecting conversion.

04

Dynamic Campaign Logic

The displayed Bytes value adapts automatically to product and promotion logic, including double or triple benefit campaigns.

CRM
Project Screens

From CRM request to tested loyalty touchpoint.

Problem Space

The loyalty program was not visible early enough in the purchase journey.

Problem space for loyalty benefits visibility on product pages
User Flow

A clear path from product interest to loyalty benefit awareness.

User flow for CRM loyalty integration on product pages
Design Exploration

Different interaction patterns were explored, including pop-up and direct-link variants.

Design exploration for MEDION Bytes loyalty element
Final Implementation

The final loyalty element was placed close to the price area on the product detail page.

Final CRM loyalty element implemented on MEDION product detail page
Key Takeaways

What this project shows.

01

Make hidden value visible

The loyalty benefit was moved closer to the purchase decision, helping users discover added value before reaching checkout.

02

Balance CRM and UX goals

The solution increased visibility for the loyalty program while keeping the product page hierarchy clear and the purchase flow stable.

03

Test interaction patterns

Different variants were tested, showing that a direct link to the benefits page worked better than an interruptive pop-up experience.