It’s a bright white banner, lifted by a subtle drop shadow, hovering above an equally clean background. The choice of colors in the cookie banner is white and blue, matching the website’s content in general. Three CTAs are dutifully present. This is a good opportunity to bring up banner blindness, a phenomenon where users tend to ignore or overlook banner-like content on websites.

One reason for banner blindness is the F-pattern scanning behavior of users. Eye-tracking studies have shown that users tend to scan web content in an F-shaped pattern, primarily focusing on the top and left side of the page. However, in the case of this cookie banner placed in the bottom left, they’ve narrowly managed to escape the cosmic pull of such a fate.

To explain further, while the cookie banner blends nicely with the website, they’ve cleverly managed to ensure that blindness doesn’t impede visibility by applying a drop shadow and keeping the banner in a fixed position as users scroll the page. To enhance visibility even further, using the same green color as elsewhere on the site for the “Accept all” button could be a nice touch, aligning with the universal symbolism of green as “go” or “safe.”

The “manage your cookies” overlay is given a touch of excellence. It stands out through well-implemented design elements such as toggles, a sophisticated color palette, and a clear content hierarchy. This approach transforms the experience, making it more akin to a proper website interaction rather than a routine obligation. Further, the Terms and Policies page demonstrates just how much care the designer (or designers) took to ensure this experience was second to none.