Brand my Checkout Basket

Here is an example of Checkout that shows a clean, easily readable header and footer with core information on how to contact you if your customer has an issue, the text is visible and clear to read to help with accessibility, and the progress buttons are easily identifiable.

It's clear within the footer what Payment Gateways the User can expect when booking and has clear logos to point your customer in the direction of connecting with you outside of the Checkout Basket.

Here is an example of Checkout where the colour scheme is a bit overwhelming, some of the white text is not easily readable, and the number of colours in use make it difficult to see what the CTA (call-to-action) is, this means it is not obvious to the user where to click next.

Font plays a massive part in your branding, if the font in your basket is not easily readable, it may deter your customers from continuing their purchase. Here you can see we have used Courier New, this can be quite hard to read for some Users.

We recommend Focusing on readable, sans-serif fonts like Arial or Helvetica.

Here is an example where the button colouring is the wrong way around based on standard colour conventions. Red is typically associated with ‘cancel’, ‘delete’, and ‘danger’ whereas green or blue are used for more positive actions such as ‘continue and 'confirm’. Bear this in mind when choosing your button colours.