Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Context
The previous Peak Protect waiting page was outdated and didn’t meet current UX standards. We’ve completely redesigned it to offer a more modern and user-friendly experience, ensuring your customers will prefer waiting on a nice, refreshed waiting page. Importantly, there are no changes to the underlying security features. 
Excerpt

A majority of online sales are now done using a mobile device. PeakProtect's brand-new mobile-responsive look & feel is there to provide a great first impression, regardless of the device.

Solution 

The refreshed design offers a modern and user-friendly waiting

page that can

page layout. As a white label solution the page can of course be personalized to

match

perfectly align with your brand's

colors and logo

identity. You can customize the logo, background, colors and

the clock color . This flexibility ensures that the waiting page aligns perfectly with your brand identity, enhancing the overall user experience while they wait.

labels.

Image Modified

Image Removed

Image Removed

Image Modified

First Steps

Getting Started

To

get

apply the new design, please contact customer support and create a new service ticket to apply the new template.

Configuration

Colors

Clock colors can be customized in the branding-resources.js file.

Image Added

Other colors can be customized in the branding.css file.
The spinner uses the "--main-color" variable but this can be overridden in the background attribute of the .dot class.

Image Added

The logo can be customized by changing the background-image attribute of the #logo selector in the branding.css.

Image Added

The footer can be customized by changing the background attribute of the #footer selector in the branding.css.

Image Added