{"id":2071,"date":"2026-04-22T11:41:58","date_gmt":"2026-04-22T11:41:58","guid":{"rendered":"https:\/\/drop.bg\/?post_type=portfolio&#038;p=2071"},"modified":"2026-04-22T12:40:15","modified_gmt":"2026-04-22T12:40:15","slug":"case-study-art-interrupted-visual-identity-for-a-cross-platform-cultural-project","status":"publish","type":"portfolio","link":"https:\/\/drop.bg\/?portfolio=case-study-art-interrupted-visual-identity-for-a-cross-platform-cultural-project","title":{"rendered":"Case study: Art Interrupted"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text margin_right=&#8221;30&#8243; margin_bottom=&#8221;30&#8243;]<\/p>\r\n<h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Case study: Art Interrupted Visual Identity for a Cross-Platform Cultural Project<\/h2>\r\n\r\n<p>&nbsp;<\/p>\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2073\" src=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png-1024x213.webp\" alt=\"\" width=\"1024\" height=\"213\" srcset=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png-1024x213.webp 1024w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png-300x63.webp 300w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png-768x160.webp 768w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png-1536x320.webp 1536w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png-960x200.webp 960w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/screen-georgia_0.png.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\r\n<p>&nbsp;<\/p>\r\n\r\n<h1 class=\"wp-block-heading\">Intro<\/h1>\r\n\r\n<p>Art Interrupted is a visual identity project developed for Friedrich Naumann Foundation for Freedom. The project explores artistic freedom and the pressures artists face, and required a recognisable visual system that could work consistently across social media and video formats.<\/p>\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\r\n<div class=\"wp-block-embed__wrapper\">\r\n<p><iframe loading=\"lazy\" title=\"Art Interrupted Trailer\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/V6BoAbbmy2Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\r\n<\/div>\r\n<\/figure>\r\n<!-- \/wp:post-content -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Project snapshot<\/h2>\r\n<!-- \/wp:heading -->\r\n<p><!-- wp:paragraph --><strong>Client <\/strong>Friedrich Naumann Foundation for Freedom<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p><!-- wp:paragraph --><strong>Role <\/strong>Visual Identity Design<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p><!-- wp:paragraph --><strong>Scope <\/strong>Logo, key visual, quote cards, video stills, title frames, motion graphics elements, disclaimer screens<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">My role<\/h2>\r\n<!-- \/wp:heading -->\r\n<p><!-- wp:paragraph -->I developed the full visual identity of the project within the foundation\u2019s existing brand framework. This included creating the project logo and defining a visual direction that connected clearly to the project\u2019s title and theme, while working with the organisation\u2019s established dark blue and magenta palette. I worked in collaboration with the marketing manager, with proposals reviewed and approved together with the foundation\u2019s chair.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">The challenge<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph \/-->\r\n\r\n<!-- wp:html \/-->\r\n\r\n<!-- wp:image {\"id\":2072,\"width\":\"558px\",\"height\":\"auto\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"align\":\"center\"} -->\r\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.freiheit.org\/russia-and-central-asia\/chinas-influence-europe\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"422\" class=\"wp-image-2072\" style=\"width: 558px; height: auto;\" src=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mockup-chinas-influence-in-europe_1.png.webp\" alt=\"\" srcset=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mockup-chinas-influence-in-europe_1.png.webp 750w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mockup-chinas-influence-in-europe_1.png-300x169.webp 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\r\n<!-- \/wp:image -->\r\n<p><!-- wp:paragraph -->The main challenge was to create a distinct and memorable identity within a fixed institutional color system. Since the same brand colors are used across many different initiatives, the project risked feeling too similar to other campaigns. My task was to build a visual identity with its own recognisable character, while still remaining clearly connected to the organisation.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">The concept<\/h2>\r\n<!-- \/wp:heading -->\r\n<p><!-- wp:paragraph -->The concept grew directly from the word <strong>\u201cinterrupted\u201d<\/strong> in the project title. I associated it with glitch, digital distortion, broken continuity, and visual interference. This became the starting point for the identity: a visual language that suggests disruption and pressure, while also referencing glitch art as a form that transforms disruption into a new kind of expression.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<h2>\u00a0<\/h2>\r\n<h2 class=\"wp-block-heading\">Visual approach<\/h2>\r\n<!-- wp:image {\"id\":2074,\"width\":\"600px\",\"height\":\"auto\",\"align\":\"center\"} -->\r\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1491\" height=\"1055\" class=\"wp-image-2074\" style=\"width: 600px; height: auto;\" src=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/jjghcdtuhtvshkrtn6ty.webp\" alt=\"\" srcset=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/jjghcdtuhtvshkrtn6ty.webp 1491w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/jjghcdtuhtvshkrtn6ty-300x212.webp 300w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/jjghcdtuhtvshkrtn6ty-1024x725.webp 1024w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/jjghcdtuhtvshkrtn6ty-768x543.webp 768w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/jjghcdtuhtvshkrtn6ty-960x679.webp 960w\" sizes=\"auto, (max-width: 1491px) 100vw, 1491px\" \/><\/figure>\r\n<p>&nbsp;<\/p>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:heading \/-->\r\n<p><!-- wp:paragraph -->I translated this idea into a glitch-inspired system using fragmented letterforms, channel shifts, layered distortion, and controlled visual noise. The goal was to create tension and character without losing legibility or flexibility. Rather than using glitch as decoration, I used it as a visual mechanism directly linked to the theme.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Development process<\/h2>\r\n<!-- \/wp:heading -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:image {\"id\":2077,\"align\":\"center\"} -->\r\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"968\" class=\"wp-image-2077\" src=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-scaled.webp\" alt=\"\" srcset=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-scaled.webp 2560w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-300x113.webp 300w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-1024x387.webp 1024w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-768x290.webp 768w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-1536x581.webp 1536w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-2048x774.webp 2048w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/qn1dnkb6xm3iuurgsxel-960x363.webp 960w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n<p><!-- wp:paragraph -->The logo started as an intuitive experimental direction developed through sketching and visual testing. One of the key challenges was turning that raw visual idea into a professional, high-resolution design system that could work reliably across different formats and production needs. The final identity kept the energy of the initial experiment, but was refined into a scalable and consistent system.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:image {\"id\":2076,\"width\":\"526px\",\"height\":\"auto\",\"align\":\"center\"} -->\r\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" class=\"wp-image-2076\" style=\"width: 526px; height: auto;\" src=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-scaled.webp\" alt=\"Final approved version\" srcset=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-scaled.webp 2560w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-300x169.webp 300w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-1024x576.webp 1024w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-768x432.webp 768w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-1536x864.webp 1536w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-2048x1152.webp 2048w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/sdmh1y86zgvzgoy6ghuq-960x540.webp 960w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n<p><!-- wp:paragraph -->Final approved version<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Key visual system<\/h2>\r\n<!-- \/wp:heading -->\r\n<p><!-- wp:paragraph -->The key visual had to do several things at once: create instant recognition, set the tone of the project, attract attention, and hold the series together across both video and social media. It became the central anchor of the identity system, helping unify all supporting materials under one recognisable visual language.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Applications<\/h2>\r\n<!-- \/wp:heading -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:image {\"id\":2075,\"width\":\"486px\",\"height\":\"auto\",\"align\":\"center\"} -->\r\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1786\" height=\"998\" class=\"wp-image-2075\" style=\"width: 486px; height: auto;\" src=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk.webp\" alt=\"Social Media Quotes\" srcset=\"https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk.webp 1786w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk-300x168.webp 300w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk-1024x572.webp 1024w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk-768x429.webp 768w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk-1536x858.webp 1536w, https:\/\/drop.bg\/wp-content\/uploads\/2026\/04\/mdahakm0x1tfcyyvotsk-960x536.webp 960w\" sizes=\"auto, (max-width: 1786px) 100vw, 1786px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n<p><!-- wp:paragraph -->Social Media Quotes<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p><!-- wp:paragraph -->The identity was applied across a full set of campaign materials, including the logo, key visual, quote cards, video stills, title frames, motion graphics elements for the film edits, and disclaimer screens. This allowed the project to maintain a consistent visual thread across both expressive and functional formats.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">What I avoided<\/h2>\r\n<!-- \/wp:heading -->\r\n<p><!-- wp:paragraph -->I consciously avoided overly clean, sterile, or corporate-looking solutions. The project needed tension, texture, and character. A polished institutional style would have made the subject feel flatter and less specific.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:separator --><hr class=\"wp-block-separator has-alpha-channel-opacity\" \/><!-- \/wp:separator -->\r\n<p>&nbsp;<\/p>\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\r\n<!-- \/wp:heading -->\r\n<p><!-- wp:paragraph -->This project reflects an approach I often use in design: starting from language and meaning, then translating that into a visual system with its own internal logic. In this case, the logo became the conceptual anchor for the wider identity, and the identity itself became a way to carry the project\u2019s theme across both static and motion-based communication.Screen Art Interrupted<\/p>\r\n<!-- \/wp:paragraph -->\r\n<p><!-- wp:paragraph -->Art is universal, so are its problems. \u2018Art Interrupted\u2019 aims to explore the difficulties in the field of art, to raise broader awareness of the problems faced by artists, and to develop collective solutions to problems of freedom of expression in East and Southeast Europe. Limitations range from the global pandemic and economic crises; though authoritarianism, political oppression and self-censorship; to homophobia, xenophobia and social prejudice, to the financial struggles of independent artists.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph \/-->\r\n\r\n<!-- wp:image {\"width\":\"522px\",\"height\":\"auto\",\"linkDestination\":\"custom\",\"align\":\"center\"} -->\r\n<figure class=\"wp-block-image aligncenter is-resized\"><a class=\"cjSjld fAuomt fmBnhI dKCFRy fPSBzf iRgpoQ dVuiVB ddkMYd fNDdIP hYZFkb contra-default-embed\" href=\"https:\/\/www.freiheit.org\/east-and-southeast-europe\/focus\/art-interrupted-esee\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" style=\"width: 522px; height: auto;\" src=\"https:\/\/media.contra.com\/image\/upload\/ar_1.91,c_fill,fl_lossy,w_1200,q_auto:best\/pi7ymagte7puit0hnlll.avif\" alt=\"\" \/><\/a><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\"} -->\r\n<p class=\"has-text-align-center\">See the whole project at:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\"} -->\r\n<p class=\"has-text-align-center\"><a href=\"https:\/\/www.freiheit.org\/east-and-southeast-europe\/focus\/art-interrupted-esee\" target=\"_blank\" rel=\"noreferrer noopener\">Art Interrupted ESEE<\/a><a href=\"https:\/\/www.freiheit.org\/east-and-southeast-europe\/focus\/art-interrupted-esee\">https:\/\/www.freiheit.org\/east-and-southeast-europe\/focus\/art-interrupted-esee<\/a><\/p>\r\n<p><!-- \/wp:paragraph --><br \/><!-- wp:post-navigation-link \/-->\u00a0<\/p>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>","protected":false},"featured_media":2085,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-2071","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","types-case-study","types-graphic","types-illustration","types-web"],"_links":{"self":[{"href":"https:\/\/drop.bg\/index.php?rest_route=\/wp\/v2\/portfolio\/2071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drop.bg\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/drop.bg\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/drop.bg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/drop.bg\/index.php?rest_route=\/wp\/v2\/media\/2085"}],"wp:attachment":[{"href":"https:\/\/drop.bg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}