Checklist Design
πŸ“ƒ Pages🧱 Elements🌊 FlowsπŸ’‘ TopicsπŸ–ŒοΈ Brand
πŸ‘‹ Check-Ins
Checklist Design
🏠 HomeπŸ“ƒ Pages🧱 Elements🌊 FlowsπŸ’‘ TopicsπŸ–ŒοΈ BrandπŸ›Ž Check-Ins
πŸ›’

Cart

Page

Checklist

0 out of 8

Metadata of items added

Name, size, style, quantity, price and images should all be present

Change or remove item

Give the user the ability to edit their items inside the cart

Shipping options

Variants in delivery based on location, weight and time

⭐️ Clearly show alternative shipping methods and the costs for each (if available)

Apply promo, discount or coupon

An obvious text field to enter a code for a reduced price

⭐️ Include above the checkout button

⭐️ Show status of whether discount was accepted or declined after submitting code

Accepted payment methods

Ways a user can fulfil their purchase

⭐️ Using secure payment providers instils trust into the user

Link to support

Incase a user has issues or questions about their items

Link to checkout

For when they're ready to move on and fulfil their purchase

⭐️ Make sure this stands out on the page

Optional

Suggested items to add

A great opportunity to upsell items that are relevant to those in the cart already

Inspiration
View more
View bucket
Articles
The UX design of an effective ecommerce basket page
UX Planet
UX best practice: the all-important β€˜add-to-cart’ page
Salesforce
10 best practices for shopping cart page optimization
ABΒ Tasty
Examples
Nike
Disney
Fossil
Related
elements
View all
Green arrow indicating card for element content is a link

πŸ–²οΈ

Button

πŸƒ

Card

🌠

Icon

⌨️

Text field

⏳

Loading

Other
pages
View all
Orange arrow indicating card for pages content is a link

πŸ’Έ

Pricing

☎️

Contact us

❓

FAQ

πŸ‘‹

Sign up

🏒

Careers

Checklist Design
Created by George Hatzis
PagesElementsFlows
TopicsBrandApp
Check-InsAboutPrivacy
This website was made with Webflow (affiliate link).