Page Designs

156 Mobile ‘Cart’ Examples

with UX annotations by Baymard researchers

What’s this? Here you’ll find 156 “Mobile: Cart” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 93 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

In our large-scale usability testing we consistently observe that the mobile Shopping Cart is used differently than on desktop websites. Due to the more cumbersome mobile navigation, the mobile cart is very often used as “a convenient placeholder for temporarily storing and comparing products of interest”. As in, users put several similar items in their cart only to then explore the items fully and then remove most products. This user behavior sets strict design requirements for the mobile shopping cart.

More ‘Cart’ Insights

  • Desktop Examples: Besides the mobile examples below, we also have 115+ desktop examples of Cart implementations.

  • Learn More: Besides exploring the 84 “mobile shopping cart” design examples below, you may also want to read our related article “The State of Mobile E-Commerce Search and Category Navigation”.

  • Get Full Access: To see all of Baymard’s 351 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 78,000+ hours of UX research findings, 600+ e-commerce UX guidelines, and 140,000+ UX performance scores.)


User Experience Research, Delivered Twice a Month

Join 25,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

User Experience Research, Delivered Twice a Month

Join 25,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter
Premium Research

Get full access to Baymard’s 78,000+ hours of research and empower your UX team and decisions.

Audit Service

Get Baymard to audit your site’s UX performance, compare it to competitors, and identify 40 areas of improvements.