(3) Product info [PDP]

[luisarmandodv]

As a potential buyer I would like to see the characteristics of the product (name, description, price, available colors) and the desired quantity to buy so that I will be sure of what I am buying.

Assumptions:

• The maximum quantity should be specified by the seller?
• It won’t be possible to add or remove colors in the future.
• The first color is selected by default.

Requirements:

• Use of Merriweather Sans as font.

• Use of CERISE RED (#E83671) as color.

• It must be below “Qty” menu and above “Add to Cart” button in desktop and mobile version.

• The user can click the select menu and select a new quantity.

• The text “Qty:” must be Bold.

• It must be below “Color bouquet” option and above product’s price in desktop and mobile version.

• Tile must be Bold.

• Use of Playfair Display as font in title.

• Use of Merriweather Sans as font in Description.

• The text “Description:” must be Bold.

• Button requirements (Check Button Guide):

• Font-Playfair Display-bold-Solid White-32

• Full-Cerise Red.

• Add icons to below the button “ADD TO CART”

  • Facebook Icon
  • Pinterest Icon
  • Google Plus Icon

• Add CERISE RED (#E83671) color on “Facebook” and “Google Plus” Icons, “Pinterest” icon must be black.

• The text “Share:” must be Bold and Black.

• The font text “Share:” must be “Merriwheather Sans”.

• The text “Color bouquet:” must be Bold.

• Use of Merriweather Sans as font.

• The Available colors must be represented as circles.

• Colors that are selected by the user must be changed to a touchable design.

• This part must be below product’s description and above the option “Qty” on desktop and mobile version.

• Desktop:

  • Title must be above description.
  • The description must be below product’s title, above “Color bouquet” option and to the right of product’s images.
  • Available colors must be at the right of the text “Color bouquet:”.
  • Text “Share” is to the left of icons.

• Mobile:

  • Title must be above image.
  • The description must be below product’s images and above “Color bouquet” option.
  • Text “Share” is above icons.
  • Available colors must be centered and below of the text “Color bouquet:”.

Acceptance Criteria:

• Correct alignment and personable.
• The user can click the select menu and select a new quantity.
• Correct alignment and personable.
• Redirect to a new web tab and load the social media selected with the purpose of share the product.
• The user can select all colors, and the selection must be saved when the purchase is done.

Story Points: 3