Story 28.3 Checkout / Apple Pay: PopUps Redesign

General info

Redesign and implement updated popups for country selection and Apple Pay confirmation in the checkout flow.
We aim to enhance the user experience and compliance by updating popups in the checkout flow. This includes improvements to country selection when switching between regions and implementing confirmation popups for Apple Pay, with specific adjustments for US customers.

User story

As a customer, I want clear and intuitive popups during checkout to confirm important actions, such as country selection or Apple Pay terms, so that I can proceed confidently and without confusion.

Visual design:

Checkout: Country selection PopUps: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=8643-5454&t=tc4HfRjLGXOt2xcc-1

Apple Pay PopUps: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=8640-5799&t=tc4HfRjLGXOt2xcc-1

Use our existing popup style/design to replicate the displayed popups (desktop) for the mobile version.

Acceptance criteria

Scenario: Country switch from EU to non-EU (excluding US)

When: A user selects a non-EU country (or it’s auto-selected)

Then: Show the updated popup without the tickbox

Bildschirmfoto 2024-12-05 um 10.42.01.png

Scenario: Country switch to the US

When: A user selects the US as their country (or it’s auto-selected).

Then: Show the updated popup without the tickbox

Bildschirmfoto 2024-12-05 um 10.43.16.png

Scenario: Country switch from US to EU

Given: country selected as “US”

When: A user selects a country within the EU

Then: Display updated popup with US->EU-specific messaging

Bildschirmfoto 2024-12-05 um 10.44.21.png

Scenario: Country switch from US to non-EU

Given: country selected as “US”

When: A user selects a country outside the EU but not US

Then: Display updated popup with US->Non-EU without the tickbox

Bildschirmfoto 2024-12-05 um 10.47.04.png

Scenario: Apple Pay confirmation popup (Global and EU but not US)

When: A user selects Apple Pay and proceeds to pay (in both the checkout and the product page)

Then: Show a mid-screen popup stating: “By using Apple Pay, you accept our Privacy Policy and Terms & Conditions.”

Bildschirmfoto 2024-12-05 um 10.48.20.png

Scenario: Apple Pay confirmation popup (US)

Given: User is in the $US shop

When: A user selects Apple Pay and proceeds to pay.

Then: Show a mid-screen popup stating: “By using Apple Pay, you accept our Privacy Policy and Terms & Conditions.”

Bildschirmfoto 2024-12-10 um 15.26.16.png

Comments

Leave a Reply