{"id":10639,"date":"2015-12-10T17:09:10","date_gmt":"2015-12-11T01:09:10","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=10639"},"modified":"2026-05-08T01:22:37","modified_gmt":"2026-05-08T08:22:37","slug":"dont-let-web-design-trends-kill-your-e-commerce-site","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/","title":{"rendered":"Don&#8217;t Overdo Web Design Trends on Your E-Commerce Site"},"content":{"rendered":"<p>The &#8220;rules&#8221; for e-commerce design can run contrary to what designers want to do. While minimalism, streamlined interfaces and limited text and messaging are commonly associated with some of today&#8217;s best design projects, they aren&#8217;t as practical on a retail site.<\/p>\n<p>When it comes to e-commerce design, the ultimate goal is to get conversions. (More directly, you want to entice users to buy as many items as possible.)<\/p>\n<p>The latest web design trends might be counterproductive to achieving that goal. In other words, they might come back to bite you in the cart.<\/p>\n<h2>Features vs. Function<\/h2>\n<p>Functionality is the core need when designing for e-commerce. Shopping websites need to be easy to use, secure, trustworthy and provide enough information for users to make a decision they feel good about.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10642\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image022.jpg\" alt=\"image02\" width=\"720\" height=\"427\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image022.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image022-506x300.jpg 506w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10647\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image07.jpg\" alt=\"image07\" width=\"720\" height=\"426\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image07.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image07-507x300.jpg 507w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <a href=\"http:\/\/www.target.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Target<\/a><\/i><\/p>\n<p>With that, an e-commerce site might include less-trendy features because of this need for function. But there&#8217;s still room for modern touches.<\/p>\n<p><a href=\"http:\/\/www.target.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Target<\/a> is a great example of meshing design and function. Its design uses a large header with featured items and trendy card-style secondary elements for sales. Each of these elements link to robust product pages with plenty of item information.<\/p>\n<p>Functionally, Target also uses a more &#8220;old-school&#8221; mega navigation menu with many options sorted by department, almost the same way you would find items walking through a physical store. This combination of modern cards and old-school navigation incorporates a touch of trendy design with arguably-outdated navigation style that is still relevant for large e-commerce websites.<\/p>\n<h2>Personalization<\/h2>\n<p>When it comes to shopping, users want experiences that tailored to their wants and needs.<\/p>\n<p>As discussed in the e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\">UX Design Trends 2015-2016<\/a>, It&#8217;s the same concept as creating personalized user experiences for any other type of website or app.<\/p>\n<p>This personal interaction should take only a glance. It starts with something as simple as a welcome message that addresses the user, or a shopping cart that &#8220;remembers&#8221; items for a day or two if they were not actually purchased.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10641\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image011.jpg\" alt=\"image01\" width=\"720\" height=\"361\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image011.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image011-599x300.jpg 599w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/www.amazon.com\" target=\"_blank\" rel=\"noopener noreferrer\"><i>Amazon<\/i><\/a><\/p>\n<p>No one has the personalization market covered quite like <a href=\"https:\/\/www.amazon.com\" target=\"_blank\" rel=\"noopener noreferrer\">Amazon<\/a>.<\/p>\n<p>Every element of the site is <a href=\"http:\/\/www.mobilemarketer.com\/cms\/news\/content\/12501.html\" target=\"_blank\" rel=\"noopener noreferrer\">personally tailored to the user<\/a>, from past purchases to recommended items to things the shopper might not even know they want. The retail giant has figured out a formula to make every shopping experience distinctly unique. And while the concept can be on the borderline-creepy side, it creates a phenomenal shopping experience that saves users time and effort.<\/p>\n<p><em><\/section>\n<section class=\"related-books-section\">\n<h3>Grab design ebooks created by best designers<\/h3>\n<p class=\"section-desc\">All for free<\/p>\n<ul class=\"related-books-list\">\n<li>\n<figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-trends-2015-2016\/\" class=\"action-get-ebook\" data-name=\"Interaction Design Trends 2015 &#038; 2016\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-trends-2015-2016\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Interaction Design Trends 2015 &#038; 2016\">Download<\/a><\/li>\n<li>\n<figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/top-10-web-design-trends-2015\/\" class=\"action-get-ebook\" data-name=\"Top 10 Web Design Trends of 2015\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/the-book2.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book2\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/the-book2.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/the-book2-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/top-10-web-design-trends-2015\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Top 10 Web Design Trends of 2015\">Download<\/a><\/li>\n<li>\n<figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/building-blocks-interaction-design\/\" class=\"action-get-ebook\" data-name=\"The 5 Building Blocks of Interaction Design\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/the-book3.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book3\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/the-book3.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/the-book3-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/building-blocks-interaction-design\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"The 5 Building Blocks of Interaction Design\">Download<\/a><\/li>\n<li>\n<figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\" class=\"action-get-ebook\" data-name=\"Web UI Design for the Human Eye\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-UI-Design-for-the-Human-Eye-Colors-Space-Contrast-.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"Web UI Design for the Human Eye Colors Space Contrast\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-UI-Design-for-the-Human-Eye-Colors-Space-Contrast-.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-UI-Design-for-the-Human-Eye-Colors-Space-Contrast--210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Web UI Design for the Human Eye\">Download<\/a><\/li>\n<\/ul>\n<\/section>\n<section class=\"related-books-section-single\">\n<section class=\"post-content-wrapper\">\n<figure><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-UI-Design-for-the-Human-Eye-Colors-Space-Contrast-.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"Web UI Design for the Human Eye Colors Space Contrast\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-UI-Design-for-the-Human-Eye-Colors-Space-Contrast-.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-UI-Design-for-the-Human-Eye-Colors-Space-Contrast--210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/figure>\n<article>\n<h3>Do you want to know more about UI Design?<\/h3>\n<p>Download &#8216;Web UI Design for the Human Eye&#8217; <span>FOR FREE!<\/span><\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\" class=\"btn btn-flat btn-darker action-get-ebook\">Download e-book for free<\/a><\/article>\n<\/section>\n<p><a href=\"#closeEbookPanel\" class=\"icon-close action-close-ebook-panel\">Close<\/a><\/section>\n<section class=\"post-content-wrapper\"><\/em><\/p>\n<h2>Security<\/h2>\n<p>Not only does an e-commerce website need to guarantee security for users, such as a lock icon that comes from using <a href=\"https:\/\/en.wikipedia.org\/wiki\/HTTPS\" target=\"_blank\" rel=\"noopener noreferrer\">HTTPS<\/a>, a secure network connection, it should also look trustworthy and secure. For businesses handling sensitive customer data, platforms like <a href=\"https:\/\/www.dreamfactory.com\" target=\"_blank\" rel=\"noopener noreferrer\">DreamFactory<\/a> provide governed API access to data sources with role-based security controls, ensuring that backend systems remain protected while enabling necessary integrations.<\/p>\n<p>The easiest way to accomplish this is with precise organization. A well-organized site will naturally seem much more trustworthy than one that with chaotic design.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10646\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image061.jpg\" alt=\"image06\" width=\"720\" height=\"344\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image061.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image061-628x300.jpg 628w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <a href=\"http:\/\/www.zazzle.com\/turquoise_vintage_octopus_illustration_stone_coaster-256307444679073505\">Zazzle<\/a><\/i><\/p>\n<p>Start with a defined grid system, typography hierarchy, and image guidelines for a design that feels more trustworthy. The examples in this <a href=\"https:\/\/www.volusion.com\/ecommerce-blog\/articles\/30-creative-ecommerce-website-designs-on-volusion\/\">Volusion blog post<\/a> are a good reference point.<\/p>\n<p><a href=\"http:\/\/www.zazzle.com\/turquoise_vintage_octopus_illustration_stone_coaster-256307444679073505\" target=\"_blank\" rel=\"noopener noreferrer\">Zazzle<\/a>, which sells custom products on behalf of independent designers and sellers, establishes trust on every page. The website reinforces the idea of security with guarantees, customer testimonials, photos of the people behind the company as well as established security protocols. The simple design is particularly well-organized and inviting with clean typography and plenty of white space. Even if you have never used Zazzle, the website is welcoming and doesn&#8217;t make users think twice about making a purchase.<\/p>\n<h2>Information Overload<\/h2>\n<p>While most design projects&#8217; goal is to keep messaging simple and readable at a glance \u2014 thanks to users&#8217; short attention spans \u2014 e-commerceis quite the opposite. It&#8217;s the one area of design where information overload is welcome.<\/p>\n<p>Users want to compare items (this is where personalization comes in handy), know specific details about products and learn everything they can before making a purchase. Robust product pages are key when designing to sell. But they still need to look streamlined.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10644\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image041.jpg\" alt=\"image04\" width=\"720\" height=\"853\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image041.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image041-253x300.jpg 253w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image041-865x1024.jpg 865w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"http:\/\/www.toryburch.com\/smartphone-cross-body\/41159204.html\" target=\"_blank\" rel=\"noopener noreferrer\"><i>Tory Burch <\/i><\/a><\/p>\n<p>While this may seem like quite the conundrum, it&#8217;s not that difficult to accomplish.<\/p>\n<p>The product pages for <a href=\"http:\/\/www.toryburch.com\/smartphone-cross-body\/41159204.html\">Tory Burch<\/a> do this exceptionally well. Above the scroll, you&#8217;ll find the simple description of the item with colors, photos and an option to &#8220;Add to Bag.&#8221; Need to know more? It&#8217;s below the scroll. There are more detailed images of the item and a list of key features to help users make that final decision to buy.<\/p>\n<p>This technique is gaining popularity in lots of other design projects as well because users are realize that users scroll, leading to more scrolling designs and mobile app usage. The key to making it work for e-commerce is using the scroll or screens \u2014 either new pages or modal windows \u2014 to provide multiple levels of information: a first glance for impulse or direct buyers and plenty of information for comparison shoppers.<\/p>\n<h2>Plenty of Calls to Action<\/h2>\n<p>It might sound like common sense but designers should base e-commerceuser experience on calls to action. Every time a product appears on the screen, there should be a direct path for the user to buy it.<\/p>\n<p>Use bright colors and simple language to make these calls to action visible, direct and easy to use. Consider oversized buttons and plenty of clickable areas. Make the cart easy to find from anywhere on the site, so users can get to the checkout quickly when they are done shopping.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10643\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image034.jpg\" alt=\"image03\" width=\"720\" height=\"430\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image034.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image034-503x300.jpg 503w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10645\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg\" alt=\"image05\" width=\"720\" height=\"433\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052-499x300.jpg 499w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <a href=\"https:\/\/www.dollarshaveclub.com\/blades?rel=cta-do-it\">Dollar Shave Club <\/a><\/i><\/p>\n<p><a href=\"https:\/\/www.dollarshaveclub.com\/blades?rel=cta-do-it\">Dollar Shave Club<\/a> has a fun, almost hipster-style design with plenty of modern elements, and a simple shopping interface.<\/p>\n<p>The user has three starting options \u2014 each with an immediate purchase call to action. Select a product and a cart showing the number of items immediately appears at the top and bottom of the screen with another call to action (a quick and easy upsell). From the time a user lands on the site until the checkout is complete, the clicks follow a logical order with clear actions.<\/p>\n<h2>Extra Details<\/h2>\n<p>The extra design details are what can differentiate one e-commercesite from another. It should feel special and lavish. That&#8217;s where specific design elements such great space, photography, animation and effects are most important. Every click should make the user want to click again, whether you are creating an e-commercesite or not.<\/p>\n<p>Additional details such as letting a user know if items are in stock, what styles or colors are available and easy checkout are also important. Sites with huge inventories should consider click-to-sort filters for colors or brands. Smaller sites should focus on showing as many different items in logical groups.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10640\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image002.jpg\" alt=\"image00\" width=\"720\" height=\"432\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image002.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image002-500x300.jpg 500w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"http:\/\/www.mycentsofstyle.com\/collections\/clothing\"><i>Cents of Style<\/i><\/a><\/p>\n<p>Budget fashion retailer <a href=\"http:\/\/www.mycentsofstyle.com\/collections\/clothing\">Cents of Style<\/a> shows shoppers a variety of items at once, but a distinct grid and organization keep users from feeling overwhelmed by all the different options. The left and top menus make it easy for shoppers to hop to different product categories. Details such as clearly-marked sale prices and out-of-stock items help users save time and make the &#8220;right clicks&#8221; as they shop.<\/p>\n<h2>Takeaways<\/h2>\n<p>When it comes to e-commerce design some of the biggest &#8220;trends&#8221; may actually fall a little behind overall design. This is mostly because users need to feel safe on e-commerce sites, and user flows need to follow commonly-accepted patterns.<\/p>\n<p>E-commerce sites are often packed with information, features and options. This also makes it harder to employ design fads, because they could cause users to stumble.<\/p>\n<p>Commonly accepted patterns, easy search and navigation and trust can outweigh the need for a trendy look and feel. But it&#8217;s possible to try both. Retail sites such as Target and Dollar Shave Club show that you can design a mix of old and new and merge user experience and customer experience in a single package.<\/p>\n<p>If you want to learn more about the fundamentals, check out the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/building-blocks-interaction-design\/\">The 5 Building Blocks of Interaction Design<\/a>. You&#8217;ll learn the foundations of successful UX with teardowns of Salesforce IQ, Virgin America, Hootsuite and Eventbrite.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/building-blocks-interaction-design\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10658 size-full\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/blog-book.png\" alt=\"blog-book\" width=\"720\" height=\"330\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/blog-book.png 720w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/blog-book-655x300.png 655w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web trends aren&#8217;t all that practical for e-commerce sites. We show you why it&#8217;s important to stick the fundamentals. <\/p>\n","protected":false},"author":25,"featured_media":10645,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,7],"tags":[],"class_list":["post-10639","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ux-design","category-web-design"],"yoast_title":"","yoast_metadesc":"Web trends aren't all that practical for e-commerce sites. We show you why it's important to stick the fundamentals.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Don&#039;t Overdo Web Design Trends on Your E-Commerce Site | UXPin<\/title>\n<meta name=\"description\" content=\"Web trends aren&#039;t all that practical for e-commerce sites. We show you why it&#039;s important to stick the fundamentals.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Don&#039;t Overdo Web Design Trends on Your E-Commerce Site\" \/>\n<meta property=\"og:description\" content=\"Web trends aren&#039;t all that practical for e-commerce sites. We show you why it&#039;s important to stick the fundamentals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-11T01:09:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T08:22:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"541\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carrie Cousins\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@carriecousins\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carrie Cousins\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/\"},\"author\":{\"name\":\"Carrie Cousins\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e9fea31a2f764c9c37cf53e098fbeeeb\"},\"headline\":\"Don&#8217;t Overdo Web Design Trends on Your E-Commerce Site\",\"datePublished\":\"2015-12-11T01:09:10+00:00\",\"dateModified\":\"2026-05-08T08:22:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/\"},\"wordCount\":1416,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/image052.jpg\",\"articleSection\":[\"Blog\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/\",\"name\":\"Don't Overdo Web Design Trends on Your E-Commerce Site | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/image052.jpg\",\"datePublished\":\"2015-12-11T01:09:10+00:00\",\"dateModified\":\"2026-05-08T08:22:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e9fea31a2f764c9c37cf53e098fbeeeb\"},\"description\":\"Web trends aren't all that practical for e-commerce sites. We show you why it's important to stick the fundamentals.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/image052.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/image052.jpg\",\"width\":900,\"height\":541,\"caption\":\"image052\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/dont-let-web-design-trends-kill-your-e-commerce-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Don&#8217;t Overdo Web Design Trends on Your E-Commerce Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e9fea31a2f764c9c37cf53e098fbeeeb\",\"name\":\"Carrie Cousins\",\"description\":\"Carrie Cousins has more than 10 years experience in the media industry, including design, editing, and writing for print and online publications. Carrie is also a sports fanatic and spends way too much time planning football and basketball trips and obsessing over stats.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/carriecousins\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/carriecousins\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Don't Overdo Web Design Trends on Your E-Commerce Site | UXPin","description":"Web trends aren't all that practical for e-commerce sites. We show you why it's important to stick the fundamentals.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/","og_locale":"en_US","og_type":"article","og_title":"Don't Overdo Web Design Trends on Your E-Commerce Site","og_description":"Web trends aren't all that practical for e-commerce sites. We show you why it's important to stick the fundamentals.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/","og_site_name":"Studio by UXPin","article_published_time":"2015-12-11T01:09:10+00:00","article_modified_time":"2026-05-08T08:22:37+00:00","og_image":[{"width":900,"height":541,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg","type":"image\/jpeg"}],"author":"Carrie Cousins","twitter_card":"summary_large_image","twitter_creator":"@carriecousins","twitter_misc":{"Written by":"Carrie Cousins","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/"},"author":{"name":"Carrie Cousins","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e9fea31a2f764c9c37cf53e098fbeeeb"},"headline":"Don&#8217;t Overdo Web Design Trends on Your E-Commerce Site","datePublished":"2015-12-11T01:09:10+00:00","dateModified":"2026-05-08T08:22:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/"},"wordCount":1416,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg","articleSection":["Blog","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/","name":"Don't Overdo Web Design Trends on Your E-Commerce Site | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg","datePublished":"2015-12-11T01:09:10+00:00","dateModified":"2026-05-08T08:22:37+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e9fea31a2f764c9c37cf53e098fbeeeb"},"description":"Web trends aren't all that practical for e-commerce sites. We show you why it's important to stick the fundamentals.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image052.jpg","width":900,"height":541,"caption":"image052"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Don&#8217;t Overdo Web Design Trends on Your E-Commerce Site"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e9fea31a2f764c9c37cf53e098fbeeeb","name":"Carrie Cousins","description":"Carrie Cousins has more than 10 years experience in the media industry, including design, editing, and writing for print and online publications. Carrie is also a sports fanatic and spends way too much time planning football and basketball trips and obsessing over stats.","sameAs":["https:\/\/x.com\/carriecousins"],"url":"https:\/\/www.uxpin.com\/studio\/author\/carriecousins\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=10639"}],"version-history":[{"count":1,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10639\/revisions"}],"predecessor-version":[{"id":59099,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10639\/revisions\/59099"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/10645"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=10639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=10639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=10639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}