{"id":19167,"date":"2016-05-31T00:00:00","date_gmt":"2016-05-30T22:00:00","guid":{"rendered":"https:\/\/trilogi.com\/blog\/mobile-sets-the-trend-in-ecommerce-design\/"},"modified":"2016-05-31T00:00:00","modified_gmt":"2016-05-30T22:00:00","slug":"mobile-sets-the-trend-in-ecommerce-design","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/","title":{"rendered":"Mobile sets the trend in eCommerce design"},"content":{"rendered":"<p><span style=\"color: #333333;\">Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at <a href=\"https:\/\/trilogi.com\/en\/?source=blog\">Trilogi<\/a> we see it every day. Technology and development drive changes in online store design, where minimalism \u2014dominant in most eCommerce sites\u2014 is taking on new nuances. And that\u2019s not all: in eCommerce design, content must also adapt to the new trends set by search engines such as Google. Let\u2019s look at different types of online store design that have reinvented themselves to:<\/span><\/p>\n<ul>\n<li>Adapt to Google\u2019s new guidelines.<\/li>\n<li>Improve web usability, navigation and user experience.<\/li>\n<\/ul>\n<p>A clear example of how guidelines dictate what to show and how is the <strong>adaptation of websites to responsive format. <\/strong><span style=\"color: #333333;\">This adaptation ensures<strong> <\/strong><\/span>that content displays correctly on smaller screens, whether phones, tablets or their variants (phablets, etc.). This new way of presenting content brought a series of design changes that left behind stores that didn\u2019t adapt, or didn\u2019t do so properly.<\/p>\n<p>Fearing the looming <em>Mobilegeddon, <\/em>many brands opted for the hamburger menu, which groups all content into a drop-down menu following mobile navigation patterns. With it came the drop in organic rankings (SEO) for the online versions of El Corte Ingl\u00e9s (May 2015) and Springfield. The redesign wasn\u2019t the only factor: so were the decisions (or lack of them) made rega<span style=\"color: #333333;\">rding 301 redirects<\/span> from one design to the other, and other elements that deserve deeper analysis.<\/p>\n<p>Add to this that websites <strong>must convey the brand\u2019s image<\/strong>, and it becomes clear that opening an eCommerce isn\u2019t just about having distribution, sales and logistics sorted: you also need to stand out from competitors. What\u2019s certain is that if the store doesn\u2019t catch the eye in some way, users who visit it will hardly remember it.<\/p>\n<p>That\u2019s why we\u2019ve gathered design trends and how products are showcased on the sites themselves, analyzing the trends and strengths of several eCommerce sites that could become benchmarks.<\/p>\n<h2><strong>eCommerce design trends 2016<\/strong><\/h2>\n<p>After <em>Mobilegeddon<\/em> and Google\u2019s potential penalty for websites not adapted to mobile devices, many changes have set the trend for online stores. One of them, and perhaps the most visible, is \u201chiding\u201d the category tree to make room for a striking, eye-catching image.<\/p>\n<p>But beyond these changes, we can say that new store designs feature:<\/p>\n<ul>\n<li>\n<h3><strong>Relaxed designs that keep banners and products simple<\/strong><\/h3>\n<p>It used to be common to group several banners on the home page with as much information as possible. Now the home page has become a shop window with a few banners and products and little else, so users focus on the image presented and don\u2019t get lost or distracted. One of the pioneers is <a href=\"http:\/\/www.beatrizfurest.com\" target=\"_blank\" rel=\"noopener noreferrer\">Beatriz Furest<\/a>, with a responsive website from day one, where the quality of its leather bags comes across through large images and a home page that mixes gifs with banners.<\/li>\n<\/p>\n<li>\n<h3><strong>Large images<\/strong><\/h3>\n<p>Full-screen images that adapt to the display. This requires a good image bank or plenty of your own images. Besides conveying the brand\u2019s image, they can highlight products, and they should <span style=\"color: #333333;\">be rotated regularly <\/span>so returning users see different images each time they come back. The <a href=\"http:\/\/www.carminashoemaker.com,\" target=\"_blank\" rel=\"noopener noreferrer\">handcrafted shoe<\/a> store of the Carmina brand \u2014also responsive\u2014 highlights the selection of materials and the making of its leather shoes. Through background images showing the tools used to craft this unique footwear, Carmina conveys the strength and quality of the leathers its shoes are made from.<\/li>\n<\/p>\n<li>\n<h3><strong>Scroll<\/strong><\/h3>\n<p style=\"text-align: left;\">The trend, already on its way, took hold for good in 2015. With vertical use, scrolling horizontally through 6 banners makes no sense. That\u2019s why most stores show banners with featured images and highlighted products just below. But where scroll really matters is inside the store\u2019s categories, where<span style=\"color: #000000;\"> pagination <\/span>gives way to a scroll showing all the products. Tip: if you have lots of products to show, use rows of 4 or more so the scroll isn\u2019t endless. <a href=\"http:\/\/www.lacoste.es\">Lacoste<\/a> is a good example of usability here.<\/p>\n<\/li>\n<li>\n<h3><strong>Video: on the rise<\/strong><\/h3>\n<p><strong> <\/strong>The \u201cexplain it beautifully\u201d approach has put videos first, since they convey the brand\u2019s image quickly and effectively <span style=\"color: #333333;\">(you\u2019ll find more tips in this post on <a href=\"https:\/\/trilogi.com\/blog\/en\/video-marketing-a-safe-bet-to-boost-your-sales\/\">video marketing<\/a>). <\/span>The videos of mattress store <a href=\"http:\/\/www.comounamarmota.com\" target=\"_blank\" rel=\"noopener noreferrer\">Como una Marmota <\/a>offer much more than a simple sale of these mattresses that adapt to the sleeper\u2019s shape. They let you share the experience of sleeping next to someone you love, even if they\u2019re miles away.<\/li>\n<\/p>\n<\/ul>\n<p>These examples show that new designs don\u2019t just need to be minimalist and follow SEO guidelines (optimized videos, lightweight images that don\u2019t slow load times&#8230;): they also need something more\u2014to be different and unique, so users remember the special touch that makes an online store a benchmark in its sector.<\/p>\n<p>Do you have more examples of these trends? They\u2019re very welcome!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in online store design, where minimalism \u2014dominant in most eCommerce sites\u2014 is taking on new nuances. And that\u2019s not all: in eCommerce design, content must also adapt to the new trends [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2509],"tags":[],"class_list":["post-19167","post","type-post","status-publish","format-standard","hentry","category-etrends"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mobile sets the trend in eCommerce design | Blog Trilogi \u2013 The Digital Agency<\/title>\n<meta name=\"description\" content=\"Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in\u2026\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile sets the trend in eCommerce design | Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"og:description\" content=\"Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Trilogi.eCommerce\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-30T22:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Trilogi \u2013 The Digital Agency\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@trilogicommerce\" \/>\n<meta name=\"twitter:site\" content=\"@trilogicommerce\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trilogi \u2013 The Digital Agency\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/\"},\"author\":{\"name\":\"Trilogi \u2013 The Digital Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"Mobile sets the trend in eCommerce design\",\"datePublished\":\"2016-05-30T22:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/\"},\"wordCount\":808,\"commentCount\":0,\"articleSection\":[\"eTrends\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/\",\"name\":\"Mobile sets the trend in eCommerce design | Blog Trilogi \u2013 The Digital Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"datePublished\":\"2016-05-30T22:00:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"description\":\"Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/mobile-sets-the-trend-in-ecommerce-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile sets the trend in eCommerce design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\",\"name\":\"Blog Trilogi \u2013 The Digital Agency\",\"description\":\"Mant\u00e9ngase actualizado con las \u00faltimas noticias de eCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\",\"name\":\"Trilogi \u2013 The Digital Agency\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"caption\":\"Trilogi \u2013 The Digital Agency\"},\"description\":\"Trilogi es una agencia especializada en tiendas online, marketing y estrategia para eCommerce. 22 a\u00f1os y +700 proyectos nos avalan. \u00bfTe ayudamos en tu negocio digital?\u00a0\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile sets the trend in eCommerce design | Blog Trilogi \u2013 The Digital Agency","description":"Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in\u2026","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:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/","og_locale":"es_ES","og_type":"article","og_title":"Mobile sets the trend in eCommerce design | Blog Trilogi \u2013 The Digital Agency","og_description":"Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in\u2026","og_url":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/","og_site_name":"Blog Trilogi \u2013 The Digital Agency","article_publisher":"https:\/\/www.facebook.com\/Trilogi.eCommerce\/","article_published_time":"2016-05-30T22:00:00+00:00","author":"Trilogi \u2013 The Digital Agency","twitter_card":"summary_large_image","twitter_creator":"@trilogicommerce","twitter_site":"@trilogicommerce","twitter_misc":{"Escrito por":"Trilogi \u2013 The Digital Agency","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/"},"author":{"name":"Trilogi \u2013 The Digital Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"Mobile sets the trend in eCommerce design","datePublished":"2016-05-30T22:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/"},"wordCount":808,"commentCount":0,"articleSection":["eTrends"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/","url":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/","name":"Mobile sets the trend in eCommerce design | Blog Trilogi \u2013 The Digital Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"datePublished":"2016-05-30T22:00:00+00:00","author":{"@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"description":"Nothing changes as much as tastes and trends, and eCommerce is no exception\u2014at Trilogi we see it every day. Technology and development drive changes in\u2026","breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/trilogi.com\/blog\/en\/mobile-sets-the-trend-in-ecommerce-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mobile sets the trend in eCommerce design"}]},{"@type":"WebSite","@id":"https:\/\/trilogi.com\/blog\/#website","url":"https:\/\/trilogi.com\/blog\/","name":"Blog Trilogi \u2013 The Digital Agency","description":"Mant\u00e9ngase actualizado con las \u00faltimas noticias de eCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trilogi.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405","name":"Trilogi \u2013 The Digital Agency","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","caption":"Trilogi \u2013 The Digital Agency"},"description":"Trilogi es una agencia especializada en tiendas online, marketing y estrategia para eCommerce. 22 a\u00f1os y +700 proyectos nos avalan. \u00bfTe ayudamos en tu negocio digital?\u00a0"}]}},"acf":[],"lang":"en","translations":{"en":19167,"es":12067,"ca":18810},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/19167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/comments?post=19167"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/19167\/revisions"}],"wp:attachment":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/media?parent=19167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=19167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=19167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}