One of the most important flows on e-commerce sites.

Steps

  1. A product page that answers questions. Well-designed product pages have at least: a descriptive product name, recognizable image, enlarged view of image, prize details.

    Frame 23.png

  2. Show progress. Indicate if a product is processed to the cart.

    Frame 26.png

  3. Include product details in a cart summary. Don’t limit your cart summary to images. Display the size, colour, price, and a number of each item. Enable deleting directly from the cart. Show total cost

    Frame 25.png

  4. Link products. Include a link from each item back to its product page, in case the user needs to reread the full product description or double-check specs.

    Frame 27.png

Articles & materials

Adding an Item to a Shopping Cart: Provide Clear, Persistent Feedback

Cart design

@alex proszę zerknij czy cos bys dodała czy w ogole jakies inne podejscie? - ja jutro opisze to na notion, na razie zrobiłam UI i opsiy w figmie