{"id":1574,"date":"2025-12-25T09:59:22","date_gmt":"2025-12-25T09:59:22","guid":{"rendered":"https:\/\/portfolio.sofievestermark.dk\/?page_id=1574"},"modified":"2026-01-04T08:58:35","modified_gmt":"2026-01-04T08:58:35","slug":"radar-2","status":"publish","type":"page","link":"https:\/\/portfolio.sofievestermark.dk\/index.php\/projekter\/radar-2\/","title":{"rendered":"Radar"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-c73b32fd wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide is-style-default is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-left is-style-default has-raleway-font-family\" style=\"font-size:clamp(2.629rem, 2.629rem + ((1vw - 0.2rem) * 3.215), 5rem);font-style:normal;font-weight:300;letter-spacing:0em\">RADAR<\/h2>\n\n\n\n<p class=\"has-accent-1-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\"><em>MULTIMEDIEPRODUKTION<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-35cc110b wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-633b684a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6aa1360c6b5f0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa1360c6b5f0\" class=\"wp-block-image size-full scale wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"819\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar1.gif\" alt=\"\" class=\"wp-image-1579\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-efbad980 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 class=\"wp-block-heading has-raleway-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Beskrivelse af projekt<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.305), 1.1rem);line-height:1.7\">Red Radar er et individuelt UX\/UI- og webudviklingsprojekt, hvor form\u00e5let var at skabe en ny visuel identitet og et website for det kulturelle spillested Radar i Aarhus. Projektet tager udgangspunkt i Radars udfordring med manglende synlighed og en usikker fremtid, da den offentlige st\u00f8tte oph\u00f8rer i 2025.<br>M\u00e5let var at tydeligg\u00f8re Radars kulturelle v\u00e6rdi, styrke f\u00e6llesskabsf\u00f8lelsen omkring stedet og engagere en bredere, yngre m\u00e5lgruppe, ved at vise Radar som mere end et spillested: et kulturelt samlingspunkt med intime oplevelser, f\u00e6llesskab og kreativitet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.169), 1rem);\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.169), 1rem);\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-6cc3ad63 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-ca2dd60b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading has-raleway-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Proces<\/h2>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-montserrat-font-family has-medium-font-size wp-block-paragraph\" style=\"line-height:1.6\">Jeg arbejdede med en brugercentreret designproces baseret p\u00e5 kvalitative interviews, sp\u00f8rgeskemaer og observationer af unge i Aarhus samt kunstnere. Indsigterne blev samlet i affinity diagrams, <em>How Might We<\/em>-sp\u00f8rgsm\u00e5l, persona og Value Proposition Canvas, som dannede grundlag for informationsarkitektur, sitemap og designbeslutninger.<\/p>\n\n\n\n<div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-montserrat-font-family has-medium-font-size wp-block-paragraph\" style=\"line-height:1.6\">Designprocessen omfattede moodboards, analoge og digitale skitser, wireframes og mockups til web, tablet og mobil. Den visuelle identitet er inspireret af Radars fysiske rammer og atmosf\u00e6re med et h\u00e5ndskrevet logo, m\u00f8rk koncertstemning og neoninspirede farver, der signalerer energi, autenticitet og f\u00e6llesskab.<\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-montserrat-font-family has-medium-font-size wp-block-paragraph\" style=\"line-height:1.6\">Websitet er kodet fra bunden i HTML og CSS med fokus p\u00e5 responsivitet, semantiske tags og teknisk SEO. Der er arbejdet med performance, accessibility, Lighthouse-optimering samt struktur via sitemap, robots.txt og interne links.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.169), 1rem);\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.169), 1rem);\">.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0;flex-basis:50%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6aa1360c6bc5d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa1360c6bc5d\" class=\"wp-block-image size-full scale wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"1365\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar2.png\" alt=\"\" class=\"wp-image-1580\" srcset=\"https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar2.png 1366w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar2-300x300.png 300w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar2-1024x1024.png 1024w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar2-150x150.png 150w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/radar2-768x767.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-35cc110b wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-633b684a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6aa1360c6c02c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa1360c6c02c\" class=\"wp-block-image size-full scale wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"819\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/12\/Radar3.gif\" alt=\"\" class=\"wp-image-1582\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-efbad980 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 class=\"wp-block-heading has-raleway-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Resultat<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.305), 1.1rem);line-height:1.7\">Resultatet er et fuldt kodet, responsivt website med en st\u00e6rk visuel identitet, der formidler Radars stemning, v\u00e6rdier og kulturelle betydning. L\u00f8sningen g\u00f8r det nemt at opdage events, k\u00f8be billetter og engagere sig i Radar \u2013 b\u00e5de som g\u00e6st og potentiel supporter.<br>Projektet demonstrerer min evne til at kombinere UX-research, visuel designstrategi og frontend-udvikling i en sammenh\u00e6ngende, brugerorienteret l\u00f8sning med et klart form\u00e5l og st\u00e6rk fort\u00e6lling.<\/p>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.305), 1.1rem);line-height:1.7\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.169), 1rem);\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.169), 1rem);\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>RADAR MULTIMEDIEPRODUKTION Beskrivelse af projekt Red Radar er et individuelt UX\/UI- og webudviklingsprojekt, hvor form\u00e5let var at skabe en ny visuel identitet og et website for det kulturelle spillested Radar i Aarhus. Projektet tager udgangspunkt i Radars udfordring med manglende synlighed og en usikker fremtid, da den offentlige st\u00f8tte oph\u00f8rer i 2025.M\u00e5let var at tydeligg\u00f8re [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":69,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1574","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/1574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1574"}],"version-history":[{"count":8,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/1574\/revisions"}],"predecessor-version":[{"id":1644,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/1574\/revisions\/1644"}],"up":[{"embeddable":true,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/69"}],"wp:attachment":[{"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}