DVM CX Design System

DVM CX design system has been built from the ground up to provide maximum flexibility and accelerate time to value.
It is more than a collection of templates and components, it is a strategic foundation that enables rapid configuration, seamless scalability, and consistent user experiences supporting the brand voice across the product.

Page Types

DVM CX provide a prebuilt set of Page Types that are used to provide the user experience across the Subscription Hub.

Here the list of the supported Page Types:

Splash Page ​
The ‘front page’ of the site; the central hub where Customers can communicate their key products and the users can identify items of interest to navigate deeper into.

Offers Page *
A page where Customers can communicate groups of associated products and offers – this page is not specific to a single product, but details all offers from all products, grouped however Customers choose.

Product Page ​
A page dedicated to a specific product, with informative descriptions that helps consumers make more informed purchasing decisions.

Checkout ​Page
The modal where the user gets key offer details and can agree to purchase/redemption.

My Home ​
A page where the user can see their current active subscriptions, any partially completed subscriptions and past subscriptions that have ended. They can also manage existing subscriptions from this page.

My Account *
A page where the user can review their personal details and (optionally) see support contact information for their provider

Legal Pages (Terms & Conditions, Privacy Policy, Cookie Policy)
The pages that provide the copy for the appropriate required legal policies, if hosted within the Subscription Hub.

Template

The Template is the structure that reflects the sequence of sections & building blocks for each Page Type.
DVM CX provides a library of prebuilt templates to streamline the Subscription Hub configuration phase.

Each template provides a pre-designed layouts with the reusable components inside.

Key Concepts of Prebuilt Templates

• Reusable Structures
• Design Consistency
• Configuration Flexibility

Components

Components are the primary units of CX UI System and are designed to be reusable and self-contained.
Each component represents a specific piece of functionality, such as a navbar, or even a whole page section and encapsulates both structure, style, and behavior.

* Optional Pages that Customers can hide or remove from the Navigation Bar without compromising the CX functionalities and the overall user experience.