{"id":18667,"date":"2018-04-24T00:00:00","date_gmt":"2018-04-23T22:00:00","guid":{"rendered":"https:\/\/trilogi.com\/blog\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/"},"modified":"2018-04-24T00:00:00","modified_gmt":"2018-04-23T22:00:00","slug":"disseny-ecommerce-el-proces-de-disseny-duna-botiga-online","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/","title":{"rendered":"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online"},"content":{"rendered":"<p>Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els <strong>dissenys de les botigues online<\/strong>. Explicarem de manera resumida quins aspectes tenim en compte per aconseguir un bon <strong>disseny eCommerce<\/strong>. Veur\u00e0s les diferents fases que seguim fins arribar al resultat 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>Resum<\/strong><\/p>\n<ol style=\"margin-left: 20px;\">\n<li style=\"padding-bottom: 5px; padding-top: 10px;\"><u><a href=\"#introduccion\">Introducci\u00f3<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#investigacion-y-documentacion\">Recerca i documentaci\u00f3<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#definir-conceptos\">Definir conceptes<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#idear-y-plantear\">Idear i plantejar les primeres idees<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#propuestas-de-diseno\">Propostes de disseny: <em>mock-ups<\/em><\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#validar-y-verificar\">Validar i verificar la funcionalitat de la botiga<\/a><\/u><\/li>\n<li style=\"padding-bottom: 5px;\"><u><a href=\"#TLG\">Trilogi, treballem en equip<\/a><\/u><\/li>\n<\/ol>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"margin-bottom: 15px;\">No et volem avorrir! Aix\u00ed que nom\u00e9s seran unes pinzellades que t\u2019ajudin a entendre com prenem les diferents decisions de disseny. Comencem?<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9732 size-full\" title=\"Disseny ecommerce\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg\" alt=\"Disseny ecommerce\" width=\"750\" height=\"500\" \/><\/p>\n<h3 id=\"introduccion\">01 &#8211; Introducci\u00f3<\/h3>\n<p><strong>El disseny eCommerce<\/strong>, o disseny de botigues online, t\u00e9 com a finalitat solucionar els diferents problemes que pugui tenir un particular al voltant de la funcionalitat del producte, especialment en el comer\u00e7 electr\u00f2nic. I, com a dissenyadors i dissenyadores, oferirem totes les opcions possibles que t\u2019ajudin a assolir els teus objectius. El resultat final ser\u00e0 la uni\u00f3 entre l\u2019<strong>est\u00e8tica i la funcionalitat<\/strong>. Una experi\u00e8ncia visual atractiva, coherent i pr\u00e0ctica.<\/p>\n<p>Cada projecte de <strong>disseny web<\/strong> comen\u00e7ar\u00e0 amb un <strong>proc\u00e9s de disseny<\/strong>. Ens ajudar\u00e0 a detallar els passos que cal seguir i ens guiar\u00e0 fins al resultat final. Vegem com es crea una botiga online!<\/p>\n<h3>02 &#8211; Recerca i documentaci\u00f3<\/h3>\n<p>Per comen\u00e7ar, \u00e9s molt important fer una <strong>recerca inicial<\/strong> que ens doni prou coneixement sobre l\u2019empresa, el nostre client directe i l\u2019usuari final, con\u00e8ixer els objectius que es volen assolir i investigar el mercat professional en qu\u00e8 es mou.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9821 size-full\" title=\"Recerca i documentaci\u00f3\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/01-1.jpg\" alt=\"Recerca i documentaci\u00f3\" width=\"750\" height=\"500\" \/><\/p>\n<h4>\u00a0<span style=\"color: #333333;\"><strong>Punts clau per iniciar el disseny eCommerce:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 15px;\"><strong style=\"color: #666666;\">Empresa<br \/>\n<\/strong>\u00c9s molt important saber com penses, com vols mostrar el teu producte i com vols que se\u2019t reconegui.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Objectius<br \/>\n<\/strong>Per enfocar b\u00e9 la nostra estrat\u00e8gia de disseny hem de saber qu\u00e8 vols aconseguir, quin missatge vols transmetre, si ser\u00e0 un B2B o un B2C\u2026 En qualsevol cas, en tractar-se d\u2019un eCommerce, l\u2019objectiu principal ser\u00e0 augmentar la <a href=\"https:\/\/trilogi.com\/blog\/ca\/augmenta-la-conversio-amb-una-fitxa-de-producte-perfecta\/\">taxa de conversi\u00f3<\/a> (\u00e9s a dir, vendre!).<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>L\u2019usuari<br \/>\n<\/strong>Gaireb\u00e9 m\u00e9s important que l\u2019empresari, sobretot hem de con\u00e8ixer les necessitats de l\u2019usuari que navegar\u00e0 per la botiga. Tingues en compte que ser\u00e0 ell qui generar\u00e0 els beneficis.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>La compet\u00e8ncia<br \/>\n<\/strong>Un altre punt important \u00e9s analitzar la compet\u00e8ncia: qu\u00e8 fa, qu\u00e8 no fa i, sobretot, com es mostra al mercat per destacar respecte de la resta. Visualment, cada sector t\u00e9 uns colors atribu\u00efts i una manera m\u00e9s o menys agressiva de destacar (s\u00ed, els colors influeixen en el nostre estat emocional i en la predisposici\u00f3 a comprar un producte!).<\/li>\n<\/ul>\n<p class=\"referencia\" style=\"text-align: center;\"><span class=\"t80\">\u201c<\/span>&#8230; Si es tracta d\u2019una botiga online, el seu objectiu principal ser\u00e0 augmentar la taxa de conversi\u00f3.<span class=\"t80\">\u201d<\/span><\/p>\n<h3>03 &#8211; Definir conceptes<\/h3>\n<p>Un cop hem aprofundit en la recerca, concretem els aspectes m\u00e9s importants i actuals que hem de tenir en compte. Les botigues online no en s\u00f3n cap excepci\u00f3.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9822 size-full\" title=\"Definir conceptes\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/02-1.jpg\" alt=\"Definir conceptes\" width=\"750\" height=\"500\" \/><\/p>\n<p>Com que les noves tecnologies tenen cada cop m\u00e9s impacte en la nostra cultura,  cal treballar noves estrat\u00e8gies i directrius per mantenir-les actualitzades i preparades per a tot tipus de dispositius.<\/p>\n<p>El concepte de disseny responsive o disseny adaptatiu, les bases espec\u00edfiques del framework <a href=\"https:\/\/getbootstrap.com\/\">Bootstrap <\/a>(amb qu\u00e8 treballem a Trilogi), la filosofia <a href=\"https:\/\/trilogi.com\/blog\/ca\/mobile-first-la-importancia-dun-ecommerce-responsive-el-2017\/\">Mobile first<\/a>, la <a href=\"https:\/\/trilogi.com\/blog\/ca\/usabilitat-i-experiencia-dusuari-en-ecommerce\/\">usabilitat i l\u2019experi\u00e8ncia d\u2019usuari (UX)<\/a><strong>, <\/strong>l\u2019aplicaci\u00f3 de t\u00e8cniques relacionades amb el <a href=\"https:\/\/trilogi.com\/blog\/ca\/5-errors-en-el-posicionament-del-teu-ecommerce\/\">SEO On Page<\/a>\u2026<\/p>\n<p>Aix\u00ed doncs, es pot dir que totes s\u00f3n pr\u00e0ctiques <em>must have<\/em>. Elements imprescindibles que hem d\u2019incorporar correctament en tots els nostres dissenys eCommerce, tant si s\u00f3n nous com si s\u00f3n redissenys.<\/p>\n<h3>04 &#8211; Idear i plantejar les primeres idees<\/h3>\n<p>\u00c9s hora de plantejar les primeres idees de disseny i crear els esbossos o <em>wireframes<\/em>. Aquests dibuixos ens ajudaran a entendre i recordar totes les idees que vagin sorgint durant el proc\u00e9s<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9817 size-full\" title=\"Idear i plantejar les primeres idees\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/03-1.jpg\" alt=\"Idear i plantejar les primeres idees\" width=\"750\" height=\"500\" \/><\/p>\n<h4>\u00a0<span style=\"color: #333333;\"><strong>En resum, qu\u00e8 tenim en compte:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 15px;\"><strong>Imatge corporativa de la marca<\/strong>: definim com s\u2019apliquen les tipografies, els colors i els estils gr\u00e0fics. Ho farem a partir del manual corporatiu de l\u2019empresa o b\u00e9 segons la nostra proposta de disseny.<\/li>\n<li style=\"padding-bottom: 15px;\">Definim les <strong>funcionalitats m\u00e9s importants<\/strong> segons els objectius marcats.<\/li>\n<li style=\"padding-bottom: 15px;\">Determinem <strong>quins elements de contingut hi apareixeran<\/strong> i quins seran els m\u00e9s importants.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>L\u2019arquitectura de la informaci\u00f3 (AI). <\/strong>Consisteix a organitzar i prioritzar el contingut esmentat de manera descendent perqu\u00e8 sigui tan comprensible com sigui possible. \u00c9s a dir, de m\u00e9s a menys rellev\u00e0ncia.<\/li>\n<li style=\"padding-bottom: 15px;\">Pensem com s\u2019adaptaran tots els elements a les diferents pantalles (<em>m\u00f2bil, tauleta <\/em>i<em> escriptori<\/em>). La <strong>tecnologia responsive o adaptativa.<\/strong><\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Usabilitat i experi\u00e8ncia d\u2019usuari (UX). <\/strong>A grans trets, \u00e9s el conjunt de t\u00e8cniques i coneixements que permeten que l\u2019usuari tingui una bona experi\u00e8ncia del producte, tant a nivell f\u00edsic com emocional. Que sigui f\u00e0cil i intu\u00eftiva.<\/li>\n<\/ul>\n<p class=\"dato_curioso\" style=\"text-align: center; padding-bottom: 30px; margin-left: 50px;\">Ex.: saber com pensen, si aconsegueixen llegir i trobar tot el que busquen, que la p\u00e0gina tingui una bona accessibilitat, que la velocitat de c\u00e0rrega sigui \u00f2ptima, tenir un cercador de productes eficient, una ubicaci\u00f3 clara del men\u00fa de categories, un aspecte visual clar i atractiu\u2026<\/p>\n<p>En general, s\u00f3n molts els aspectes que tenim en compte a l\u2019hora de fer un disseny eCommerce. Per\u00f2 el que sembla especialment important \u00e9s aix\u00f2: com <strong>m\u00e9s feli\u00e7 (o menys estressat) se senti un usuari,<\/strong> m\u00e9s probabilitats hi haur\u00e0 que torni a entrar a la botiga online. En conseq\u00fc\u00e8ncia, <strong>augmentaran les possibilitats de compra i pujar\u00e0 la taxa de conversi\u00f3<\/strong> (\u00e9s a dir, m\u00e9s vendes!).<\/p>\n<h3 id=\"propuestas-de-diseno\">05 &#8211; Propostes de disseny: <em>mock-ups<\/em><\/h3>\n<p>\u00c9s hora de posar-nos a treballar de deb\u00f2 (en realitat, \u00e9s la fase d\u2019experimentaci\u00f3 m\u00e9s creativa.  Ens trenquem el cap \u2014ens posem a prova\u2014 buscant solucions noves i innovadores. Els m\u00e9s t\u00e8cnics en diran la fase: a produir!).<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9818 size-full\" title=\"Propostes de disseny mock-up\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/04-1.jpg\" alt=\"Propostes de disseny mock-up\" width=\"750\" height=\"500\" \/><\/p>\n<p>Plasmem totes les nostres idees en un arxiu d\u2019imatge (.jpg) que mostra la proposta de disseny. Tamb\u00e9 representem com reaccionar\u00e0 la p\u00e0gina a les accions dels usuaris (a quin color canviar\u00e0 un bot\u00f3 quan hi passem per sobre, com es mostrar\u00e0 el desplegable de categories, com es veuran els enlla\u00e7os, etc.).<\/p>\n<p class=\"curiosidad\" style=\"padding-bottom: 30px;\">Aquest tipus de document s\u2019anomena <em>mock-up <\/em>perqu\u00e8 \u00e9s una <strong>representaci\u00f3 m\u00e9s avan\u00e7ada del disseny gr\u00e0fic <\/strong>(gaireb\u00e9 com el disseny final),<strong> per\u00f2 sense interacci\u00f3 ni navegaci\u00f3 reals.<\/strong><\/p>\n<h4 style=\"color: blue; padding-left: 30px; margin-bottom: 10px;\"><span style=\"color: #333333;\"><strong>Qu\u00e8 s\u2019hi planteja:<\/strong><\/span><\/h4>\n<ul style=\"margin-left: 35px;\">\n<li style=\"padding-bottom: 5px;\">Imatges i continguts. Les imatges poden ser exemples i el text pot ser \u201ctext fals\u201d <em>(el fam\u00f3s text Lorem ipsum <\/em> ).<\/li>\n<li style=\"padding-bottom: 5px;\">La paleta de colors<\/li>\n<li style=\"padding-bottom: 5px;\">Les tipografies<\/li>\n<li style=\"padding-bottom: 5px;\">La iconografia<\/li>\n<li style=\"padding-bottom: 5px;\">Les dimensions dels continguts i serveis<\/li>\n<li>Hi afegim la nostra creativitat, sense oblidar la funcionalitat!<\/li>\n<\/ul>\n<p>Aquest proc\u00e9s pot ser m\u00e9s o menys llarg segons la complexitat del projecte. Enviem tots els arxius necessaris perqu\u00e8 s\u2019entengui com funciona tot el disseny eCommerce. Esperem rebre el <em>feedback<\/em> i s\u2019analitzen totes les impressions que hagi generat.<\/p>\n<p>En general, aquesta fase consisteix en un \u201ctu a tu\u201d continu entre dissenyador i client.  El Project Manager gestionar\u00e0 el projecte per facilitar l\u2019acord. Com a resultat, cada disseny de cada p\u00e0gina i versi\u00f3 que presentem s\u2019haur\u00e0 d\u2019aprovar i acceptar. Finalment, arribats a aquest punt, tanquem la fase de disseny pr\u00f2piament dita.<\/p>\n<h3 id=\"validar-y-verificar\">06 &#8211; Validar i verificar la funcionalitat de la botiga<\/h3>\n<p>Per\u00f2 no s\u2019acaba aqu\u00ed! Gaireb\u00e9 hem acabat\u2026<\/p>\n<p>Tamb\u00e9 generem i facilitem tot el material que pugui necessitar el t\u00e8cnic per comen\u00e7ar la seva feina. Ens agrada cuidar els projectes amb molt d\u2019afecte i volem col\u00b7laborar en qualsevol problema que pugui sorgir.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9819 size-full\" title=\"Validar i verificar\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/05-1.jpg\" alt=\"Validar i verificar\" width=\"750\" height=\"500\" \/><\/p>\n<p>Per aquest motiu, fem un seguiment del proc\u00e9s per plantejar solucions i\/o resoldre tots els dubtes. \u00c9s possible que sorgeixin situacions que no s\u2019havien previst inicialment (malauradament, aquestes coses solen passar m\u00e9s del que ens agradaria!).<\/p>\n<p>Un cop la botiga est\u00e0 \u201cacabada\u201d i s\u2019ha pujat la major part o la totalitat del contingut real, fem un \u00faltim pas: <strong>revisi\u00f3 d\u2019usabilitat (UX), errors i an\u00e0lisi d\u2019efectes i transicions<\/strong> (un document molt esperat que es pot allargar tant o tan poc que per aix\u00f2 ens temen i ens estimen alhora).<\/p>\n<p>Tan aviat com s\u2019apliquen tots els ajustos necessaris, nom\u00e9s queda esperar! Arriba el dia de l\u2019obertura, comencem a navegar i gaudim de la nostra bonica feina!<\/p>\n<h3 id=\"TLG\">07 &#8211; Trilogi, treballem en equip<\/h3>\n<p>Per\u00f2 no tot \u00e9s gr\u00e0cies al disseny (evidentment). Obrir una botiga online requereix molta participaci\u00f3 i organitzaci\u00f3. La col\u00b7laboraci\u00f3 entre tots els departaments \u00e9s fonamental. Sense cap d\u2019ells, no podr\u00edem veure el nostre esfor\u00e7 en directe!<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9820 size-full\" title=\"Equip TLG\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/06-1.jpg\" alt=\"Equip TLG\" width=\"750\" height=\"500\" \/><\/p>\n<p>Espero que t\u2019hagi agradat con\u00e8ixer el nostre dia a dia i que t\u2019animi a endinsar-te una mica m\u00e9s en aquest m\u00f3n creatiu. Al departament de Disseny ens encanta que els clients gaudeixin de la nostra feina i que acabin amb un somriure d\u2019orella a orella. Per aix\u00f2, si vols m\u00e9s informaci\u00f3, no dubtis a <a href=\"https:\/\/trilogi.com\/crear-tienda-web-contacto\/\">contactar amb nosaltres<\/a>. T\u2019assessorarem amb molt de gust.<\/p>\n<p style=\"font-size: 14px;\">Font de les imatges: <a href=\"https:\/\/www.pexels.com\/\">Pexels <\/a>i <a href=\"https:\/\/unsplash.com\/\">Unsplash.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online. Explicarem de manera resumida quins aspectes tenim en compte per aconseguir un bon disseny eCommerce. Veur\u00e0s les diferents fases que seguim fins arribar al resultat final. Resum Introducci\u00f3 Recerca i documentaci\u00f3 Definir [&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":[1727],"tags":[1555,1557,977,1195,937,1559,1561,1563,1565,1567],"class_list":["post-18667","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emarketing","tag-arquitectura-de-la-informacio-ai","tag-bootstrap","tag-botiga-online","tag-disseny-responsive","tag-ecommerce","tag-mobile-first","tag-mock-up","tag-usabilitat-i-experiencia-dusuari-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>Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online | Blog Trilogi \u2013 The Digital Agency<\/title>\n<meta name=\"description\" content=\"Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online . Explicarem de\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\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online | Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"og:description\" content=\"Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online . Explicarem de\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/\" \/>\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=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/\"},\"author\":{\"name\":\"Trilogi \u2013 The Digital Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online\",\"datePublished\":\"2018-04-23T22:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/\"},\"wordCount\":1518,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/portada.jpg\",\"keywords\":[\"Arquitectura de la informaci\u00f3 (AI)\",\"bootstrap\",\"botiga online\",\"disseny responsive\",\"ecommerce\",\"mobile first\",\"mock-up\",\"Usabilitat i experi\u00e8ncia d\u2019usuari (UX)\",\"web design\",\"wireframe\"],\"articleSection\":[\"eMarketing\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/\",\"name\":\"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online | Blog Trilogi \u2013 The Digital Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#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\":\"Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online . Explicarem de\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#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\\\/ca\\\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online\"}]},{\"@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":"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online | Blog Trilogi \u2013 The Digital Agency","description":"Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online . Explicarem de\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\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/","og_locale":"es_ES","og_type":"article","og_title":"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online | Blog Trilogi \u2013 The Digital Agency","og_description":"Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online . Explicarem de\u2026","og_url":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/","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":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/"},"author":{"name":"Trilogi \u2013 The Digital Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online","datePublished":"2018-04-23T22:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/"},"wordCount":1518,"commentCount":0,"image":{"@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/portada.jpg","keywords":["Arquitectura de la informaci\u00f3 (AI)","bootstrap","botiga online","disseny responsive","ecommerce","mobile first","mock-up","Usabilitat i experi\u00e8ncia d\u2019usuari (UX)","web design","wireframe"],"articleSection":["eMarketing"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/","url":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/","name":"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online | Blog Trilogi \u2013 The Digital Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#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":"Avui et portem un post diferent. Et deixarem entrar una mica a Trilogi perqu\u00e8 coneguis com treballem els dissenys de les botigues online . Explicarem de\u2026","breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#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\/ca\/disseny-ecommerce-el-proces-de-disseny-duna-botiga-online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Disseny eCommerce: el proc\u00e9s de disseny d\u2019una botiga online"}]},{"@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":"ca","translations":{"ca":18667,"es":12173,"en":19079},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/18667","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=18667"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/18667\/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=18667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=18667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=18667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}