01

Scenario: Displaying version A or B of a sold-out product page

Given: a product is sold out

When: A user visits this sold-out product page.

Then: The user will randomly see different design version A or B of the product page (50/50).

• Prototype VA: Figma Prototype VA

• Prototype VB: Figma Prototype VB

Note VB: Product Image and title are clickable, for more details see Prototype.

02

Scenario: User Clicks on Brand in Product Title

Given: A user visits a sold-out product page (A or B).

When: The user clicks on the brand (in the product title).

Then: Link the user to the brand page (function already existing).

03

Scenario: User Clicks on Description or Details

Given: A user visits a sold-out product page (A or B).

When: The user clicks on "Description" or "Details."

Then: The Description or Details become visible and toggle open. The Description or Details can be toggle closed. see Prototype for Interaction

04

Scenario: User Hovers on "Notify Me" on Desktop

Given: A user visits a sold-out product page (A or B) on Desktop

When: The user hovers on "Notify Me."

Then: The animation/motion design visible in the prototype is shown.

• Animation Prototype

05

Scenario: User Hovers on "Notify Me" on Mobile

Given: A user visits a sold-out product page (A or B) on Mobile

When: The user presses on "Notify Me."

Then: The animation/motion design visible in the prototype is shown.

• https://www.figma.com/proto/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=5431-10012&t=3Ljy6ncKednLZvWJ-1&scaling=scale-down&content-scaling=fixed&page-id=5431%3A9912&starting-point-node-id=5431%3A10012&show-proto-sidebar=1

06

Scenario: User Clicks on "Notify Me"

Given: A user visits a sold-out product page (A or B).

When: The user clicks on "Notify Me."

Then: A PopUp to enter email appears.

07

Scenario: Interaction within the PopUp with correct eMail Format

Given: The PopUp to enter email appears.

When: User enters a valid email address AND the user clicks on "Notify Me" button within the PopUp AND the user ticks the box to accept the privacy policy.

Then:

• The PopUp disappears.

• The "Notify Me" button changes color and a bell animation is shown.

• An email is sent: "You’re on the list for the |BName|!” (described in Story 23.3).

08

Scenario: Interaction within the PopUp with incorrect eMail Format

Given:
The PopUp to enter an email address appears.

When:
The user enters an incorrectly formatted email address and clicks on "Notify Me" within the PopUp.

Then:

• A message is displayed: "Please enter a valid email address." AND the textbox outside line turns red

Scenario: Interaction within the PopUp with correct eMail Format

Given:
The PopUp to enter an email address appears.

When:
The user enters an incorrectly formatted email address AND doesn’t tick the box to accept the privacy policy AND clicks on "Notify Me" within the PopUp.

Then:

• A message is displayed: "Please agree to our data privacy policy" AND the checkbox outside line turns red

09

Scenario: User Visits Sold-Out Product Page (A or B) – Contact Us Icons

Given: A user visits a sold-out product page (A or B).

Then: Icons are now only "Contact Us," with options for email or booking a virtual appointment (function already existing).

10

Scenario: User Visits Sold-Out Product Page (A or B) on Mobile

Given: A user visits a sold-out product page (A or B) on mobile.

Then: The BUY and SELL sticky buttons should be removed from the page.

11

Scenario: USPs Communicated through Text and Illustrations

Given: A user visits a sold-out product page (A or B).

Then: USPs are communicated through text and illustrations.

12

Scenario: Non-Logged In User Tries to Favorite a Sold-Out Product

Given: A non-logged in user visits a sold-out product page (A or B).

When: The non-logged in user clicks on the Favorite Star in the carousel.

Then: Open the side-panel for login/register (function already existing) and stay at the same point on the page without scrolling up.

13

Scenario: Post-Login Display and Product Favoriting

Given:
The user has successfully logged in or signed up.

When:
The user finishes the login/signup process.

Then:

• Display the s/o Product Page at the scrolling stage where the user initially started the login/signup process.

• Bag that started the LogIn/SignUp process is favourited

• Display the favourited product in the top navigation favourite icon

• Mark the Favorite Star of the bag (that started the login process via the side panel) with a black star.

14

Scenario: Logged In User Favorites a Product

Given: A logged in user visits a sold-out product page (A or B).

When: The user clicks on the star in the carousel.

Then: The star turns black and the product gets favorited (function already existing).

15

Scenario: Admin Visits Sold-Out Product Page

Given: A SACLAB admin is logged in.

When: The SACLAB admin visits a sold-out product page (A or B).

Then: The SACLAB employee sees the "Price on Saclab."

16

Scenario: Customer (Non-admin) Visits Product Page

Given: A user is not logged in OR is logged in but not a SACLAB employee (A or B).

When: The user visits a product page.

Then: The user does not see the any price here