Category: Saclab

  • Epic 51. Order statuses

    General info

    Information about different statuses of the order

    Epic ticket:


    SCLB-611

    Order flow

    Story 51.1. Date shipped

    Story 51.2. Date Delivered

    Story 51.3. Bag is sold before LIVE

    Story 51.4. Revise eMail automations from trigger: order "pending payment"

  • Story 71.1. Integration via WooC Plugin

    General Info

     

    User Story

    As a website user

    I want to order the products online with different payment methods

    So that helps to buy the products in a convenient way

     

    Design / Flowcharts

     mobile: https://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=1814-16495&mode=design&t=MetuZ9uhR4yY0ERN-0

    desktop: https://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=1815-16982&mode=design&t=MetuZ9uhR4yY0ERN-0

     

    Acceptance criteria

     

    01

    Given: product page https://stage.saclab.com/bags/unlimited-product/

    When: click button “Buy now“

    Then: open checkout page https://stage.saclab.com/checkout/

     

    image-20240418-133642.png

    02

    Given: checkout page https://stage.saclab.com/checkout/

    When: fill out the form
    – first name* (mandatory)
    – last name* (mandatory)
    – Company name
    – Country / Region* (mandatory)
    – Street address* (mandatory)
    – Postcode / ZIP* (mandatory)
    – Town / City* (mandatory)
    – State / Country
    – Phone* (mandatory)
    – Email address* (mandatory)
    – Order notes
    AND select type of payment “Direct bank transfer“
    AND click button “Place Order”

    Then: open page “Thank you. Your order has been received.”

    AND Send eMail to buyer “Invoice xxx we’re waiting on your payment”

    AND Send eMail to seller “Your bag was sold”

     

    image-20240419-051825.png

    screencapture-mail-google-mail-u-0-2024-04-22-14_34_41.png

    03

    Given: checkout page https://stage.saclab.com/checkout/

    When: fill out the form
    AND select type of payment “Credit card“ and fills out it’s payment details
    AND click button “Place Order”

    Then: money is automatically debited from the bank card, processed through HiPay
    AND open page “Thank you. Your order has been received.”

    AND Send eMail to buyer “Your SACLÀB order confirmation”

    AND Send eMail to seller “Your bag was sold”

     

    Screenshot 2024-04-23 at 14.56.35.png

    image-20240419-055116.png

    Screenshot 2024-04-22 at 14.43.11.png

    04

    Given: checkout page https://stage.saclab.com/checkout/ and “Country / Region *” is set to “Netherlands”

    When: fill out the form
    AND select type of payment “iDeal“ and fills out it’s payment details
    AND click button “Place Order”

    Then: payment is automatically processed via HiPay
    AND open page “Thank you. Your order has been received.”

    AND Send eMail to buyer “Your SACLÀB order confirmation”

    AND Send eMail to seller “Your bag was sold”

    Screenshot 2024-04-23 at 14.54.02.png

    Screenshot 2024-04-23 at 14.53.48.png

    05

    Given: checkout page https://stage.saclab.com/checkout/ and “Country / Region *” is set to “Belgium”

    When: fill out the form
    AND select type of payment “Bancontact“ and fills out it’s payment details
    AND click button “Place Order”

    Then: payment is automatically processed via HiPay
    AND open page “Thank you. Your order has been received.”

    AND Send eMail to buyer “Your SACLÀB order confirmation”

    AND Send eMail to seller “Your bag was sold”

    Screenshot 2024-04-23 at 14.57.20.png

    06

    Given: checkout page https://stage.saclab.com/checkout/ and “Country / Region *” is set to “France”

    When: fill out the form
    AND select type of payment “Carte Banciaire“ and fills out it’s payment details
    AND click button “Place Order”

    Then: payment is automatically processed via HiPay
    AND open page “Thank you. Your order has been received.”

    AND Send eMail to buyer “Your SACLÀB order confirmation”

    AND Send eMail to seller “Your bag was sold”

  • Epic 71. HiPay integration

    General info

    We’re investigating the switch of our Payment Provider from Mollie to HiPay.

    Pros:

    • They offer the same payment options as we currently use

    • Integration of Payment Process directly in Checkout, no redirection like mollie → lower bounce rate / failed payments

    • Lower costs

    • Better Support

    Cons:

    • Integration of Apple Pay might be complex

    Documentation

    WooC Plugin https://developer.hipay.com/cms-modules/woocommerce/woocommerce-enterprise

    Apple Pay https://developer.hipay.com/online-payments/payment-means/apple-pay-web

    HiPay Support https://support.hipay.com/hc/en-us

    User stories

    Story 71.1. Integration via WooC Plugin

    Story 71.2. Apple Pay: Integration outside of the Plugin

    Story 71.3. “Pay via Apple Pay”-Button on Product Page / Cart

  • SYB UI redesign

    General Info

    We’re redesigning parts of our SYB feature to improve the UI

    01: Timeline

    • old timeline lacked info about steps, user wasn’t able to switch between steps

    • new timeline: Clear breakdown into 3/4 steps, user can switch between steps

    02: Price suggestion field

    • we want to suggest “good” prices to the user. If the input price by a user is within a certain percentage-range, the user gets feedback “thats a good price, good change of selling” or “low price of selling

    User Story

    As a seller on saclab, I’d like to submit my bag via the “Sell your bag” function. I want to use this multi-step feature to find out how much my bag is worth and to sell it in the end.
    I’ll submit data on the bag, will upload photos of my bag, login or create an account and finally, review the bag to submit it.

    Design / Flowcharts

    SYB Timeline design, including Prototype: https://www.figma.com/file/jRmae5jji2sfGH3zANnsdv/Julie-Espinosa?type=design&node-id=10644%3A5294&mode=design&t=tMgVmgG7E39GYTCO-1

    SYB Price suggestion field, including Prototype: https://www.figma.com/file/jRmae5jji2sfGH3zANnsdv/Julie-Espinosa?type=design&node-id=10605%3A3865&mode=design&t=tMgVmgG7E39GYTCO-1

    Acceptance criteria

    01

    Given: user visits https://saclab.com/sell/

    When: user lands on page, goes through steps to submit the bag
    Then:

    • show progress in new Timeline redesign

    • if user is signedIn: display 3-step design

    • If user is not signedIn: display 4-step design

    • Switching between Steps:
      additionnaly to switching steps via buttons “Next Step”/ “Back”:
      allow users to click and switch between steps on the new timeline

      • “going backward” in steps via the timeline-dots should always be allowed, the data input should be stored

      • “going forward” in steps via the timeline-dots is only allowed, if the action to reach that step has been previously fulfilled via button like “NEXT STEP”.

      • further rules/logic: see design rules or prototype

    Screenshot 2024-03-13 at 11.59.36.png

    Screenshot 2024-03-13 at 12.44.47.png

    02

    Given: user reaches “Photo upload and find your price”

    When: user types in Price

    Then: display info (e.g. “good change of selling”) around redesigned SYB Price suggestion field

    Rules: 

    0 to -40%: None
    -40% to +15%: “GOOD CHANCE ..”
    +15% above: “LOW CHANGE …”

    • Admin should be allowed to change the percentage-ranges (e.g. 0 to -40%) from our WP backend

    • Amin should be allowed to change the text “LOWER CHANCE OF SELLING” and “GOOD CHANCE OF SELLING” from the WP backend

    • full list of rules can be found here

    Screenshot 2024-03-13 at 12.02.35 copy.png

    New design example of price suggestion field:

    image-20240313-112323.png

  • Story 61.1. Search by SKU

    User story

    As a website user

    I want to be able to find the bag by SKU

    So that helps me to find the products faster, especially if I’m an admin that tried to find some products on the front pages


    SCLB-524

    Acceptance criteria

    01

    Given: open any page on the website

    When: input the SKU in the search bar

    Then: see the product by SKU in search results

  • Epic 61. Search bar. Basic settings

    General info

    Ticket:


    SCLB-534

    User Stories

    Story 61.1. Search by SKU

    Story 61.2. X button on the search bar

  • Story 43.1 Send bag remove drop-off

    As a seller on saclab.com. After I signed the consignment contract, I would like to ship my bag to saclab by schedule a pick-up at my doorstep

    Acceptance criteria

    When user clicks “Send bag”, they are lead to a window where they can put in their (pick up) address. Up until March 7, 2024, user can choose between 2 shipping options which is “Pick-up” and “drop-off”.

    Screenshot 2024-03-07 at 13.01.16.png

    screencapture-stage-saclab-my-account-bags-i-sell-3116-2024-03-06-17_12_21.png

    From March 13, 2024, remove the “drop-off” option, users are required to pick a pick-up time directly.

    screencapture-stage-saclab-my-account-bags-i-sell-3116-2024-03-06-17_29_31.png

  • Story 51.3. Bag is sold before LIVE

    We have a new field on airTable for [Publish status]

    1. Once [bag accepted] ⇒ [yes] ⇒ product is created and “privately published” on WooCom

      1. on AirT:

        1. Product status is [not photographed]

        2. Publish status is [Privatel]

        3. Published date = [Set date] (automatically set based on the date when Bag accepted is changed to [YES]

        ⇒ on the [Published Date], bag will become [Published] + product status changed to [Stock] or [Sold] or others accordingly

        • If [Set Date] is left empty then the bag stays [Privately published] + product status changed to [Stock] or [Sold] or others accordingly

        So if the bag is sold before live:

        1. Product status is [sold]

        2. Publish status is [Private]

        3. Published date = [Set date] (automatically set based on the date when Bag accepted is changed to [YES]

        ⇒ on [Published date], product becomes LIVE but sold out. On airtable product has Product status = [Sold] + publish status = [Published]