{"id":30869,"date":"2019-05-30T12:10:20","date_gmt":"2019-05-30T12:10:20","guid":{"rendered":"https:\/\/codewebbarcelona.com\/trivago-diseno-video-animacion-proyecto-destacado\/"},"modified":"2026-04-21T01:34:49","modified_gmt":"2026-04-21T01:34:49","slug":"trivago-animated-video-design-featured-project","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/","title":{"rendered":"Trivago, animated video design, featured project"},"content":{"rendered":"<p>More and more leading brands are turning to new technologies to power their communication strategies. In this project, we take a look at an outstanding piece of <strong>animation<\/strong> created by Trivago to promote its accommodations around the world.<\/p>\n<p>Here\u2019s our review of the project, including key facts and highlights.<\/p>\n<h2>Trivago \u2013 animated video design \u2013 featured project<\/h2>\n<h3>by Paola Grondal<\/h3>\n<h3><b>Project background<\/b><\/h3>\n<p>Each of the two <strong>videos<\/strong> produced for this campaign runs for 30 seconds. The main goal: boost brand awareness and drive sales.<\/p>\n<p>The biggest challenge was to deliver a high-quality <strong>animation<\/strong> that clearly explains the product through motion, while staying aligned with the <strong>marketing<\/strong> objectives.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3453\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/video-animacion-trivago-4.jpg\" alt=\"video animacion trivago (4)\" width=\"1080\" height=\"1038\" \/><\/p>\n<h3><b>Graphic concept<\/b><\/h3>\n<p>The <strong>animation<\/strong> features a playful 3D look, inspired by children\u2019s <strong>3D animation<\/strong> films.<\/p>\n<p>The color palette was chosen to evoke the hues of the Spanish coast at sunset.<\/p>\n<p>Every detail is designed to convey a warm, carefree summer vibe.<\/p>\n<p>The <strong>animated video<\/strong> was crafted with the target audience and main distribution channels in mind.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3455\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/video-animacion-trivago-3.jpg\" alt=\"video animacion trivago (3)\" width=\"1080\" height=\"1038\" \/><\/p>\n<h3><b>About the creators<\/b><\/h3>\n<p>The project was led by Adriano Di Ricco, The Rusted Pixel, and Ruy, under the direction of Paulina Gronal.<\/p>\n<p>All are part of Trivago\u2019s in-house team in D\u00fcsseldorf, Germany. The brand has its own internal agency responsible for developing both online and offline campaigns for its various communication channels.<\/p>\n<h3><b>Award<\/b><\/h3>\n<p>This two-part animation won the Platinum A\u2019Design Award for 2019 in the A\u2019 Movie, Video and Animation Design Awards category.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3456\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/video-animacion-trivago-1.jpg\" alt=\"video animacion trivago (1)\" width=\"1080\" height=\"705\" \/><\/p>\n<h3><b>Our take<\/b><\/h3>\n<p>This double animation stands out on our list of featured projects because it excels at meeting both primary and secondary objectives.<\/p>\n<p>It\u2019s an animation design where the project concept is brilliant and the video production is exceptionally polished.<\/p>\n<p>The animation strikes the perfect balance: detailed enough to be engaging, yet clear enough to communicate the message effectively.<\/p>\n<p>The illustration style is approachable and accessible for all audiences, and the concise runtime ensures it reaches everyone\u2014even the most casual viewers.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3457\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/video-animacion-trivago-1.gif\" alt=\"\" width=\"1080\" height=\"705\" \/><br \/>\n<iframe src=\"https:\/\/player.vimeo.com\/video\/278941561?color=fcfcfc&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"1000\" height=\"570\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><br \/>\n<iframe src=\"https:\/\/player.vimeo.com\/video\/278940154?color=fcfcfc&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"1000\" height=\"570\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3><b>Useful links<\/b><\/h3>\n<p><a href=\"https:\/\/www.behance.net\/gallery\/67617177\/Trivago\" target=\"_blank\" rel=\"noopener\">\u2026project details on Behance.<\/a><\/p>\n<p><a href=\"https:\/\/competition.adesignaward.com\/design.php?ID=85063\" target=\"_blank\" rel=\"noopener\">www.competition.adesignaward.com<\/a><\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/blog\/proyecto-destacado-packaging\/\" target=\"_blank\" rel=\"noopener\">\u2026another related inspirational post<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>More and more leading brands are turning to new technologies to power their communication strategies. In this project, we take a look at an outstanding piece of animation created by Trivago to promote its accommodations around the world. Here\u2019s our review of the project, including key facts and highlights. Trivago \u2013 animated video design \u2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[210,134],"class_list":["post-30869","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiracio","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Trivago - dise\u00f1o v\u00eddeo animaci\u00f3n - proyecto destacado - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Nos damos una vuelta por el dise\u00f1o del doble v\u00eddeo de animaci\u00f3n que la empresa de turismo Trivago ha realizado para dar a conocer su marca y aumentar las ventas.\" \/>\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\/en\/blog\/trivago-animated-video-design-featured-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trivago - dise\u00f1o v\u00eddeo animaci\u00f3n - proyecto destacado - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Nos damos una vuelta por el dise\u00f1o del doble v\u00eddeo de animaci\u00f3n que la empresa de turismo Trivago ha realizado para dar a conocer su marca y aumentar las ventas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-30T12:10:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T01:34:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"968\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Trivago, animated video design, featured project\",\"datePublished\":\"2019-05-30T12:10:20+00:00\",\"dateModified\":\"2026-04-21T01:34:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/\"},\"wordCount\":341,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif\",\"articleSection\":[\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/\",\"name\":\"Trivago - dise\u00f1o v\u00eddeo animaci\u00f3n - proyecto destacado - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif\",\"datePublished\":\"2019-05-30T12:10:20+00:00\",\"dateModified\":\"2026-04-21T01:34:49+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Nos damos una vuelta por el dise\u00f1o del doble v\u00eddeo de animaci\u00f3n que la empresa de turismo Trivago ha realizado para dar a conocer su marca y aumentar las ventas.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif\",\"width\":968,\"height\":618},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"Trivago - dise\u00f1o v\u00eddeo animaci\u00f3n - proyecto destacado - Code Barcelona","description":"Nos damos una vuelta por el dise\u00f1o del doble v\u00eddeo de animaci\u00f3n que la empresa de turismo Trivago ha realizado para dar a conocer su marca y aumentar las ventas.","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\/en\/blog\/trivago-animated-video-design-featured-project\/","og_locale":"en_US","og_type":"article","og_title":"Trivago - dise\u00f1o v\u00eddeo animaci\u00f3n - proyecto destacado - Code Barcelona","og_description":"Nos damos una vuelta por el dise\u00f1o del doble v\u00eddeo de animaci\u00f3n que la empresa de turismo Trivago ha realizado para dar a conocer su marca y aumentar las ventas.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/","og_site_name":"Code Barcelona","article_published_time":"2019-05-30T12:10:20+00:00","article_modified_time":"2026-04-21T01:34:49+00:00","og_image":[{"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif","width":968,"height":618,"type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Trivago, animated video design, featured project","datePublished":"2019-05-30T12:10:20+00:00","dateModified":"2026-04-21T01:34:49+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/"},"wordCount":341,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif","articleSection":["Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/","name":"Trivago - dise\u00f1o v\u00eddeo animaci\u00f3n - proyecto destacado - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif","datePublished":"2019-05-30T12:10:20+00:00","dateModified":"2026-04-21T01:34:49+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Nos damos una vuelta por el dise\u00f1o del doble v\u00eddeo de animaci\u00f3n que la empresa de turismo Trivago ha realizado para dar a conocer su marca y aumentar las ventas.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/trivago-animated-video-design-featured-project\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/trivago-diseno-de-video-animacion-proyecto-destacado-featured.gif","width":968,"height":618},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/30869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=30869"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/30869\/revisions"}],"predecessor-version":[{"id":30876,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/30869\/revisions\/30876"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/12723"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=30869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=30869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}