103 ‘Gifting’ Design Examples
Also referred to as: Gift Orders, Gift Options
What’s this? Here you’ll find 103 “Gifting” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 251 e-commerce sites. (Note: this is less than 1% of the full research catalog.)
During testing it was clear that the combination of users infrequently purchasing items “as a gift” and the lack of web conventions for how gifting should be implemented caused severe user doubt and a high number of gift orders with incorrect order data.
More ‘Gifting’ Insights
-
The two main pitfalls in sites’ gifting implementations are 1) not customizing the flow and features of the shipping address step for gift-marked orders (as in, just using the exact same shipping address field and labels for gift-marked orders as for standard ones), and 2) not explaining all of the gifting options in full but instead assuming that users simply know the site’s gifting procedures (despite these being different from site to site).
-
Learn More: Besides exploring the 103 “Gifting” checkout design examples below, you may also want to read our related article “5 Ways to Provide a Superior Gifting UI and Flow”.
-
Get Full Access: To see all of Baymard’s cart and checkout research findings you’ll need Baymard Premium access. (Premium also provides you full access to 150,000+ hours of UX research findings, 650+ e-commerce UX guidelines, and 275,000+ UX performance scores.)
User Experience Research, Delivered Weekly
Join 60,000+ UX professionals and get a new UX article every week.
User Experience Research, Delivered Weekly
Join 60,000+ UX professionals and get a new UX article every week.
Explore Other Research Content
300+ free UX articles based on large-scale research.
251 top sites ranked by UX performance.
Code samples, demos, and key stats for usability.
Add UX Best Practice Cards to your Figma projects.