{"id":87744,"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-06-11T06:17:45","modified_gmt":"2026-06-11T06:17:45","slug":"webdesign-alvaro-vargas-geschichte","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/","title":{"rendered":"Webdesign f\u00fcr \u00c1lvaro Vargas"},"content":{"rendered":"<p>Diesen Beitrag widmen wir einem neuen <strong>Webprojekt<\/strong>, das wir im M\u00e4rz umgesetzt haben \u2013 ein Projekt f\u00fcr <strong>Webdesign<\/strong> und <strong>Webentwicklung<\/strong> f\u00fcr \u00c1lvaro Vargas.<\/p>\n<p>In Form einer kleinen Story nehmen wir euch mit durch den gesamten <strong>Design- und Entwicklungsprozess<\/strong> dieser <strong>neu entstandenen Website<\/strong>.<\/p>\n<p>Vor einigen Wochen hat sich \u00c1lvaro Vargas bei uns gemeldet. Urspr\u00fcnglich wollte er Informationen zum Design eines Kochbuchs, das demn\u00e4chst erscheinen soll.<\/p>\n<h3><\/h3>\n<h3>Wer ist \u00c1lvaro Vargas?<\/h3>\n<p>\u00c1lvaro Vargas ist ein \u00e4u\u00dferst aktiver Ern\u00e4hrungsberater, der t\u00e4glich Inhalte zu Ern\u00e4hrung und Gesundheit erstellt und diese in den sozialen Medien teilt. Er kennt sich bestens mit digitalen Kan\u00e4len aus, misst Social Media gro\u00dfe Bedeutung bei und versteht es, diese optimal f\u00fcr seine Sichtbarkeit zu nutzen.<\/p>\n<p>Er ist auf Facebook und Instagram aktiv, ver\u00f6ffentlicht Podcasts und betreibt einen eigenen YouTube-Kanal \u2013 \u00fcberall liefert er hochwertigen Content f\u00fcr alle, die sich f\u00fcr Ern\u00e4hrung und Gesundheit interessieren. Regelm\u00e4\u00dfig postet er Fotos seiner Gerichte, teilt Rezepte auf YouTube und ver\u00f6ffentlicht Blogbeitr\u00e4ge auf seiner pers\u00f6nlichen Website. Dar\u00fcber hinaus hat er bereits mehrere B\u00fccher zum Thema ver\u00f6ffentlicht.<\/p>\n<p>Nun geht \u00c1lvaro den n\u00e4chsten Schritt in seiner Karriere und m\u00f6chte sein Wissen k\u00fcnftig auch in Pr\u00e4senzkursen weitergeben. Zum Start bietet er daher Workshops in Barcelona und Madrid an.<\/p>\n<p>Nachdem wir uns auf das Innendesign des Kochbuchs geeinigt hatten, sprachen wir weiter \u00fcber seine <strong>Projekte<\/strong> \u2013 und erhielten einen spannenden neuen Auftrag.<\/p>\n<p>Um seine Idee der Pr\u00e4senzkurse zu unterst\u00fctzen, w\u00fcnschte er sich eine <strong>Website<\/strong>, auf der sich Interessierte direkt f\u00fcr die Kurse anmelden k\u00f6nnen.<\/p>\n<h3><\/h3>\n<h3>Jetzt geht\u2019s los!<\/h3>\n<p>Mit diesem Auftrag starteten wir im Studio durch. Nach ausf\u00fchrlichen Gespr\u00e4chen, um die Details des Projekts zu kl\u00e4ren, war schnell klar, welche Stilrichtung \u00c1lvaro bevorzugt: frisch, intuitiv, direkt \u2013 und ein Design, das seine Pers\u00f6nlichkeit und seine beruflichen Ziele widerspiegelt.<\/p>\n<p>Also machten wir uns an die Entwicklung des <strong>grafischen Konzepts<\/strong>, das wir \u00c1lvaro pr\u00e4sentieren wollten.<\/p>\n<p>Es war eines der erfrischendsten Projekte, an denen wir in letzter Zeit gearbeitet haben \u2013 innovativ, ohne gestalterische Einschr\u00e4nkungen, denn \u00c1lvaro ist sehr offen und hat uns von Anfang an als Profis vertraut. Wir haben viel Wert auf Details gelegt und waren mit dem Ergebnis rundum zufrieden. Anfangs hatten wir Zweifel, ob \u00c1lvaro den Mut h\u00e4tte, sich voll auf unseren Ansatz einzulassen, aber er hat sofort verstanden, wohin wir mit seiner <strong>Website<\/strong> wollten.<\/p>\n<p>F\u00fcr das <strong>grafische Design<\/strong> der <strong>Website<\/strong> haben wir uns intensiv mit seinen Social-Media-Kan\u00e4len, B\u00fcchern und seinem Blog besch\u00e4ftigt, um genau den Stil zu treffen, der zu ihm passt.<\/p>\n<p>Die wichtigsten technischen Aspekte dieses Projekts waren f\u00fcr uns die Animationen der <strong>Website<\/strong>, die Farbwahl und die Informationsarchitektur.<\/p>\n<h3><\/h3>\n<h3>Welche Ziele sollten wir erreichen?<\/h3>\n<p>Unser Ziel war es, eine <strong>Onepage-Website<\/strong> zu gestalten \u2013 dynamisch, intuitiv, direkt und mit viel Bewegung.<\/p>\n<p>Die Nutzer sollten in kurzer Zeit alle relevanten Informationen erhalten, um zu entscheiden, ob der Kurs f\u00fcr sie interessant ist und wie sie sich anmelden k\u00f6nnen.<\/p>\n<p>Der Zeitrahmen war knapp, denn \u00c1lvaro Vargas wollte die Website bereits Anfang April live haben.<\/p>\n<p>Deshalb haben wir im Studio die folgenden Punkte besonders effizient umgesetzt:<\/p>\n<ol>\n<li>Die Farbpalette<\/li>\n<li>Informationsstruktur<\/li>\n<li>Animationen<\/li>\n<li>Men\u00fcf\u00fchrung<\/li>\n<li>Die Vision und Mission von \u00c1lvaro transportieren<\/li>\n<li>Die Zahlungsabwicklung<\/li>\n<li>Pers\u00f6nliche Giveaways f\u00fcr \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. Zur Farbpalette<\/h3>\n<p>Die gew\u00e4hlten Farben sind kontrastreich und sorgen f\u00fcr einen starken visuellen Reiz \u2013 perfekt f\u00fcr das Onepage-Konzept der <strong>Website<\/strong>. So erreichen wir, dass die Besucher f\u00f6rmlich an den Bildschirm gefesselt werden und die Seite bis zum Ende durchscrollen, ohne es zu merken.<\/p>\n<h3><\/h3>\n<h3>2. Zur Informationsstruktur<\/h3>\n<p>Ebenso haben wir gro\u00dfen Wert auf die Informationsarchitektur gelegt. Wie bei den Farben soll der Blick von Modul zu Modul springen, sodass keine Langeweile aufkommt und die Nutzer gerne auf der Seite bleiben.<\/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. Die Animationen<\/h3>\n<p>Das Webdesign enth\u00e4lt verschiedene Effekte, die die Aufmerksamkeit der Nutzer auf sich ziehen und f\u00fcr die gew\u00fcnschte Dynamik sorgen.<\/p>\n<p>Ein Beispiel: Im Bereich \u201eH\u00e4ufige Fragen\u201c haben wir spielerische Animationen eingebaut \u2013 die Augen von \u00c1lvaro verfolgen st\u00e4ndig den Mauszeiger, und wenn man mit dem Cursor \u00fcber eines der Lebensmittel im Hintergrund f\u00e4hrt, verschwindet es wie von Zauberhand\u2026 oder besser gesagt: dank Programmierung!<\/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. Das Men\u00fc<\/h3>\n<p>Die <strong>Website<\/strong> verf\u00fcgt \u00fcber ein originelles, horizontal angeordnetes Men\u00fc, mit dem man jederzeit zu den verschiedenen Bereichen der Seite springen kann. Die \u00dcberg\u00e4nge sind besonders gelungen und vermitteln ein Gef\u00fchl von Tiefe \u2013 das macht die Navigation sehr angenehm.<\/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. Die Vision und Mission von \u00c1lvaro Vargas vermitteln<\/h3>\n<p>Dank der genannten Punkte und der Inhalte, die \u00c1lvaro selbst beigesteuert hat, werden seine Mission und Vision auf der Website klar und authentisch transportiert.<\/p>\n<p>Nachdem das <strong>grafische Design<\/strong> der <strong>Website<\/strong> von \u00c1lvaro freigegeben war, machten wir uns direkt an die Programmierung.<br \/>\n<\/strong><\/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. Die Zahlungsabwicklung<\/h3>\n<p>Da es sich um eine <strong>Website mit Zahlungsfunktion<\/strong> handelt, war uns die Sicherheit besonders wichtig. Wir haben s\u00e4mtliche Funktionstests durchgef\u00fchrt und \u00c1lvaro die Bedienung der Zahlungsabwicklung ausf\u00fchrlich erkl\u00e4rt \u2013 alles lief reibungslos.<\/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>Nach nur wenigen Wochen war die <strong>Website<\/strong> bereits fertiggestellt und programmiert. Alles war bereit f\u00fcr den Launch \u2013 und so ging die Seite online.<\/p>\n<p>&nbsp;<\/p>\n<h3>7. Pers\u00f6nliche Giveaways f\u00fcr den Kunden \ud83d\ude09<\/h3>\n<p>Als kleines Extra haben wir f\u00fcr \u00c1lvaro Coverbilder gestaltet, damit er die Links zu seinen Kursen optimal auf Instagram und Facebook teilen kann.<\/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>Wir wissen, dass sich schon kurz nach dem Launch viele Interessierte angemeldet haben und einige sofort einen Platz in seinen Kursen reserviert haben.<\/p>\n<p>Das Team von JordiEnsenyatDisseny und CodeWebBarcelona w\u00fcnscht \u00c1lvaro viel Erfolg mit seinem neuen Projekt \u2013 und wir hoffen, dass der Saal bis auf den letzten Platz gef\u00fcllt ist!<\/p>\n<p>&nbsp;<\/p>\n<h3>Anerkennungen<\/h3>\n<p>Inzwischen wurde das Projekt bereits auf verschiedenen Websites vorgestellt, die <strong>inspirierende Webdesigns<\/strong> pr\u00e4sentieren, zum Beispiel:<\/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>Das Projekt live erleben<\/h3>\n<p>Wenn ihr neugierig geworden seid und das Projekt live sehen m\u00f6chtet, folgt einfach dem Link zu seiner Website: <a href=\"https:\/\/yosenutrirme.com\/#\" target=\"_blank\" rel=\"nofollow\">www.yosenutrirme.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Diesen Beitrag widmen wir einem neuen Webprojekt, das wir im M\u00e4rz umgesetzt haben \u2013 ein Projekt f\u00fcr Webdesign und Webentwicklung f\u00fcr \u00c1lvaro Vargas. In Form einer kleinen Story nehmen wir euch mit durch den gesamten Design- und Entwicklungsprozess dieser neu entstandenen Website. Vor einigen Wochen hat sich \u00c1lvaro Vargas bei uns gemeldet. Urspr\u00fcnglich wollte er [&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":[658],"class_list":["post-87744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - 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\/de\/webdesign-alvaro-vargas-geschichte\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/de\/webdesign-alvaro-vargas-geschichte\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-14T17:20:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T06:17:45+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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Webdesign f\u00fcr \u00c1lvaro Vargas\",\"datePublished\":\"2017-04-14T17:20:27+00:00\",\"dateModified\":\"2026-06-11T06:17:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/\"},\"wordCount\":1019,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/diseno-web-para-alvaro-vargas-featured.jpg\",\"articleSection\":[\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/\",\"name\":\"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/#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-06-11T06:17:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/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\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-alvaro-vargas-geschichte\\\/#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\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@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\/de\/webdesign-alvaro-vargas-geschichte\/","og_locale":"de_DE","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\/de\/webdesign-alvaro-vargas-geschichte\/","og_site_name":"CODE","article_published_time":"2017-04-14T17:20:27+00:00","article_modified_time":"2026-06-11T06:17:45+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":{"Written by":"cd26Bc","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Webdesign f\u00fcr \u00c1lvaro Vargas","datePublished":"2017-04-14T17:20:27+00:00","dateModified":"2026-06-11T06:17:45+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/"},"wordCount":1019,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/diseno-web-para-alvaro-vargas-featured.jpg","articleSection":["Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/","url":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/","name":"El proyecto: Dise\u00f1o web para \u00c1lvaro Vargas - Historia","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/#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-06-11T06:17:45+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/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":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-alvaro-vargas-geschichte\/#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\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@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\/de\/wp-json\/wp\/v2\/posts\/87744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=87744"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/87744\/revisions"}],"predecessor-version":[{"id":87772,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/87744\/revisions\/87772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/4229"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=87744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=87744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}