{"id":28572,"date":"2021-09-08T13:46:00","date_gmt":"2021-09-08T13:46:00","guid":{"rendered":"https:\/\/codewebbarcelona.com\/nuestra-seleccion-de-ilustracion-y-diseno-grafico\/"},"modified":"2026-04-21T00:43:49","modified_gmt":"2026-04-21T00:43:49","slug":"our-selection-of-illustration-and-graphic-design","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/","title":{"rendered":"Our Selection of Illustration and Graphic Design"},"content":{"rendered":"<p>In this article, we take a look at five web design projects where illustration takes center stage.<\/p>\n<p>Graphic design and illustration often go hand in hand, but for a variety of reasons, they\u2019re not always used together.<\/p>\n<p>Illustration is a creative skill that not all graphic designers master, which is why it has become a specialty in its own right. Combined with the fact that it\u2019s not always the right fit for every project, it\u2019s relatively rare to come across illustration work in this field.<\/p>\n<p>That said, with illustration emerging as a key trend in graphic design for the coming year, we\u2019re seeing more and more creative projects where illustration plays a leading role.<\/p>\n<p>Here are five standout examples where illustration truly shines.<\/p>\n<h6><a href=\"https:\/\/codewebbarcelona.com\/contacta\/\" target=\"_blank\" rel=\"noopener\">Interested in a similar project? Let\u2019s talk.<\/a><\/h6>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<h2>Our selection of illustration and graphic design<\/h2>\n<h3>NIKE 5 FACET<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10068\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-00\" width=\"2560\" height=\"1703\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10070\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-01.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-01\" width=\"2560\" height=\"1735\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10071\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-05.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-05\" width=\"1205\" height=\"818\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10072\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-08.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-08\" width=\"1328\" height=\"900\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10073\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-06.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-06\" width=\"1328\" height=\"900\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10074\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-02.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-02\" width=\"1328\" height=\"900\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10075\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-09.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-09\" width=\"2560\" height=\"2048\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10076\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-03.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-03\" width=\"2560\" height=\"1735\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10077\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-07.jpg\" alt=\"ilustracion-diseno-grafico-nike5facet-07\" width=\"2560\" height=\"1274\" \/><\/p>\n<p><b>Illustration created for Nike by illustrator and graphic designer Xoana Herrera<\/b><\/p>\n<p>A series of illustrations developed for Nike\u2019s new Journal 5 Facet platform, focusing on five key aspects of fitness: movement, mindset, sleep, recovery, and nutrition.<\/p>\n<p>We find this series particularly compelling for its distinctive style, which perfectly conveys the brand\u2019s identity and values.<\/p>\n<p>The illustrations are dynamic and diverse, with unique perspectives and forms, and the color palette is exceptionally well executed.<\/p>\n<p>One of the standout illustration projects of the moment, it was awarded the <a href=\"https:\/\/awards.latinamericandesign.org\/winning-projects-detail\/?identifier=temp_project_7f5c188eb5_0a04aec267\" target=\"_blank\" rel=\"noopener\">LAD Bronze for Magazine or Newspaper Illustration<\/a>.<\/p>\n<p>If you\u2019d like to see more, check out this talented artist\u2019s profile.<\/p>\n<p><a href=\"https:\/\/www.xoanaherrera.com\/\" target=\"_blank\" rel=\"noopener\">Click here to view the full project<\/a><\/p>\n<h3>DOMESTIC AND CHILD VIOLENCE COLLECTION<\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-10078\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-00.jpg\" alt=\"ilustracion-diseno-grafico-violence-01\" width=\"1000\" height=\"1000\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10079\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-01.jpg\" alt=\"ilustracion-diseno-grafico-violence-01\" width=\"2560\" height=\"1749\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10081\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-03.jpg\" alt=\"ilustracion-diseno-grafico-violence-03\" width=\"2218\" height=\"2560\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10084\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-06.jpg\" alt=\"ilustracion-diseno-grafico-violence-06\" width=\"2337\" height=\"2560\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-10087\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-09.jpg\" alt=\"ilustracion-diseno-grafico-violence-06\" width=\"1000\" height=\"1000\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10088\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-08.png\" alt=\"ilustracion-diseno-grafico-violence-08\" width=\"2560\" height=\"2560\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10089\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-02.jpg\" alt=\"ilustracion-diseno-grafico-violence-02\" width=\"2560\" height=\"2560\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10090\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-04.jpg\" alt=\"ilustracion-diseno-grafico-violence-04\" width=\"2560\" height=\"2560\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10092\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-05.jpg\" alt=\"ilustracion-diseno-grafico-violence-05\" width=\"2560\" height=\"2560\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10093\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-violence-07.png\" alt=\"ilustracion-diseno-grafico-violence-07\" width=\"2560\" height=\"2560\" \/><\/p>\n<p><b>Illustration series by Alessandra Alves Cota<\/b><\/p>\n<p>This collection features digital vector artworks with a strong social and educational focus, created by Alessandra Alves Cota to support the fight against domestic violence.<\/p>\n<p>The series depicts women and children subjected daily to acts of violence and crimes against humanity.<\/p>\n<p>The work is outstanding, and it\u2019s no surprise it received the <a href=\"https:\/\/awards.latinamericandesign.org\/winning-projects-detail\/?identifier=temp_project_8397f2ac9d_27d090c229\" target=\"_blank\" rel=\"noopener\">LAD Silver for Design for Good<\/a>.<\/p>\n<p>I encourage you to visit the artist\u2019s website to explore more.<\/p>\n<p><a href=\"https:\/\/nubefy.shop\" target=\"_blank\" rel=\"noopener\">Click here to view the full project<\/a><\/p>\n<h3>ICONS OF MODERN LITERATURE<\/h3>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/wIQxYyQT-Og\" width=\"1920\" height=\"1080\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10094\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-15.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-15\" width=\"2000\" height=\"1134\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10095\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-01.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-01\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10096\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-09.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-09\" width=\"2000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10097\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-21.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-21\" width=\"1000\" height=\"1000\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10098\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-02.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-02\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10099\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-10.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-10\" width=\"2000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10100\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-03.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-03\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10101\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-14.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-14\" width=\"2000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10102\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-24.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-24\" width=\"2000\" height=\"1167\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10103\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-04.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-04\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10104\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-11.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-11\" width=\"2000\" height=\"1134\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10105\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-05.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-05\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10106\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-23.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-23\" width=\"2000\" height=\"1167\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10107\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-17.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-17\" width=\"1000\" height=\"1000\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10108\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-06.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-06\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10109\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-16.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-16\" width=\"2000\" height=\"1134\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10110\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-07.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-07\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10111\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-12.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-12\" width=\"2000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10112\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-08.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-08\" width=\"1000\" height=\"1133\" \/><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10113\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-i-mean-it-literature-posters-13.jpg\" alt=\"ilustracion-diseno-grafico-i-mean-it-literature-posters-13\" width=\"2000\" height=\"1134\" \/><\/p>\n<p><b>Illustration series for Is Sanat by graphic artist Emrah Y\u00fccel<\/b><\/p>\n<p>Is Sanat is a renowned venue for cultural events, including live poetry readings and storytelling, which are highly popular and draw large audiences.<\/p>\n<p>These illustrations pay tribute to the founding figures of modern Turkish literature, aiming to create visually striking images that portray these iconic storytellers as the revered figures they are.<\/p>\n<p>This series was awarded the <a href=\"https:\/\/www.licc.uk\/winners\/winner.php?id=121862\" target=\"_blank\" rel=\"noopener\">LICC Illustration Prize<\/a>.<\/p>\n<p>You can learn more about the artist and this project at the link below.<\/p>\n<p><a href=\"https:\/\/www.imeanit.com\/portfolio\/icons-of-modern-literature\/\" target=\"_blank\" rel=\"noopener\">Click here to view the full project<\/a><\/p>\n<h3>COMPRA A PROP<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10128\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-compraaprop-06.jpg\" alt=\"ilustracion-diseno-grafico-compraaprop-06\" width=\"2160\" height=\"2700\" \/><br \/>\n<div style=\"width: 1920px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-28572-1\" width=\"1920\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-compraaprop-00.mp4?_=1\" \/><\/video><\/div><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10130\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-compraaprop-0001.jpg\" alt=\"ilustracion-diseno-grafico-compraaprop-0001\" width=\"1500\" height=\"844\" \/><br \/>\n<img class=\"alignnone size-full wp\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we take a look at five web design projects where illustration takes center stage. Graphic design and illustration often go hand in hand, but for a variety of reasons, they\u2019re not always used together. Illustration is a creative skill that not all graphic designers master, which is why it has become a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13029,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[210,134],"class_list":["post-28572","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>Nuestra selecci\u00f3n de ilustraci\u00f3n y dise\u00f1o gr\u00e1fico - Code Barcelona<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo vamos a repasar cinco proyectos de dise\u00f1o web en los que la ilustraci\u00f3n tiene un papel protagonista. El dise\u00f1o gr\u00e1fico y la ilustraci\u00f3n son disciplinas que van de la mano pero que, por diversos motivos, no se utilizan muy a menudo.\" \/>\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\/our-selection-of-illustration-and-graphic-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuestra selecci\u00f3n de ilustraci\u00f3n y dise\u00f1o gr\u00e1fico - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo vamos a repasar cinco proyectos de dise\u00f1o web en los que la ilustraci\u00f3n tiene un papel protagonista. El dise\u00f1o gr\u00e1fico y la ilustraci\u00f3n son disciplinas que van de la mano pero que, por diversos motivos, no se utilizan muy a menudo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-08T13:46:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T00:43:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1703\" \/>\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=\"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\/our-selection-of-illustration-and-graphic-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Our Selection of Illustration and Graphic Design\",\"datePublished\":\"2021-09-08T13:46:00+00:00\",\"dateModified\":\"2026-04-21T00:43:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/\"},\"wordCount\":469,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg\",\"articleSection\":[\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/\",\"name\":\"Nuestra selecci\u00f3n de ilustraci\u00f3n y dise\u00f1o gr\u00e1fico - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg\",\"datePublished\":\"2021-09-08T13:46:00+00:00\",\"dateModified\":\"2026-04-21T00:43:49+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"En este art\u00edculo vamos a repasar cinco proyectos de dise\u00f1o web en los que la ilustraci\u00f3n tiene un papel protagonista. El dise\u00f1o gr\u00e1fico y la ilustraci\u00f3n son disciplinas que van de la mano pero que, por diversos motivos, no se utilizan muy a menudo.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg\",\"width\":2560,\"height\":1703},{\"@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":"Nuestra selecci\u00f3n de ilustraci\u00f3n y dise\u00f1o gr\u00e1fico - Code Barcelona","description":"En este art\u00edculo vamos a repasar cinco proyectos de dise\u00f1o web en los que la ilustraci\u00f3n tiene un papel protagonista. El dise\u00f1o gr\u00e1fico y la ilustraci\u00f3n son disciplinas que van de la mano pero que, por diversos motivos, no se utilizan muy a menudo.","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\/our-selection-of-illustration-and-graphic-design\/","og_locale":"en_US","og_type":"article","og_title":"Nuestra selecci\u00f3n de ilustraci\u00f3n y dise\u00f1o gr\u00e1fico - Code Barcelona","og_description":"En este art\u00edculo vamos a repasar cinco proyectos de dise\u00f1o web en los que la ilustraci\u00f3n tiene un papel protagonista. El dise\u00f1o gr\u00e1fico y la ilustraci\u00f3n son disciplinas que van de la mano pero que, por diversos motivos, no se utilizan muy a menudo.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/","og_site_name":"Code Barcelona","article_published_time":"2021-09-08T13:46:00+00:00","article_modified_time":"2026-04-21T00:43:49+00:00","og_image":[{"width":2560,"height":1703,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg","type":"image\/jpeg"}],"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\/our-selection-of-illustration-and-graphic-design\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Our Selection of Illustration and Graphic Design","datePublished":"2021-09-08T13:46:00+00:00","dateModified":"2026-04-21T00:43:49+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/"},"wordCount":469,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg","articleSection":["Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/","name":"Nuestra selecci\u00f3n de ilustraci\u00f3n y dise\u00f1o gr\u00e1fico - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg","datePublished":"2021-09-08T13:46:00+00:00","dateModified":"2026-04-21T00:43:49+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"En este art\u00edculo vamos a repasar cinco proyectos de dise\u00f1o web en los que la ilustraci\u00f3n tiene un papel protagonista. El dise\u00f1o gr\u00e1fico y la ilustraci\u00f3n son disciplinas que van de la mano pero que, por diversos motivos, no se utilizan muy a menudo.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/our-selection-of-illustration-and-graphic-design\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/09\/ilustracion-diseno-grafico-nike5facet-00.jpg","width":2560,"height":1703},{"@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\/28572","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=28572"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28572\/revisions"}],"predecessor-version":[{"id":28629,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28572\/revisions\/28629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/13029"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=28572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=28572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}