Subscription card component on Commerce platform flow

[bhoomasri-ux]

Background

Hello,
In an effort to enable user self serve experience with respect to purchasing different products/packages, commerce platform/billing UX is displaying a subscriptions page. In this page, a user may view different products that can be purchased (which will then be added to their invoice) and they can also see different subscriptions available within that product. This is being displayed within a card component. Only Verify product has this experience currently. Traffic Optimization Engine (TOE) Pro will be the second offering.
For TOE Pro self serve experience, we need to display different Messages per Second (MPS) options a user may choose within each sender type and channel. The card component will have to be split in two columns. And a disclosure is included at the bottom for Subscription Details.

Feedback

1. Have we used this card component in a way that still communicates to the user clearly? Any concerns?
2. Do we need to consider moving away from the card component? Any alternate recommendations?
3. Any general feedback or thoughts are appreciated.

Stage of design

High fidelity. This is due by end of Q3. Preferably before Sept 25th, 2024.

Research

No response

Relevant links

TOE Commerce platform + Messaging console experience:

Commerce subscription experience - Verify

Are you looking for visual design support?

• Yes

Additional Information

I am a guest designer on the Commerce platform team. This is primarily Andy Doyle's domain. He is unavailable at present.

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Subscriptions page in console - colors (Office hours: Oct 1, 2020) (updated: 10/16/2020, similarity score: 87%)
• Consistent Marketing card pattern & package card for Console (updated: 05/10/2024, similarity score: 86%)
• Cross-Sell Cards (updated: 12/15/2023, similarity score: 85%)

[serifluous]

Hey @bhoomasri-ux , do you want to bring this to our UX crit on Wednesday instead? ;) I feel like you'll be able to get good feedback there since this isn't necessarily a design-systems-specific question, and I'll be there anyway to answer anything that is specific to Paste.

[bhoomasri-ux]

Sure thing! I just wanted to be sure to cover bases. Shall I remove this from OH then? B

…

On Sep 17, 2024, at 3:03 PM, Sarah ***@***.***> wrote: Hey @bhoomasri-ux <https://urldefense.com/v3/__https://github.com/bhoomasri-ux__;!!NCc8flgU!b8Yfsb7qSqZx6ldSRC2vxte0qAJEXSJBTNBPLLp1Fo1ZokwQ3LlTkDwGWOjrreDipguidZqc5YnQagOByd9o4EfdoRg2$> , do you want to bring this to our UX crit on Wednesday instead? ;) I feel like you'll be able to get good feedback there since this isn't necessarily a design-systems-specific question, and I'll be there anyway to answer anything that is specific to Paste. — Reply to this email directly, view it on GitHub <https://urldefense.com/v3/__https://github.com/twilio-labs/paste/discussions/4071*discussioncomment-10675355__;Iw!!NCc8flgU!b8Yfsb7qSqZx6ldSRC2vxte0qAJEXSJBTNBPLLp1Fo1ZokwQ3LlTkDwGWOjrreDipguidZqc5YnQagOByd9o4KXoD0bJ$>, or unsubscribe <https://urldefense.com/v3/__https://github.com/notifications/unsubscribe-auth/ATYPT4KE4SIK6C774M7AIL3ZXCRMBAVCNFSM6AAAAABOITHIN6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTANRXGUZTKNI__;!!NCc8flgU!b8Yfsb7qSqZx6ldSRC2vxte0qAJEXSJBTNBPLLp1Fo1ZokwQ3LlTkDwGWOjrreDipguidZqc5YnQagOByd9o4IT8Avo8$>. You are receiving this because you were mentioned.

[serifluous]

We can keep it for now, and I'll check-in after crit tomorrow if you still want to meet with the rest of the team 👍👍

Edit: Questions were resolved through crit.