Mobile UI Improvements for E-commerce Stores

Created by Dakota Routh, Modified on Mon, 16 Jun at 4:34 AM by Dakota Routh

What’s New?
We’ve launched a significant batch of UX improvements tailored for the mobile shopping experience across various E-commerce store pages. These updates enhance responsiveness, layout consistency, and usability—giving customers a smoother path from browsing to checkout.
Mobile-Centric Enhancements:
  • Product Ratings Optimisation:
     Rating count with a single star emoji is now displayed at bottom left of product images to reduce information overload.
  • Improved Sort & Filter Experience:
     Redesigned the sort and filter section with a cleaner and more intuitive UI. Fixed an issue where the price filter was overflowing on smaller screens.
  • "Write a Review" Modal Revamp:
     Enhanced the UI for the "Write a Review" modal for better clarity and ease of use.
  • Dropdown Overflow Fix:
     Resolved dropdown overflow issues in the "Create Review" section on the Product Detail page.
Cart & Checkout Improvements:
  • Cart Drawer Improvements:
     Refined cart drawer layout to better display subscription details and error messages for a smoother experience.
  • Cart Page Redesign:
     Re-organised cart item details for a cleaner and more user-friendly presentation.
  • Checkout Page Cart Summary:
     Introduced a cart summary section with an accordion-style toggle to show/hide cart details directly within the checkout page.
  • Coupon Section Repositioned:
     Coupon input field is now placed at the bottom along with subtotal, shipping, taxes, and total breakdown for better visibility.
Post-Purchase Experience:
  • Thank You Page Update:
     Rearranged elements on the thank you page to improve post-purchase visibility and clarity.
Images:
Sort & Filter Improvements:
image
image
Write a Review" Modal Revamp:
image
Cart drawer:
image
image
Cart Page Redesign:
image

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article