Product page

Digital Experience

Use this pattern to share content that helps our customers choose one of our products.

What’s happening here?

Page variations

There are three types of page patterns for products:

Simple

For products that need a basic level of information, such as:

Key features and benefits
Rates and fees tables
Eligibility criteria and how to apply

Detailed

For products where a customer needs additional information to help them to make an informed decision on whether to apply, such as:

Options for multiple proof points
In-depth features and benefits
Snapshot of the product's top details, including rates and bonus interest
Calculators
In-depth rates and fees tables

Digital

For products where a customer needs support in acting, such as:

Setting up and using the product
Downloading an app

Product page detailed guidelines

Page sections

Each variation of the Product page pattern is split into sections. The sections are prioritised to align with the purpose of the page, primarily to help our customers understand what is special about this product.

There are mandatory sections that must be included to support our customers on their journey. There are also some optional sections to help our customers learn more about our products.

Mandatory sections – these drive the primary action you would like a customer to take. In order of importance these are:

Orientation – provides a clear headline to introduce the product that entices customers to continue reading. This uses a header block banner and may include the most important feature or headline for this product, and some Call to Actions (CTAs).
Value - highlights the primary benefits and key features to ensure the customer understands the value of the product.
Details – gives detailed information to support the key features and benefits. This may include a snapshot of the product's top details or detailed information such as rates, bonus interest, tools, calculators, considerations and terms and conditions.
Action – presents a clear action for the customer and outlines next steps, whether it’s to download a product, complete an application, or learn more about the product.

Optional sections – these help a customer learn more about the product.

For new products this may include: