Confirmation page

The confirmation page is the last step of a service. Make it unmistakably a success, show a reference number the user can keep, and tell them what happens next so they are not left wondering whether it worked.

Preview

<main class="govbb-width-container govbb-main-wrapper" id="main-content">
  <h1 class="govbb-text-display">Application complete</h1>
  <p class="govbb-text-body-lg">
    Your reference number<br /><strong>HDJ2123F</strong>
  </p>
  <p class="govbb-text-body">
    We have sent a confirmation email to alex.nurse@example.com.
  </p>

  <h2 class="govbb-text-h2">What happens next</h2>
  <p class="govbb-text-body">
    We will review your application and contact you within 10 working days. You
    do not need to do anything else now.
  </p>
</main>

The reference number

Give every completed transaction a reference the user can quote if they contact you. Show it prominently and repeat it in the confirmation email.

What happens next

Set expectations: what you will do, roughly when, and whether the user needs to do anything. If there is a follow-up action, link to it here.

Do not rely on this page alone

Users close tabs and lose pages. Send the same confirmation and reference by email, and do not put anything on this page that exists nowhere else.