Confirmation

Page type | Confirmation

Introduction

The confirmation page type is used to show a customer that their journey or task has been completed.

Purpose

The purpose of the confirmation page is to show a customer that their action has been completed. It is important to differentiate this from their previous steps so they know there is a clear change.

For more information on how to bookend your journeys see the Start page type.

Visual Example

Confirmation page example

Content guidance

The page should always begin with a clear completion message. Any key information the customer needs to remember or save for a later date should be presented back to them at the top of the page.

This page should include

  • any reference numbers

  • an appointment date and/or time

  • a start or end date, or duration of a product or service

  • an address or contact information

This page should positively affirm to the customer that they have successfully completed their current task, and set their expectations for any further steps required. You can use supporting content to playback their purchase and inform them of what will happen next. If the customer is required to complete any additional follow up tasks then they should be highlighted as close to the top of the page as possible.

This page may also include

Supplementary content relating to their completed journey can be displayed further down the page, with hierarchical importance reducing with scroll depth. If you believe there are related tasks that meet their next best action, then these can be highlighted with a primary call to action.

Supporting email comms

In addition to this page, a confirmation email containing this information should be sent to the customer as well. This is especially important if the customer cannot bookmark or revisit this page once they navigated away from it.

Feedback

  • Do you have insights or concerns to share? You can raise an issue via Github bugs.

  • See all the issues already raised via Github issues.

💩 🎉 🦄 You can also contact the team on Slack on the #product-nucleus channel!