{"id":18294,"date":"2017-04-14T17:20:27","date_gmt":"2017-04-14T17:20:27","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-alvaro-vargas-la-historia\/"},"modified":"2026-04-20T19:11:50","modified_gmt":"2026-04-20T19:11:50","slug":"disseny-web-alvaro-vargas-historia","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/","title":{"rendered":"Disseny web per a l\u2019\u00c1lvaro Vargas"},"content":{"rendered":"<p>Aquest article el dediquem a un nou <strong>projecte web<\/strong> que hem desenvolupat durant el mes de mar\u00e7: un projecte de <strong>disseny web<\/strong> i <strong>desenvolupament web<\/strong> per a \u00c1lvaro Vargas.<\/p>\n<p>Amb un enfoc narratiu, us expliquem tot el proc\u00e9s de <strong>disseny i desenvolupament<\/strong> d\u2019aquesta <strong>p\u00e0gina web<\/strong> de nova <strong>creaci\u00f3<\/strong>.<\/p>\n<p>Fa unes setmanes, \u00c1lvaro Vargas es va posar en contacte amb nosaltres. Inicialment, ens va demanar informaci\u00f3 per dissenyar un llibre de receptes que properament veur\u00e0 la llum.<\/p>\n<h3><\/h3>\n<h3>Qui \u00e9s \u00c1lvaro Vargas?<\/h3>\n<p>\u00c1lvaro Vargas \u00e9s un nutricionista molt actiu que, dia rere dia, genera contingut sobre nutrici\u00f3 i salut a les xarxes socials. Coneix perfectament els mitjans i sap com funcionen, per aix\u00f2 dona molta import\u00e0ncia a les xarxes i sap treure\u2019n el m\u00e0xim profit per donar-se a con\u00e8ixer.<\/p>\n<p>T\u00e9 pres\u00e8ncia a Facebook, Instagram, publica podcasts i disposa d\u2019un canal de YouTube. En tots aquests canals, crea contingut de qualitat per a persones interessades en la nutrici\u00f3 i la salut. Comparteix regularment imatges dels plats que cuina, fa receptes a YouTube i escriu articles al seu blog personal. A m\u00e9s, ha publicat un parell de llibres sobre la mateixa tem\u00e0tica.<\/p>\n<p>Ara, fent un pas m\u00e9s en la seva traject\u00f2ria, \u00c1lvaro ha tingut la gran idea de compartir tots aquests coneixements de manera presencial. Per comen\u00e7ar, impartir\u00e0 un parell de cursos a Barcelona i Madrid.<\/p>\n<p>Despr\u00e9s d\u2019acordar el disseny interior del llibre de receptes, vam continuar parlant dels seus <strong>projectes<\/strong> i ens va encarregar una feina fant\u00e0stica.<\/p>\n<p>Per donar suport a la seva iniciativa d\u2019organitzar cursos presencials, volia una <strong>p\u00e0gina web<\/strong> on la gent pogu\u00e9s inscriure\u2019s als cursos.<\/p>\n<h3><\/h3>\n<h3>Ens posem en marxa!<\/h3>\n<p>Amb aquest enc\u00e0rrec, vam comen\u00e7ar a treballar a l\u2019estudi. Despr\u00e9s de diverses converses per con\u00e8ixer tots els detalls del projecte, ten\u00edem clar quin era l\u2019estil que buscava l\u2019\u00c1lvaro: fresc, intu\u00eftiu, directe i que reflect\u00eds la seva personalitat i objectius professionals.<\/p>\n<p>Aix\u00ed doncs, vam comen\u00e7ar a treballar en la proposta <strong>gr\u00e0fica<\/strong> que li presentar\u00edem a l\u2019\u00c1lvaro.<\/p>\n<p>Ha estat un dels projectes m\u00e9s frescos en qu\u00e8 hem treballat \u00faltimament: una proposta innovadora, sense l\u00edmits ni restriccions de disseny, ja que l\u2019\u00c1lvaro \u00e9s una persona molt oberta i va confiar des del primer moment en el nostre criteri professional. Vam cuidar cada detall i el resultat ens va encantar. \u00c9s cert que, al principi, vam dubtar si l\u2019\u00c1lvaro tindria prou valentia per deixar-se portar, per\u00f2 ens va sorprendre molt positivament, captant a la primera l\u2019enfocament que vol\u00edem donar a la seva <strong>p\u00e0gina web<\/strong>.<\/p>\n<p>Per al <strong>disseny gr\u00e0fic<\/strong> de la <strong>p\u00e0gina web<\/strong>, vam analitzar les seves xarxes socials, els seus llibres i el seu blog per captar a la perfecci\u00f3 quin tipus de disseny encaixava millor amb la seva personalitat.<\/p>\n<p>Els aspectes t\u00e8cnics que m\u00e9s hem valorat d\u2019aquest projecte s\u00f3n les animacions de la <strong>p\u00e0gina web<\/strong>, l\u2019elecci\u00f3 dels colors i la distribuci\u00f3 de la informaci\u00f3.<\/p>\n<h3><\/h3>\n<h3>Quins objectius hav\u00edem d\u2019assolir?<\/h3>\n<p>L\u2019objectiu era crear una <strong>p\u00e0gina web<\/strong> d\u2019estil onepage, din\u00e0mica, intu\u00eftiva, directa i molt visual.<\/p>\n<p>L\u2019usuari havia de poder consultar la web r\u00e0pidament i trobar tota la informaci\u00f3 necess\u00e0ria per saber si li interessa el curs i com inscriure\u2019s.<\/p>\n<p>El termini era ajustat, ja que l\u2019\u00c1lvaro volia tenir la web llesta a principis d\u2019abril.<\/p>\n<p>Per aconseguir-ho, a l\u2019estudi vam treballar de manera molt eficient els seg\u00fcents punts:<\/p>\n<ol>\n<li>La paleta de colors.<\/li>\n<li>La distribuci\u00f3 de la informaci\u00f3.<\/li>\n<li>Les animacions.<\/li>\n<li>El men\u00fa.<\/li>\n<li>Transmetre la visi\u00f3 i la missi\u00f3 de l\u2019\u00c1lvaro.<\/li>\n<li>La passarel\u00b7la de pagament.<\/li>\n<li>Personal gifts per a l\u2019\u00c1lvaro.<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone wp-image-628 size-large\" title=\"dise\u00f1o web inicio\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-dietista-1024x641-2.jpg\" alt=\"dise\u00f1o web inicio\" \/><\/p>\n<h3><\/h3>\n<h3>1. Sobre la paleta de colors<\/h3>\n<p>Els colors escollits s\u00f3n una combinaci\u00f3 d\u2019alt contrast que aporta al <strong>disseny<\/strong> un est\u00edmul visual molt potent, ideal per a una <strong>p\u00e0gina web<\/strong> onepage. Aix\u00f2 fa que l\u2019usuari entri a la web i no pugui apartar la mirada de la pantalla fins arribar al final, absorbint tota la informaci\u00f3 gaireb\u00e9 sense adonar-se\u2019n.<\/p>\n<h3><\/h3>\n<h3>2. Sobre la distribuci\u00f3 de la informaci\u00f3<\/h3>\n<p>Tamb\u00e9 hem cuidat molt la distribuci\u00f3 de la informaci\u00f3 perqu\u00e8, igual que amb els colors, la mirada vagi saltant de m\u00f2dul en m\u00f2dul, mantenint l\u2019inter\u00e8s i evitant l\u2019avorriment o les ganes de marxar.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a1-1.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-652 size-large\" title=\"dise\u00f1o web barcelona 2\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a1-1024x558-2.jpg\" alt=\"dise\u00f1o web barcelona 2\" width=\"1024\" height=\"558\" \/><\/a><\/p>\n<h3><\/h3>\n<h3>3. Les animacions<\/h3>\n<p>El disseny de la <strong>p\u00e0gina web<\/strong> incorpora diversos efectes que capten l\u2019atenci\u00f3 de l\u2019usuari i aporten el dinamisme necessari per assolir els objectius.<\/p>\n<p>Per exemple, a l\u2019apartat de \u201cPreguntes Freq\u00fcents\u201d, hem creat unes animacions divertides: els ulls de l\u2019\u00c1lvaro segueixen constantment el moviment del cursor, i, a m\u00e9s, quan passem per sobre d\u2019algun dels aliments del fons, aquest desapareix com per art de m\u00e0gia&#8230; o de programaci\u00f3!<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a4-1.jpg\"><img decoding=\"async\" class=\"alignnone size-large wp-image-656\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a4-1024x513-2.jpg\" alt=\"dise\u00f1o web apartado faq\" width=\"1024\" height=\"513\" \/><\/a><\/p>\n<h3><\/h3>\n<h3>4. El men\u00fa<\/h3>\n<p>La <strong>p\u00e0gina web<\/strong> disposa d\u2019un men\u00fa molt original, de navegaci\u00f3 horitzontal, que permet despla\u00e7ar-se f\u00e0cilment per qualsevol apartat. A m\u00e9s, el men\u00fa incorpora una transici\u00f3 suau que simula profunditat i fa que l\u2019experi\u00e8ncia d\u2019\u00fas sigui molt agradable.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno_web_diseno_grafico_alvaro_02-1.jpg\"><img decoding=\"async\" class=\"wp-image-645 size-large\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno_web_diseno_grafico_alvaro_02-1024x588-2.jpg\" alt=\"dise\u00f1o del men\u00fa web\" width=\"1024\" height=\"588\" \/><\/a><\/p>\n<h3><\/h3>\n<h3>5. Transmetre la visi\u00f3 i la missi\u00f3 d\u2019\u00c1lvaro Vargas<\/h3>\n<p>Amb tots aquests elements i el contingut que ens va facilitar l\u2019\u00c1lvaro, la seva missi\u00f3 i visi\u00f3 quedaven perfectament reflectides.<\/p>\n<p>Un cop aprovat el <strong>disseny gr\u00e0fic<\/strong> de la <strong>p\u00e0gina web<\/strong> i amb el vistiplau de l\u2019\u00c1lvaro, ens vam posar a programar la web.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a2-1.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-653 size-large\" title=\"dise\u00f1o del men\u00fa web\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a2-1024x457-2.jpg\" alt=\"dise\u00f1o del men\u00fa web\" width=\"1024\" height=\"457\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>6. La passarel\u00b7la de pagament<\/h3>\n<p>En tractar-se d\u2019una <strong>p\u00e0gina web amb passarel\u00b7la de pagament<\/strong>, era fonamental garantir la seguretat perqu\u00e8 tot funcion\u00e9s correctament. Vam realitzar totes les proves necess\u00e0ries i vam explicar a l\u2019\u00c1lvaro el funcionament de la passarel\u00b7la sense cap problema.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a3-1.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-654 size-large\" title=\"dise\u00f1o pasarela de pago\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/a3-1024x550-2.jpg\" alt=\"dise\u00f1o pasarela de pago\" width=\"1024\" height=\"550\" \/><\/a><\/p>\n<p>En poques setmanes ja ten\u00edem la <strong>p\u00e0gina web<\/strong> maquetada i programada. Tot estava a punt per al llan\u00e7ament, i aix\u00ed ho vam fer.<\/p>\n<p>&nbsp;<\/p>\n<h3>7. Personal gifts per al client \ud83d\ude09<\/h3>\n<p>Com a detall, vam preparar a l\u2019\u00c1lvaro unes portades perqu\u00e8 pogu\u00e9s compartir a Instagram i Facebook els enlla\u00e7os dels seus cursos i treure\u2019n el m\u00e0xim rendiment.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/inst-1.jpg\"><img decoding=\"async\" class=\"alignnone size-large wp-image-655\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/inst-1024x421-2.jpg\" alt=\"dise\u00f1o de portadas para instagram\" width=\"1024\" height=\"421\" \/><\/a><\/p>\n<p>Sabem que, des del primer moment, \u00c1lvaro ja va tenir persones interessades a inscriure\u2019s i que no van dubtar a reservar la seva pla\u00e7a als cursos.<\/p>\n<p>L\u2019equip de JordiEnsenyatDisseny i CodeWebBarcelona li desitja molta sort en aquest nou projecte i esperem que ompli l\u2019auditori fins dalt.<\/p>\n<p>&nbsp;<\/p>\n<h3>Reconeixements<\/h3>\n<p>De moment, ja hem estat destacats en diverses p\u00e0gines web especialitzades en <strong>projectes de disseny web inspiradors<\/strong>, com ara:<\/p>\n<p><a href=\"http:\/\/www.csswinner.com\/details\/yo-s-nutrirme\/11414\" rel=\"nofollow\">http:\/\/www.csswinner.com\/details\/yo-s-nutrirme\/11414<\/a><br \/>\n<a href=\"http:\/\/www.designnominees.com\/sites\/yo-s-nutrirme\" rel=\"nofollow\">http:\/\/www.designnominees.com\/sites\/yo-s-nutrirme<\/a><br \/>\n<a href=\"https:\/\/onepagelove.com\/yo-se-nutrirme\" rel=\"nofollow\">https:\/\/onepagelove.com\/yo-se-nutrirme<\/a><br \/>\n<a href=\"http:\/\/www.bestcss.in\/user\/detail\/Yosenutrirme-5193\" rel=\"nofollow\">http:\/\/www.bestcss.in\/user\/detail\/Yosenutrirme-5193<\/a><\/p>\n<h3>El projecte en directe<\/h3>\n<p>Si teniu curiositat per veure el projecte en viu, nom\u00e9s cal que visiteu la seva p\u00e0gina web <a href=\"https:\/\/yosenutrirme.com\/#\" target=\"_blank\" rel=\"nofollow\">www.yosenutrirme.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aquest article el dediquem a un nou projecte web que hem desenvolupat durant el mes de mar\u00e7: un projecte de disseny web i desenvolupament web per a \u00c1lvaro Vargas. Amb un enfoc narratiu, us expliquem tot el proc\u00e9s de disseny i desenvolupament d\u2019aquesta p\u00e0gina web de nova creaci\u00f3. Fa unes setmanes, \u00c1lvaro Vargas es va [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4229,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208],"class_list":["post-18294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia<\/title>\n<meta name=\"description\" content=\"Historia detr\u00e1s del proyecto para \u00c1lvaro Vargas. Descubre como hemos desarrollado y dise\u00f1ado la p\u00e1gina web para \u00c1lvaro Vargas. Todos los detalles.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia\" \/>\n<meta property=\"og:description\" content=\"Historia detr\u00e1s del proyecto para \u00c1lvaro Vargas. Descubre como hemos desarrollado y dise\u00f1ado la p\u00e1gina web para \u00c1lvaro Vargas. Todos los detalles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-14T17:20:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T19:11:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2514\" \/>\n\t<meta property=\"og:image:height\" content=\"1193\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web per a l\u2019\u00c1lvaro Vargas\",\"datePublished\":\"2017-04-14T17:20:27+00:00\",\"dateModified\":\"2026-04-20T19:11:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\"},\"wordCount\":1167,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\",\"name\":\"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg\",\"datePublished\":\"2017-04-14T17:20:27+00:00\",\"dateModified\":\"2026-04-20T19:11:50+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Historia detr\u00e1s del proyecto para \u00c1lvaro Vargas. Descubre como hemos desarrollado y dise\u00f1ado la p\u00e1gina web para \u00c1lvaro Vargas. Todos los detalles.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg\",\"width\":2514,\"height\":1193},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia","description":"Historia detr\u00e1s del proyecto para \u00c1lvaro Vargas. Descubre como hemos desarrollado y dise\u00f1ado la p\u00e1gina web para \u00c1lvaro Vargas. Todos los detalles.","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:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/","og_locale":"ca_ES","og_type":"article","og_title":"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia","og_description":"Historia detr\u00e1s del proyecto para \u00c1lvaro Vargas. Descubre como hemos desarrollado y dise\u00f1ado la p\u00e1gina web para \u00c1lvaro Vargas. Todos los detalles.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/","og_site_name":"Code Barcelona","article_published_time":"2017-04-14T17:20:27+00:00","article_modified_time":"2026-04-20T19:11:50+00:00","og_image":[{"width":2514,"height":1193,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"6 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web per a l\u2019\u00c1lvaro Vargas","datePublished":"2017-04-14T17:20:27+00:00","dateModified":"2026-04-20T19:11:50+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/"},"wordCount":1167,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg","articleSection":["Disseny i desenvolupament web"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/","name":"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg","datePublished":"2017-04-14T17:20:27+00:00","dateModified":"2026-04-20T19:11:50+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Historia detr\u00e1s del proyecto para \u00c1lvaro Vargas. Descubre como hemos desarrollado y dise\u00f1ado la p\u00e1gina web para \u00c1lvaro Vargas. Todos los detalles.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-alvaro-vargas-historia\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg","width":2514,"height":1193},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=18294"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18294\/revisions"}],"predecessor-version":[{"id":18322,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18294\/revisions\/18322"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4229"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=18294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=18294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}