Later, we will move on to the specific coupon and cart promos placements on the website while highlighting the best design solution from the standpoint of customer experience. We will cover some general tips here that apply to most discount coupon and promotions design, placements, and promotion. Free coupons & promotions UI kit on FigmaĪchieve faster time to market with ready coupon & promotion components from our Coupons & Promotions UI Kit available on Figma. For the complete guide, download the ebook below. We hope this guide will help you redesign your platform to include coupon and cart-level promotions, improve your existing customer couponing experience and monitor offer codes. Note: All desktop screenshots were made on Mac, Chrome and all mobile screenshots were made using the iPhone X resolution on Chrome. We wrote this post based on our customers’ UI & UX, the best performing in terms of revenue DTC e-commerce platforms’ UI, and various UX studies. We will cover the whole customer journey, from promotional messages and price drops on the website through coupon and promotions validation and application at checkout, and finally, redemption. This post collects best practices and inspirations for designing the user interface and experience for promoting coupon codes and auto-applied promotions on your website or mobile platform.

However, for users to be successful using promotions, a website must do two things well: it must communicate these various promotions effectively throughout the site, and it must also make it easy for users to get the deals being communicated.” – Kim Salazar, Senior User Experience Specialist with Nielsen Norman Group

Best Practices of Coupons, Discounts and Promotions UI & UX “Shoppers love deals, whether in the form of site-wide sales, select sale items, or coupons.

Download at home coupon