{"id":659,"date":"2025-09-11T11:02:29","date_gmt":"2025-09-11T11:02:29","guid":{"rendered":"http:\/\/portfolio.sofievestermark.dk\/?page_id=659"},"modified":"2025-12-23T12:55:38","modified_gmt":"2025-12-23T12:55:38","slug":"zero-buzz-brew","status":"publish","type":"page","link":"https:\/\/portfolio.sofievestermark.dk\/index.php\/projekter\/zero-buzz-brew\/","title":{"rendered":"zero buzz"},"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\">Zero Buzz Brew<\/h2>\n\n\n\n<p class=\"has-accent-1-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\"><em>UX \/ UI Projekt<\/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;6aa135ed8ca39&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa135ed8ca39\" class=\"wp-block-image size-full scale wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"1432\" 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\/09\/zerobuzz_beskrivelse.png\" alt=\"\" class=\"wp-image-765\" srcset=\"https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_beskrivelse.png 1366w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_beskrivelse-286x300.png 286w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_beskrivelse-977x1024.png 977w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_beskrivelse-768x805.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\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\">Zero Buzz brew er et UX\/UI gruppe-projekt, hvor m\u00e5let var at skabe en digital l\u00f8sning for et nyt fiktivt brand af alkoholfri \u00f8l. Projektet tager udgangspunkt i unges oplevelse af socialt drikkepres og \u00f8nsket om at kunne v\u00e6lge alkoholfri alternativer uden at miste f\u00e6llesskabsf\u00f8lelsen. Vores m\u00e5l var at skabe en visuel identitet, emballagedesign og et digitalt univers i form af en webshop og brandsite, der pr\u00e6senterer alkoholfri \u00f8l som en naturlig del af festkulturen, en \u201cpause-\u00f8l\u201d frem for et alternativ, der skiller sig ud.<\/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 deltog i hele processen, som blev styret efter Double Diamond-modellen. Vi gennemf\u00f8rte en grundig desk research, sp\u00f8rgeskemaer og interviews, som dannede grundlag for segmentering, persona og Value Proposition Canvas.<\/p>\n\n\n\n<p class=\"has-montserrat-font-family has-medium-font-size wp-block-paragraph\" style=\"line-height:1.6\">Vi skabte et typografisk logo med bl\u00f8de linjer, der signalerer f\u00e6llesskab og uh\u00f8jtidelighed fremfor fokus p\u00e5 \u201calkoholfri\u201d, for at styrke den visuelle identitet. \u00d8l-etiketter med blomsterinspirerede symboler koblet til smagsnoter, i nedtonede farver og 0,33L-d\u00e5ser blev skabt for at \u201cblende ind\u201d i sociale sammenh\u00e6nge. Vi udarbejdede wireframes, mockups og en f\u00e6rdig prototype i Figma, som vi testede og videreudviklede til en kodet l\u00f8sning med bl.a. age confirm-popup, webshop med kurv og filterfunktioner samt s\u00f8gning. <\/p>\n\n\n\n<p class=\"has-montserrat-font-family has-medium-font-size wp-block-paragraph\" style=\"line-height:1.6\">Motion design og AIDA-modellen blev brugt til at skabe en engagerende brugerrejse. <\/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;6aa135ed8d235&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa135ed8d235\" class=\"wp-block-image size-full scale wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"1432\" 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\/09\/zerobuzz_proces.png\" alt=\"\" class=\"wp-image-772\" srcset=\"https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_proces.png 1366w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_proces-286x300.png 286w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_proces-977x1024.png 977w, https:\/\/portfolio.sofievestermark.dk\/wp-content\/uploads\/2025\/09\/zerobuzz_proces-768x805.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;6aa135ed8d64f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aa135ed8d64f\" class=\"wp-block-image size-full scale wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"1432\" 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\/09\/zerobuzz_resultat.gif\" alt=\"\" class=\"wp-image-763\"\/><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 blev et fuldt digitalt produkt: en f\u00e6rdigudviklet hjemmeside med webshop samt en visuel identitet og emballagedesign. L\u00f8sningen g\u00f8r alkoholfri \u00f8l til et attraktivt valg, uden at det opleves som et kompromis, og normaliserer det at kunne veksle mellem alkohol og alkoholfrie alternativer gennem en aften. Projektet viser, hvordan man med research, designstrategi og interaktiv udvikling kan skabe en brugercentreret l\u00f8sning, der b\u00e5de im\u00f8dekommer m\u00e5lgruppens sociale behov og brandets v\u00e6rdi om f\u00e6llesskab.<\/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>Zero Buzz Brew UX \/ UI Projekt Beskrivelse af projekt Zero Buzz brew er et UX\/UI gruppe-projekt, hvor m\u00e5let var at skabe en digital l\u00f8sning for et nyt fiktivt brand af alkoholfri \u00f8l. Projektet tager udgangspunkt i unges oplevelse af socialt drikkepres og \u00f8nsket om at kunne v\u00e6lge alkoholfri alternativer uden at miste f\u00e6llesskabsf\u00f8lelsen. Vores [&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-659","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/659","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=659"}],"version-history":[{"count":42,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"predecessor-version":[{"id":1463,"href":"https:\/\/portfolio.sofievestermark.dk\/index.php\/wp-json\/wp\/v2\/pages\/659\/revisions\/1463"}],"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=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}