{"id":19079,"date":"2018-04-24T00:00:00","date_gmt":"2018-04-23T22:00:00","guid":{"rendered":"https:\/\/trilogi.com\/blog\/ecommerce-design-the-online-store-design-process\/"},"modified":"2018-04-24T00:00:00","modified_gmt":"2018-04-23T22:00:00","slug":"ecommerce-design-the-online-store-design-process","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/","title":{"rendered":"eCommerce design: the online store design process"},"content":{"rendered":"<p>Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach <strong>online store design<\/strong>. We\u2019ll briefly explain what we take into account to achieve great <strong>eCommerce design<\/strong>, and you\u2019ll see the different stages we go through to reach the final result.<\/p>\n<div style=\"border: 1px solid #b6e2ff; padding: 0px 30px; padding-top: 20px; width: 90%; font-size: 14px; background-color: #eef7fd; margin-top: 15px;\">\n<p><strong>Summary<\/strong><\/p>\n<ol style=\"margin-left: 20px;\">\n<li style=\"padding-bottom: 5px; padding-top: 10px;\"><u><a href=\"#introduccion\">Introduction<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#investigacion-y-documentacion\">Research and documentation<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#definir-conceptos\">Defining concepts<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#idear-y-plantear\">Ideation and first ideas<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#propuestas-de-diseno\">Design proposals: <em>mock-ups<\/em><\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#validar-y-verificar\">Validating and testing the store\u2019s functionality<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#TLG\">Trilogi: we work as a team<\/a><\/u><\/li>\n<\/ol>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"margin-bottom: 15px;\">We don\u2019t want to bore you! So this is just a quick overview to help you understand how we make our design decisions. Shall we begin?<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9732 size-full\" title=\"Ecommerce design\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg\" alt=\"Ecommerce design\" width=\"750\" height=\"500\" \/><\/p>\n<h3 id=\"introduccion\">01 &#8211; Introduction<\/h3>\n<p><strong>eCommerce design<\/strong>, or online store design, aims to solve the various problems someone might have around product functionality, especially in online retail. As designers, we\u2019ll offer every possible option to help you reach your goals. The end result will bring together <strong>aesthetics and functionality<\/strong>: an attractive, consistent and practical visual experience.<\/p>\n<p>Every <strong>web design<\/strong> project starts with a <strong>design process<\/strong>. It helps us outline the steps to follow and guides us to the final result. Let\u2019s see how an online store is created!<\/p>\n<h3>02 &#8211; Research and documentation<\/h3>\n<p>To start, it\u2019s very important to carry out <strong>initial research<\/strong> that gives us enough knowledge about the company, our direct client and the end user, to understand the goals to be achieved and to study the professional market it operates in.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9821 size-full\" title=\"Research and documentation\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/01-1.jpg\" alt=\"Research and documentation\" width=\"750\" height=\"500\" \/><\/p>\n<h4>\u00a0<span style=\"color: #333333;\"><strong>Key points to kick off eCommerce design:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 15px;\"><strong style=\"color: #666666;\">Company<br \/>\n<\/strong>It\u2019s very important to know how you think, how you want to showcase your product and how you want to be recognized.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Goals<br \/>\n<\/strong>To focus our design strategy properly, we need to know what you want to achieve, what message you want to convey, whether it\u2019s B2B or B2C\u2026 Either way, since it\u2019s an eCommerce, the main goal will be to increase the <a href=\"https:\/\/trilogi.com\/blog\/en\/boost-your-conversion-with-the-perfect-product-page\/\">conversion rate<\/a> (in other words, to sell!).<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>The user<br \/>\n<\/strong>Almost more important than the business owner, we especially need to understand the needs of the user who will browse the store. Remember, they\u2019re the ones who will generate the profits.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>The competition<br \/>\n<\/strong>Another key point is analyzing the competition: what they do, what they don\u2019t and, above all, how they present themselves to stand out. Visually, each sector has its own associated colors and a more or less aggressive way of standing out (yes, colors influence our emotional state and our inclination to buy a product!).<\/li>\n<\/ul>\n<p class=\"referencia\" style=\"text-align: center;\"><span class=\"t80\">\u201c<\/span>&#8230; If it\u2019s an online store, its main goal will be to increase the conversion rate.<span class=\"t80\">\u201d<\/span><\/p>\n<h3>03 &#8211; Defining concepts<\/h3>\n<p>Once we\u2019ve completed the research, we pin down the most important and up-to-date aspects to take into account. Online stores are no exception.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9822 size-full\" title=\"Defining concepts\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/02-1.jpg\" alt=\"Defining concepts\" width=\"750\" height=\"500\" \/><\/p>\n<p>As new technologies have a growing impact on our culture,  we need to develop new strategies and guidelines to keep stores up to date and ready for all kinds of devices.<\/p>\n<p>The concept of responsive or adaptive design, the specific foundations of the <a href=\"https:\/\/getbootstrap.com\/\">Bootstrap <\/a>framework (which we use at Trilogi), the <a href=\"https:\/\/trilogi.com\/blog\/en\/mobile-first-why-a-responsive-ecommerce-matters-in-2017\/\">Mobile first<\/a> philosophy, <a href=\"https:\/\/trilogi.com\/blog\/en\/usability-and-user-experience-in-ecommerce\/\">usability and user experience (UX)<\/a><strong>, <\/strong>applying <a href=\"https:\/\/trilogi.com\/blog\/en\/5-seo-mistakes-in-your-ecommerce-store\/\">on-page SEO<\/a> techniques\u2026<\/p>\n<p>So we can say these are all <em>must-have<\/em> practices: essential elements we need to build properly into all our eCommerce designs, whether new builds or redesigns.<\/p>\n<h3>04 &#8211; Ideation and first ideas<\/h3>\n<p>It\u2019s time to sketch out the first design ideas and create <em>wireframes<\/em>. These drawings help us understand and remember all the ideas that come up during the process<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9817 size-full\" title=\"Ideation and first ideas\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/03-1.jpg\" alt=\"Ideation and first ideas\" width=\"750\" height=\"500\" \/><\/p>\n<h4>\u00a0<span style=\"color: #333333;\"><strong>In short, what we take into account:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 15px;\"><strong>Corporate brand identity<\/strong>: we define how typefaces, colors and graphic styles are applied, based on the company\u2019s brand guidelines or our own design proposal.<\/li>\n<li style=\"padding-bottom: 15px;\">We define the <strong>most important features<\/strong> based on the goals set.<\/li>\n<li style=\"padding-bottom: 15px;\">We decide <strong>which content elements will appear<\/strong> and which will be the most important.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Information architecture (IA). <\/strong>This means organizing and prioritizing that content in descending order so it\u2019s as easy to understand as possible \u2014 from most to least relevant.<\/li>\n<li style=\"padding-bottom: 15px;\">We think about how every element will adapt to different screens (<em>mobile, tablet <\/em>and<em> desktop<\/em>): <strong>responsive or adaptive technology.<\/strong><\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Usability and user experience (UX). <\/strong>Broadly speaking, this is the set of techniques and know-how that ensure users have a good experience with the product, both physically and emotionally \u2014 easy and intuitive.<\/li>\n<\/ul>\n<p class=\"dato_curioso\" style=\"text-align: center; padding-bottom: 30px; margin-left: 50px;\">E.g. knowing how users think, whether they can read and find everything they\u2019re looking for, good page accessibility, optimal loading speed, an efficient product search, a clearly placed category menu, a clean and attractive look\u2026<\/p>\n<p>Overall, we consider many aspects when creating an eCommerce design. But what seems especially important is this: the <strong>happier (or less stressed) a user feels,<\/strong> the more likely they are to come back to the online store. As a result, <strong>the chances of a purchase go up and the conversion rate rises<\/strong> (meaning more sales!).<\/p>\n<h3 id=\"propuestas-de-diseno\">05 &#8211; Design proposals: <em>mock-ups<\/em><\/h3>\n<p>Time to get down to work in earnest (it\u2019s actually the most creative, experimental phase.  We rack our brains \u2014 and challenge ourselves \u2014 to find new, innovative solutions. The more technical folks call it the \u201clet\u2019s produce!\u201d phase).<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9818 size-full\" title=\"Mock-up design proposals\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/04-1.jpg\" alt=\"Mock-up design proposals\" width=\"750\" height=\"500\" \/><\/p>\n<p>We bring all our ideas together in an image file (.jpg) showing the design proposal. We also show how the page will respond to user actions (what color a button changes to on hover, how the category drop-down displays, how links look, etc.).<\/p>\n<p class=\"curiosidad\" style=\"padding-bottom: 30px;\">This type of document is called a <em>mock-up <\/em>because it\u2019s a <strong>more advanced representation of the graphic design <\/strong>(almost like the final design),<strong> but without real interaction or navigation.<\/strong><\/p>\n<h4 style=\"color: blue; padding-left: 30px; margin-bottom: 10px;\"><span style=\"color: #333333;\"><strong>What it covers:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 5px;\">Images and content. Images can be samples and the text can be \u201cdummy text\u201d <em>(the famous Lorem ipsum <\/em> ).<\/li>\n<li style=\"padding-bottom: 5px;\">The color palette<\/li>\n<li style=\"padding-bottom: 5px;\">The typefaces<\/li>\n<li style=\"padding-bottom: 5px;\">The iconography<\/li>\n<li style=\"padding-bottom: 5px;\">The dimensions of content and services<\/li>\n<li>We add our creativity \u2014 without forgetting functionality!<\/li>\n<\/ul>\n<p>This process can be longer or shorter depending on the project\u2019s complexity. We send all the files needed to explain how the whole eCommerce design works. Then we wait for <em>feedback<\/em> and analyze every impression it has generated.<\/p>\n<p>Generally, this phase involves ongoing one-on-one exchanges between designer and client.  The Project Manager manages the project to help reach agreement. Every page design and version we present must be approved and accepted. Finally, at this point, we close the design phase itself.<\/p>\n<h3 id=\"validar-y-verificar\">06 &#8211; Validating and testing the store\u2019s functionality<\/h3>\n<p>But it doesn\u2019t end there! We\u2019re almost done\u2026<\/p>\n<p>We also create and provide all the material the developer may need to start their work. We like to look after our projects with great care and want to help with any issue that may come up.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9819 size-full\" title=\"Validate and test\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/05-1.jpg\" alt=\"Validate and test\" width=\"750\" height=\"500\" \/><\/p>\n<p>That\u2019s why we follow up on the process to propose solutions and\/or answer any questions. Situations that weren\u2019t initially foreseen may arise (unfortunately, these things tend to happen more often than we\u2019d like!).<\/p>\n<p>Once the store is \u201cfinished\u201d and most or all of the real content has been uploaded, we take one final step: <strong>a review of usability (UX), bugs, and effects and transitions<\/strong> (an eagerly awaited document that can be as long or as short as needed \u2014 which is why people fear and love us at the same time).<\/p>\n<p>As soon as all the necessary tweaks are made, all that\u2019s left is to wait! Launch day arrives, we start browsing and enjoy our lovely work!<\/p>\n<h3 id=\"TLG\">07 &#8211; Trilogi: we work as a team<\/h3>\n<p>But not everything is down to design (obviously). Opening an online store takes a lot of involvement and organization. Collaboration between all departments is essential. Without any one of them, we wouldn\u2019t see our efforts go live!<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9820 size-full\" title=\"TLG team\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/06-1.jpg\" alt=\"TLG team\" width=\"750\" height=\"500\" \/><\/p>\n<p>I hope you enjoyed this look at our day-to-day and that it encourages you to explore this creative world a bit more. In the Design department we love it when clients enjoy our work and end up grinning from ear to ear. So if you\u2019d like more information, don\u2019t hesitate to <a href=\"https:\/\/trilogi.com\/crear-tienda-web-contacto\/\">contact us<\/a>. We\u2019ll be glad to advise you.<\/p>\n<p style=\"font-size: 14px;\">Image sources: <a href=\"https:\/\/www.pexels.com\/\">Pexels <\/a>and <a href=\"https:\/\/unsplash.com\/\">Unsplash.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design. We\u2019ll briefly explain what we take into account to achieve great eCommerce design, and you\u2019ll see the different stages we go through to reach the final result. Summary Introduction Research [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":13118,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2507],"tags":[2353,1751,2351,2355,2357,1785,2003,2359,2361,2363],"class_list":["post-19079","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emarketing","tag-bootstrap","tag-ecommerce","tag-information-architecture-ia","tag-mobile-first","tag-mock-up","tag-online-store","tag-responsive-design","tag-usability-and-user-experience-ux","tag-web-design","tag-wireframe"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>eCommerce design: the online store design process | Blog Trilogi \u2013 The Digital Agency<\/title>\n<meta name=\"description\" content=\"Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design . We\u2019ll briefly\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\/ecommerce-design-the-online-store-design-process\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"eCommerce design: the online store design process | Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"og:description\" content=\"Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design . We\u2019ll briefly\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/\" \/>\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=\"2018-04-23T22:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/\"},\"author\":{\"name\":\"Trilogi \u2013 The Digital Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"eCommerce design: the online store design process\",\"datePublished\":\"2018-04-23T22:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/\"},\"wordCount\":1345,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"keywords\":[\"bootstrap\",\"ecommerce\",\"Information architecture (IA)\",\"mobile first\",\"mock-up\",\"online store\",\"responsive design\",\"Usability and user experience (UX)\",\"web design\",\"wireframe\"],\"articleSection\":[\"eMarketing\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/\",\"name\":\"eCommerce design: the online store design process | Blog Trilogi \u2013 The Digital Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"datePublished\":\"2018-04-23T22:00:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"description\":\"Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design . We\u2019ll briefly\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"contentUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"width\":750,\"height\":500,\"caption\":\"Dise\u00f1o ecommerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-design-the-online-store-design-process\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"eCommerce design: the online store design process\"}]},{\"@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":"eCommerce design: the online store design process | Blog Trilogi \u2013 The Digital Agency","description":"Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design . We\u2019ll briefly\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\/ecommerce-design-the-online-store-design-process\/","og_locale":"es_ES","og_type":"article","og_title":"eCommerce design: the online store design process | Blog Trilogi \u2013 The Digital Agency","og_description":"Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design . We\u2019ll briefly\u2026","og_url":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/","og_site_name":"Blog Trilogi \u2013 The Digital Agency","article_publisher":"https:\/\/www.facebook.com\/Trilogi.eCommerce\/","article_published_time":"2018-04-23T22:00:00+00:00","og_image":[{"width":750,"height":500,"url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","type":"image\/jpeg"}],"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":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/"},"author":{"name":"Trilogi \u2013 The Digital Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"eCommerce design: the online store design process","datePublished":"2018-04-23T22:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/"},"wordCount":1345,"commentCount":0,"image":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","keywords":["bootstrap","ecommerce","Information architecture (IA)","mobile first","mock-up","online store","responsive design","Usability and user experience (UX)","web design","wireframe"],"articleSection":["eMarketing"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/","url":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/","name":"eCommerce design: the online store design process | Blog Trilogi \u2013 The Digital Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","datePublished":"2018-04-23T22:00:00+00:00","author":{"@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"description":"Today we bring you a different kind of post. We\u2019re opening Trilogi\u2019s doors a little so you can see how we approach online store design . We\u2019ll briefly\u2026","breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#primaryimage","url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","contentUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","width":750,"height":500,"caption":"Dise\u00f1o ecommerce"},{"@type":"BreadcrumbList","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-design-the-online-store-design-process\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"eCommerce design: the online store design process"}]},{"@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":19079,"es":12173,"ca":18667},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/19079","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=19079"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/19079\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/media\/13118"}],"wp:attachment":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/media?parent=19079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=19079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=19079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}