{"id":12173,"date":"2018-04-24T00:00:00","date_gmt":"2018-04-23T22:00:00","guid":{"rendered":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/"},"modified":"2022-07-19T17:47:55","modified_gmt":"2022-07-19T15:47:55","slug":"diseno-ecommerce-proceso-diseno","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/","title":{"rendered":"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online"},"content":{"rendered":"<p>Hoy te traemos un post diferente. Vamos a dejarte entrar un poco en las puertas de Trilogi, para que conozcas c\u00f3mo trabajamos los <strong>dise\u00f1os de las tiendas online<\/strong>. Resumidamente explicaremos qu\u00e9 aspectos tenemos en cuenta para conseguir un buen\u00a0<strong>dise\u00f1o eCommerce<\/strong>. Ver\u00e1s las diferentes fases por las cuales procedemos hasta llegar al resultado final.<\/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>Resumen<\/strong><\/p>\n<ol style=\"margin-left: 20px;\">\n<li style=\"padding-bottom: 5px; padding-top: 10px;\"><u><a href=\"#introduccion\">Introducci\u00f3n<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#investigacion-y-documentacion\">Investigaci\u00f3n y documentaci\u00f3n<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#definir-conceptos\">Definir conceptos<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#idear-y-plantear\">Idear y plantear primeras ideas<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#propuestas-de-diseno\">Propuestas de dise\u00f1o: <em>Mock-up\u2019s<\/em><\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#validar-y-verificar\">Validar y verificar la funcionalidad de la tienda<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#TLG\">Trilogi, trabajamos en equipo<\/a><\/u><\/li>\n<\/ol>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"margin-bottom: 15px;\">\u00a1No queremos aburrirte! As\u00ed que ser\u00e1n solo unas pinceladas para que te ayuden a comprender c\u00f3mo, en consecuencia, tomamos las distintas decisiones de dise\u00f1o. \u00bfEmpezamos?<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9732 size-full\" title=\"Dise\u00f1o ecommerce\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg\" alt=\"Dise\u00f1o ecommerce\" width=\"750\" height=\"500\" \/><\/p>\n<h3 id=\"introduccion\">01 &#8211; Introducci\u00f3n<\/h3>\n<p><strong>El dise\u00f1o eCommerce<\/strong> o el dise\u00f1o de tiendas online, tiene la finalidad de solucionar los diferentes problemas que pueda tener un particular entorno a la funcionalidad del producto, especialmente en el comercio electr\u00f3nico. Y como dise\u00f1ador@s, vamos a ofrecer todas las opciones posibles que te ayuden a alcanzar tus objetivos. El resultado final ser\u00e1 la uni\u00f3n entre la <strong>est\u00e9tica y la funcionalidad<\/strong>. Una experiencia visual atractiva, coherente y pr\u00e1ctica.<\/p>\n<p>Cada proyecto de <strong>dise\u00f1o web<\/strong> empezar\u00e1 con un <strong>proceso de dise\u00f1o<\/strong>. Nos ayudar\u00e1 a detallar los pasos a seguir y nos guiar\u00e1 hasta el resultado final. \u00a1Veamos c\u00f3mo se crea una tienda online!<\/p>\n<h3>02 &#8211; Investigaci\u00f3n y documentaci\u00f3n<\/h3>\n<p>Para empezar, es muy importante realizar una <strong>investigaci\u00f3n inicial<\/strong> que nos ofrezca suficiente conocimiento sobre la empresa, sobre nuestro cliente directo y el usuario final, conocer los objetivos que se quieren alcanzar e investigar el mercado profesional donde se encuentra.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9821 size-full\" title=\"Investigaci\u00f3n y documentaci\u00f3n\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/01-1.jpg\" alt=\"Investigaci\u00f3n y documentaci\u00f3n\" width=\"750\" height=\"500\" \/><\/p>\n<h4>\u00a0<span style=\"color: #333333;\"><strong>Puntos clave para iniciar el dise\u00f1o eCommerce:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 15px;\"><strong style=\"color: #666666;\">Empresa<br \/>\n<\/strong>Es muy importante conocer c\u00f3mo piensas, c\u00f3mo quieres mostrar tu producto y c\u00f3mo quieres que se te reconozca.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Objetivos<br \/>\n<\/strong>Para focalizar bien nuestra estrategia de dise\u00f1o debemos saber qu\u00e9 quieres conseguir, qu\u00e9 mensaje quieres transmitir, si ser\u00e1 un B2B o un B2C\u2026 En cualquier caso, trat\u00e1ndose de un eCommerce, el principal objetivo ser\u00e1 aumentar la <a href=\"https:\/\/trilogi.com\/blog\/como-crear-la-ficha-de-producto-perfecta\/\">tasa de conversi\u00f3n<\/a> (es decir, \u00a1Vender!).<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>El usuario<br \/>\n<\/strong>Casi m\u00e1s importante que el empresario, sobre todo debemos conocer las necesidades del usuario que navegar\u00e1 por la tienda. Ten en cuenta que ser\u00e1 qui\u00e9n generar\u00e1 los beneficios.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>La competencia<br \/>\n<\/strong>Otro punto importante, es analizar la competencia: qu\u00e9 hacen, qu\u00e9 no y, especialmente, c\u00f3mo se muestran al mercado para destacar respecto a las dem\u00e1s. Visualmente, cada sector tiene unos colores atribuidos y una forma m\u00e1s o menos agresiva de destacar (s\u00ed, \u00a1los colores influyen en nuestro estado emocional y en la sensibilidad de comprar un producto!).<\/li>\n<\/ul>\n<p class=\"referencia\" style=\"text-align: center;\"><span class=\"t80\">\u201c<\/span>&#8230; Si se trata de una tienda online, su principal objetivo ser\u00e1 aumentar la tasa de conversi\u00f3n.<span class=\"t80\">\u201d<\/span><\/p>\n<h3>03 &#8211; Definir conceptos<\/h3>\n<p>Una vez que hemos profundizado en la investigaci\u00f3n, puntualizamos los aspectos m\u00e1s importantes y actuales que debemos tener en cuenta. Para las tiendas online, no hay ninguna excepci\u00f3n.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9822 size-full\" title=\"Definir conceptos\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/02-1.jpg\" alt=\"Definir conceptos\" width=\"750\" height=\"500\" \/><\/p>\n<p>Debido a que las nuevas tecnolog\u00edas ejercen m\u00e1s impacto en nuestra cultura,\u00a0 hay que trabajar nuevas estrategias y directrices para mantenerlas actualizadas y preparadas para todo tipo de dispositivos.<\/p>\n<p>El concepto de dise\u00f1o responsive o dise\u00f1o adaptativo, las bases espec\u00edficas del framework <a href=\"https:\/\/getbootstrap.com\/\">Bootstrap\u00a0<\/a>(con el que trabajamos en Trilogi), la filosof\u00eda <a href=\"https:\/\/trilogi.com\/blog\/mobile-first-ecommerce-responsive-2017\/\">Mobile first<\/a>, la <a href=\"https:\/\/trilogi.com\/blog\/usabilidad-y-experiencia-de-usuario-en-ecommerce\/\">Usabilidad y Experiencia de Usuario (UX)<\/a><strong>, <\/strong>la aplicaci\u00f3n de t\u00e9cnicas relacionadas con el <a href=\"https:\/\/trilogi.com\/blog\/5-errores-posicionamiento-ecommerce\/\">SEO On Page<\/a>\u2026<\/p>\n<p>As\u00ed que, se puede decir que todas ellas son pr\u00e1cticas <em>must have<\/em>. Elementos imprescindibles que debemos incorporar correctamente en todos nuestros dise\u00f1os eCommerce, ya sean nuevos o redise\u00f1os.<\/p>\n<h3>04 &#8211; Idear y plantear primeras ideas<\/h3>\n<p>Es hora de plantear las primeras ideas de dise\u00f1o y crear los esbozos o <em>wireframes<\/em>. Estos dibujos nos ayudar\u00e1n a comprender y recordar todas las ideas que vayan surgiendo en este proceso<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9817 size-full\" title=\"Idear y plantear primeras ideas\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/03-1.jpg\" alt=\"Idear y plantear primeras ideas\" width=\"750\" height=\"500\" \/><\/p>\n<h4>\u00a0<span style=\"color: #333333;\"><strong>Resumidamente, qu\u00e9 tenemos en cuenta:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 15px;\"><strong>Imagen corporativa de la marca<\/strong>: Definimos c\u00f3mo se aplican las tipograf\u00edas, colores y estilos gr\u00e1ficos. Lo haremos a trav\u00e9s del Manual Corporativo de la empresa o bien, seg\u00fan nuestra propuesta de dise\u00f1o.<\/li>\n<li style=\"padding-bottom: 15px;\">Definimos las <strong>funcionalidades m\u00e1s importantes<\/strong> seg\u00fan los objetivos marcados.<\/li>\n<li style=\"padding-bottom: 15px;\">Determinamos <strong>qu\u00e9 elementos de contenido aparecer\u00e1n<\/strong> y cu\u00e1les ser\u00e1n los m\u00e1s importantes.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>La Arquitectura de la Informaci\u00f3n (IA). <\/strong>Trata de organizar y priorizar el contenido mencionado anteriormente de manera descendente, para que sea lo m\u00e1s comprensible posible. Es decir, de m\u00e1s a menos relevancia.<\/li>\n<li style=\"padding-bottom: 15px;\">Pensamos en c\u00f3mo se adaptar\u00e1n todos los elementos a las diferentes pantallas (<em>mobile, tablet <\/em>y<em> desktop<\/em>). La\u00a0<strong>tecnolog\u00eda responsive o adaptative.<\/strong><\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Usabilidad y Experiencia de Usuario (UX). <\/strong>Se traduce, a grandes rasgos, en el conjunto de t\u00e9cnicas y conocimientos que permiten que el usuario tenga una buena experiencia del producto tanto a nivel f\u00edsico como emocional. Que sea f\u00e1cil e intuitiva.<\/li>\n<\/ul>\n<p class=\"dato_curioso\" style=\"text-align: center; padding-bottom: 30px; margin-left: 50px;\">Ej. Saber c\u00f3mo piensan, si consiguen leer y encontrar todo lo que est\u00e1n buscando, que una p\u00e1gina tenga buena accesibilidad, que la velocidad de carga de una p\u00e1gina sea \u00f3ptima, tener un buscador eficiente para los productos, ubicaci\u00f3n clara del men\u00fa de categor\u00edas, tener un aspecto visual claro y atractivo\u2026<\/p>\n<p>Por lo general, son muchos los aspectos que tenemos en cuenta a la hora de realizar un dise\u00f1o eCommerce. Pero, lo que parece especialmente importante es que: Cuanto <strong>m\u00e1s feliz (o menos estresado) resulte un usuario,<\/strong> m\u00e1s probabilidades habr\u00e1 de que vuelva a entrar en la tienda online. En consecuencia, <strong>aumentar\u00e1n las posibilidades de compra y la tasa de conversi\u00f3n ascender\u00e1<\/strong> (se traducir\u00e1 en \u00a1m\u00e1s ventas!).<\/p>\n<h3 id=\"propuestas-de-diseno\">05 &#8211; Propuestas de dise\u00f1o: <em>Mock-up\u2019s<\/em><\/h3>\n<p>Es hora de ponernos a trabajar en serio (en realidad, se llama la fase de experimentaci\u00f3n m\u00e1s creativa.\u00a0 Nos rompemos la cabeza \u2013 nos retamos \u2013 a buscar soluciones nuevas e innovadoras. Para los m\u00e1s t\u00e9cnicos, la llamar\u00e1n la fase: \u00a1A producir!).<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9818 size-full\" title=\"Propuestas de dise\u00f1o Mock-up\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/04-1.jpg\" alt=\"Propuestas de dise\u00f1o Mock-up\" width=\"750\" height=\"500\" \/><\/p>\n<p>Proyectamos todas nuestras ideas en un archivo de imagen (.jpg) que muestra la propuesta de dise\u00f1o. Tambi\u00e9n representamos c\u00f3mo actuar\u00e1 la p\u00e1gina en respuesta a las acciones de los usuarios (hacia qu\u00e9 color cambiar\u00e1 un bot\u00f3n cuando pasemos sobre el mismo, c\u00f3mo se mostrar\u00e1 el desplegable de categor\u00edas, como se visualizar\u00e1n los enlaces, etc.).<\/p>\n<p class=\"curiosidad\" style=\"padding-bottom: 30px;\">Este tipo de documento se llama <em>Mock\u2019up <\/em>porque es una <strong>representaci\u00f3n m\u00e1s avanzada del dise\u00f1o gr\u00e1fico <\/strong>(casi como el dise\u00f1o final),<strong> pero sin contener interacci\u00f3n ni navegaci\u00f3n real.<\/strong><\/p>\n<h4 style=\"color: blue; padding-left: 30px; margin-bottom: 10px;\"><span style=\"color: #333333;\"><strong>Qu\u00e9 se plantea:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 5px;\">Im\u00e1genes y contenidos. Las im\u00e1genes pueden ser ejemplos y el texto puede ser \u201ctexto falso\u201d <em>(el famoso texto Lorem ipsum <\/em> ).<\/li>\n<li style=\"padding-bottom: 5px;\">La paleta de colores<\/li>\n<li style=\"padding-bottom: 5px;\">Las tipograf\u00edas<\/li>\n<li style=\"padding-bottom: 5px;\">La iconograf\u00eda<\/li>\n<li style=\"padding-bottom: 5px;\">Las dimensiones de los contenidos y servicios<\/li>\n<li>A\u00f1adimos nuestra creatividad, \u00a1sin olvidarnos de la funcionalidad!<\/li>\n<\/ul>\n<p>Este proceso puede ser m\u00e1s o menos largo seg\u00fan la complejidad del proyecto. Enviamos todas los archivos necesarios para que se entienda como procede todo el dise\u00f1o eCommerce. Esperamos a recibir el <em>feedback<\/em>\u00a0y se analizan todas las impresiones que hayan surgido sobre \u00e9l.<\/p>\n<p>Por lo general, esta fase se comprende de un continuo \u201ctu-a-tu\u201d entre dise\u00f1ador y cliente.\u00a0 A trav\u00e9s del Project Manager, se gestionar\u00e1 el proyecto para facilitar el acuerdo. Como resultado, cada dise\u00f1o de cada p\u00e1gina y versi\u00f3n que presentemos, deber\u00e1n ser aprobados y aceptados. Finalmente y llegados a este punto, cerramos la fase propiamente de dise\u00f1o.<\/p>\n<h3 id=\"validar-y-verificar\">06 &#8211; Validar y verificar la funcionalidad de la tienda<\/h3>\n<p>\u00a1Pero no termina aqu\u00ed! Casi hemos acabado\u2026<\/p>\n<p>Tambi\u00e9n generamos y facilitamos todo el material que pueda necesitar el t\u00e9cnico para empezar su tarea. Nos gusta cuidar de los proyectos con mucho cari\u00f1o y queremos colaborar en cualquiera de los problemas que puedan surgir.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9819 size-full\" title=\"Validar y verificar\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/05-1.jpg\" alt=\"Validar y verificar\" width=\"750\" height=\"500\" \/><\/p>\n<p>Por esta raz\u00f3n, hacemos un seguimiento del proceso para plantear soluciones y\/o resolver todas las dudas. Es posible que puedan surgir situaciones que no se hayan contemplado inicialmente (por desgracia, \u00a1estas cosas suelen pasar m\u00e1s de lo que nos gustar\u00eda!).<\/p>\n<p>Una vez que la tienda est\u00e1 \u201cterminada\u201d y se ha subido la mayor\u00eda o la totalidad del contenido real, hacemos un \u00faltimo paso: <strong>Revisi\u00f3n de Usabilidad (UX), errores y an\u00e1lisis de efectos y transiciones<\/strong> (un esperado documento que se puede extender tanto o tan poco, que por ello nos temen\/aman a la vez ).<\/p>\n<p>Tan pronto como se apliquen todos los ajustes necesarios, \u00a1solo queda esperar! Llega la fecha de apertura, empezamos a navegar y \u00a1disfrutamos de nuestro lindo trabajo!<\/p>\n<h3 id=\"TLG\">07 &#8211; Trilogi, trabajamos en equipo<\/h3>\n<p>Pero no todo ha podido ser gracias al dise\u00f1o (evidentemente). Abrir una tienda online requiere de mucha participaci\u00f3n y organizaci\u00f3n. La colaboraci\u00f3n es fundamental entre todos los departamentos. Sin ninguno de ellos, \u00a1no ser\u00edamos capaces de ver nuestro esfuerzo en vivo!<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9820 size-full\" title=\"Equipo TLG\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/06-1.jpg\" alt=\"Equipo TLG\" width=\"750\" height=\"500\" \/><\/p>\n<p>Espero que te haya gustado conocer nuestro d\u00eda a d\u00eda y que te anime a indagar un poquito m\u00e1s en este mundo creativo. Desde el departamento de Dise\u00f1o nos encanta que los clientes disfruten de nuestro trabajo y que permanezcan con una sonrisa de oreja a oreja. Por eso, si quieres m\u00e1s informaci\u00f3n, no dudes en <a href=\"https:\/\/trilogi.com\/crear-tienda-web-contacto\/\">contactar con nosotros<\/a>. Te asesoraremos con mucho gusto.<\/p>\n<p style=\"font-size: 14px;\">Fuente de las im\u00e1genes: <a href=\"https:\/\/www.pexels.com\/\">Pexels <\/a>y <a href=\"https:\/\/unsplash.com\/\">Unsplash.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy te traemos un post diferente. Vamos a dejarte entrar un poco en las puertas de Trilogi, para que conozcas c\u00f3mo trabajamos los dise\u00f1os de las tiendas online. Resumidamente explicaremos qu\u00e9 aspectos tenemos en cuenta para conseguir un buen\u00a0dise\u00f1o eCommerce. Ver\u00e1s las diferentes fases por las cuales procedemos hasta llegar al resultado final. Resumen Introducci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":13118,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[450],"tags":[330,331,147,5,332,333,35,334,335,336],"class_list":["post-12173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emarketing","tag-arquitectura-de-la-informacion-ia","tag-bootstrap","tag-diseno-responsive","tag-ecommerce","tag-mobile-first","tag-mock-up","tag-tienda-online","tag-usabilidad-y-experiencia-de-usuario-ux","tag-web-design","tag-wireframe"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online - Blog Trilogi | The eCommerce Agency<\/title>\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\/diseno-ecommerce-proceso-diseno\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online - Blog Trilogi | The eCommerce Agency\" \/>\n<meta property=\"og:description\" content=\"Hoy te traemos un post diferente. Vamos a dejarte entrar un poco en las puertas de Trilogi, para que conozcas c\u00f3mo trabajamos los dise\u00f1os de las tiendas online. Resumidamente explicaremos qu\u00e9 aspectos tenemos en cuenta para conseguir un buen\u00a0dise\u00f1o eCommerce. Ver\u00e1s las diferentes fases por las cuales procedemos hasta llegar al resultado final. Resumen Introducci\u00f3n [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Trilogi | The eCommerce 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=\"article:modified_time\" content=\"2022-07-19T15:47:55+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 the eCommerce 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 the eCommerce Agency\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/\"},\"author\":{\"name\":\"Trilogi the eCommerce Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online\",\"datePublished\":\"2018-04-23T22:00:00+00:00\",\"dateModified\":\"2022-07-19T15:47:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/\"},\"wordCount\":1587,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"keywords\":[\"Arquitectura de la informaci\u00f3n (IA)\",\"bootstrap\",\"dise\u00f1o responsive\",\"ecommerce\",\"mobile first\",\"mock-up\",\"tienda online\",\"Usabilidad y Experiencia de usuario (UX)\",\"web design\",\"wireframe\"],\"articleSection\":[\"eMarketing\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/\",\"name\":\"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online - Blog Trilogi | The eCommerce Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"datePublished\":\"2018-04-23T22:00:00+00:00\",\"dateModified\":\"2022-07-19T15:47:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/diseno-ecommerce-proceso-diseno\\\/#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\\\/diseno-ecommerce-proceso-diseno\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\",\"name\":\"Blog Trilogi | The eCommerce 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 the eCommerce 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 the eCommerce 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":"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online - Blog Trilogi | The eCommerce Agency","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\/diseno-ecommerce-proceso-diseno\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online - Blog Trilogi | The eCommerce Agency","og_description":"Hoy te traemos un post diferente. Vamos a dejarte entrar un poco en las puertas de Trilogi, para que conozcas c\u00f3mo trabajamos los dise\u00f1os de las tiendas online. Resumidamente explicaremos qu\u00e9 aspectos tenemos en cuenta para conseguir un buen\u00a0dise\u00f1o eCommerce. Ver\u00e1s las diferentes fases por las cuales procedemos hasta llegar al resultado final. Resumen Introducci\u00f3n [&hellip;]","og_url":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/","og_site_name":"Blog Trilogi | The eCommerce Agency","article_publisher":"https:\/\/www.facebook.com\/Trilogi.eCommerce\/","article_published_time":"2018-04-23T22:00:00+00:00","article_modified_time":"2022-07-19T15:47:55+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 the eCommerce Agency","twitter_card":"summary_large_image","twitter_creator":"@trilogicommerce","twitter_site":"@trilogicommerce","twitter_misc":{"Escrito por":"Trilogi the eCommerce Agency","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/"},"author":{"name":"Trilogi the eCommerce Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online","datePublished":"2018-04-23T22:00:00+00:00","dateModified":"2022-07-19T15:47:55+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/"},"wordCount":1587,"image":{"@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","keywords":["Arquitectura de la informaci\u00f3n (IA)","bootstrap","dise\u00f1o responsive","ecommerce","mobile first","mock-up","tienda online","Usabilidad y Experiencia de usuario (UX)","web design","wireframe"],"articleSection":["eMarketing"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/","url":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/","name":"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online - Blog Trilogi | The eCommerce Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","datePublished":"2018-04-23T22:00:00+00:00","dateModified":"2022-07-19T15:47:55+00:00","author":{"@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/diseno-ecommerce-proceso-diseno\/#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\/diseno-ecommerce-proceso-diseno\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o eCommerce: Proceso de dise\u00f1o de una tienda online"}]},{"@type":"WebSite","@id":"https:\/\/trilogi.com\/blog\/#website","url":"https:\/\/trilogi.com\/blog\/","name":"Blog Trilogi | The eCommerce 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 the eCommerce 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 the eCommerce 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":[],"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/12173","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=12173"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/12173\/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=12173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=12173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=12173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}