{"id":38757,"date":"2016-07-12T10:37:35","date_gmt":"2016-07-12T09:37:35","guid":{"rendered":"http:\/\/www.smartinsights.com\/?post_type=guides&p=38757"},"modified":"2021-04-06T15:57:54","modified_gmt":"2021-04-06T14:57:54","slug":"ecommerce-design-patterns","status":"publish","type":"guides","link":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/","title":{"rendered":"E-commerce design pattern guide"},"content":{"rendered":"
\n

How will this online retail website design best practice guide help\u00a0us?<\/h3>\n

We created this guide to give our members a definitive reference of\u00a0best\u00a0practice for the design of key website page templates essential in retail e-commerce websites. Since best practices for these page types are common on other types of sites, it is a useful reference for the design of all sites. For each page type, for example, the home page or product page, we have defined two wireframes with an explanation and examples of the core design elements that digital teams need to incorporate for desktop or mobile responsive sites.<\/p>\n

The purpose of this guide is to give you a toolkit to use to review tests to optimize existing templates, or alternatively, as a blueprint that can be adapted when you are planning a site redesign.<\/p>\n

The primary audience for this guide is members or e-commerce teams, particularly in retail, with those involved in design from managers through to optimizers. The secondary audiences are agency-side digital teams and independent e-commerce consultants who are working with retail e-commerce clients.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

How will this online retail website design best practice guide help\u00a0us? We created this guide to give our members a definitive reference of\u00a0best\u00a0practice for the design of key website page templates essential in retail e-commerce websites. Since best practices for …..<\/p>\n","protected":false},"featured_media":121631,"template":"","meta":{"_acf_changed":false,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"acf":[],"yoast_head":"\nE-commerce design pattern guide | Smart Insights<\/title>\n<meta name=\"description\" content=\"Discover the best ways to structure your online store, from product page to checkout, whether you're making changes or starting from scratch with our guide.\" \/>\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.smartinsights.com\/guides\/ecommerce-design-patterns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-commerce design pattern guide | Smart Insights\" \/>\n<meta property=\"og:description\" content=\"Discover the best ways to structure your online store, from product page to checkout, whether you're making changes or starting from scratch with our guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Insights\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/smartinsights\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-06T14:57:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"595\" \/>\n\t<meta property=\"og:image:height\" content=\"839\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@smartinsights\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/\",\"url\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/\",\"name\":\"E-commerce design pattern guide | Smart Insights\",\"isPartOf\":{\"@id\":\"https:\/\/www.smartinsights.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg\",\"datePublished\":\"2016-07-12T09:37:35+00:00\",\"dateModified\":\"2021-04-06T14:57:54+00:00\",\"description\":\"Discover the best ways to structure your online store, from product page to checkout, whether you're making changes or starting from scratch with our guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#primaryimage\",\"url\":\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg\",\"contentUrl\":\"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg\",\"width\":595,\"height\":839},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.smartinsights.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guides\",\"item\":\"https:\/\/www.smartinsights.com\/guides\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"E-commerce design pattern guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.smartinsights.com\/#website\",\"url\":\"https:\/\/www.smartinsights.com\/\",\"name\":\"Smart Insights\",\"description\":\"Digital Marketing > The Marketing Strategy Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.smartinsights.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E-commerce design pattern guide | Smart Insights","description":"Discover the best ways to structure your online store, from product page to checkout, whether you're making changes or starting from scratch with our guide.","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.smartinsights.com\/guides\/ecommerce-design-patterns\/","og_locale":"en_US","og_type":"article","og_title":"E-commerce design pattern guide | Smart Insights","og_description":"Discover the best ways to structure your online store, from product page to checkout, whether you're making changes or starting from scratch with our guide.","og_url":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/","og_site_name":"Smart Insights","article_publisher":"https:\/\/www.facebook.com\/smartinsights","article_modified_time":"2021-04-06T14:57:54+00:00","og_image":[{"width":595,"height":839,"url":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@smartinsights","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/","url":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/","name":"E-commerce design pattern guide | Smart Insights","isPartOf":{"@id":"https:\/\/www.smartinsights.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#primaryimage"},"image":{"@id":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg","datePublished":"2016-07-12T09:37:35+00:00","dateModified":"2021-04-06T14:57:54+00:00","description":"Discover the best ways to structure your online store, from product page to checkout, whether you're making changes or starting from scratch with our guide.","breadcrumb":{"@id":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#primaryimage","url":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg","contentUrl":"https:\/\/www.smartinsights.com\/wp-content\/uploads\/2016\/07\/e-commerce-bible-2018-webcover-1.jpg","width":595,"height":839},{"@type":"BreadcrumbList","@id":"https:\/\/www.smartinsights.com\/guides\/ecommerce-design-patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.smartinsights.com\/"},{"@type":"ListItem","position":2,"name":"Guides","item":"https:\/\/www.smartinsights.com\/guides\/"},{"@type":"ListItem","position":3,"name":"E-commerce design pattern guide"}]},{"@type":"WebSite","@id":"https:\/\/www.smartinsights.com\/#website","url":"https:\/\/www.smartinsights.com\/","name":"Smart Insights","description":"Digital Marketing > The Marketing Strategy Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smartinsights.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/guides\/38757"}],"collection":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/guides"}],"about":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/types\/guides"}],"version-history":[{"count":9,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/guides\/38757\/revisions"}],"predecessor-version":[{"id":159808,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/guides\/38757\/revisions\/159808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/media\/121631"}],"wp:attachment":[{"href":"https:\/\/www.smartinsights.com\/wp-json\/wp\/v2\/media?parent=38757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}