# Design Paths for Integrating Smart Subscriptions
source: https://developer.mastercard.com/consumer-clarity/documentation/experience-design-guide/smart-subscriptions/moments-that-matter/design-paths/index.md

### Decide on a design path based on your goals {#decide-on-a-design-path-based-on-your-goals}

Smart Subscriptions can be integrated at different depths depending on your team's maturity, technical investment, and engagement goals. This section compares three viable paths, each balancing visibility and effort.
![](https://static.developer.mastercard.com/content/consumer-clarity/uploads/core.png)

#### Lightweight integration {#lightweight-integration}

**What it is:** Keep the experience anchored in Transaction Details and Subscription List.  

**Why it works:** It is fast to ship and meets users where they already investigate charges.
![](https://static.developer.mastercard.com/content/consumer-clarity/uploads/balanced.png)

#### Enhanced subscription details {#enhanced-subscription-details}

**What it is:** Lightweight integration + contextual controls and richer Subscription Details page.   

**Why it works:** Displaying contextual controls sooner increases visibility and engagement, while keeping the overall footprint small.
![](https://static.developer.mastercard.com/content/consumer-clarity/uploads/best.png)

#### Dedicated subscription hub {#dedicated-subscription-hub}

**What it is:** A true subscription management space:

* Hub overview
* Subscription management
* Upcoming charges
* Spend breakdown  

**Why it works:** Visibility builds habits. Users start returning proactively not just reactively.

#### Lightweight integration {#lightweight-integration}

Embed basic Smart Subscriptions inside Transaction Details with a simple Active / Inactive list. A low-lift way to enable subscription management when real estate and resources are limited.

![](https://static.developer.mastercard.com/content/consumer-clarity/uploads/lightweight-integration.png)

#### Enhanced subscription details {#enhanced-subscription-details}

This option gives users more clarity than the lightweight transaction detail version. Adds merchant info and supporting details but remains lighter than a full, multi-module hub.

![](https://static.developer.mastercard.com/content/consumer-clarity/uploads/enhanced-subscription-details.png)

#### Dedicated subscription hub {#dedicated-subscription-hub}

A centralized space with insights, history, upcoming payments, and multiple entry points in high-intent spaces to drive repeat visits and long-term value.

![](https://static.developer.mastercard.com/content/consumer-clarity/uploads/dedicated-subscription-hub.png)

### Experience prototype {#experience-prototype}

<br />

## Choosing the right path {#choosing-the-right-path}

**If you are optimizing for speed →**
**Lightweight integration -** Uses existing transaction surfaces to add basic Smart Subscriptions with minimal engineering work. Great for MVPs or teams with tight timelines.
**If you are balancing impact + effort →**
**Enhanced integration -** Add an enhanced Subscription Details page with clearer context, more information, and multiple entry points. More helpful for users without requiring a full hub.
**If you want long-term engagement →**
**Dedicated subscription hub -** Create a centralized space with insights, history, upcoming payments, and multiple entry points in high-intent spaces to drive repeat visits and long-term value.

Each path can evolve into the next:

1. Start with controls and a subscription list page
2. Add entry points in high intent spaces and more subscription details
3. Eventually support a dedicated hub to increase engagement  

This allows data, IA, and engineering foundations to grow responsibly.

## Design paths {#design-paths}

For the best viewing experience of the flow, click the **full screen** mode option or **zoom** using the controls located on the right.
Tip: Access the [Figma](https://www.figma.com/design/ChtfTZgyUb2c605GcGJMqP/Smart-Subscriptions-Assets?node-id=33-112667&t=Qn2iHhOp29wzb4lQ-0) file for this experience to duplicate and customize in your own environment.

## Assets {#assets}

For the best viewing experience of the flow, click the **full screen** mode option or **zoom** using the controls located on the right.
Tip: Access the [Figma](https://www.figma.com/design/ChtfTZgyUb2c605GcGJMqP/Smart-Subscriptions-Assets?node-id=33-113282&t=QZS5QjMRFRHFAVBX-0) file for this experience to duplicate and customize in your own environment.   

Next: [Notifications and Messaging](https://developer.mastercard.com/consumer-clarity/documentation/experience-design-guide/smart-subscriptions/moments-that-matter/notifications-messaging/index.md)