{"id":1857,"date":"2025-09-18T09:54:40","date_gmt":"2025-09-18T09:54:40","guid":{"rendered":"https:\/\/ellenator.dk\/?p=1857"},"modified":"2025-09-18T17:43:59","modified_gmt":"2025-09-18T17:43:59","slug":"1857","status":"publish","type":"post","link":"https:\/\/ellenator.dk\/index.php\/2025\/09\/18\/1857\/","title":{"rendered":"ZeroBuzz Brew"},"content":{"rendered":"\n<div class=\"simple-typewriter tw-header\">\n  <h1 class=\"title\"><\/h1>\n\n  <style>\n    .simple-typewriter.tw-header { \n      position: relative; \n      z-index: 1000;\n      text-align: center;\n      margin-top: -50px;\n    }\n    .simple-typewriter.tw-header .title {\n      font-size: clamp(16px, 4vw, 40px);\n      line-height: 1.2;\n      margin: 0 auto 40px auto;\n      background-color: #fffbf0;\n      display: inline-block; \n      padding: 0 1em;\n      position: relative;\n      transform: translateY(57px);\n      z-index: 1001;\n      white-space: nowrap;\n    }\n    @media (max-width: 1000px) {\n      .simple-typewriter.tw-header .title {\n        white-space: normal;\n        word-break: break-word;\n      }\n    }\n    .simple-typewriter.tw-header .cursor {\n      display: inline-block;\n      width: 2px;\n      height: 1em;\n      background: currentColor;\n      animation: blink 1s steps(1) infinite;\n      vertical-align: bottom;\n    }\n    @keyframes blink {\n      50% { opacity: 0; }\n    }\n  <\/style>\n\n  <script>\n    (function () {\n      var root = document.currentScript.closest('.simple-typewriter.tw-header');\n      var text = \"ZeroBuzz Brew\";\n      var el = root.querySelector('.title');\n      var cursor = document.createElement('span');\n      cursor.className = 'cursor';\n      el.appendChild(cursor);\n      var i = 0;\n      function typeWriter() {\n        if (i < text.length) {\n          cursor.insertAdjacentText(\"beforebegin\", text.charAt(i));\n          i++;\n          setTimeout(typeWriter, 100);\n        }\n      }\n      typeWriter();\n    })();\n  <\/script>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-border-color has-custom-br-ndt-orange-border-color has-custom-br-ndt-orange-color has-text-color has-link-color wp-elements-c12ea13a780003f45b4a327c22a29c07 wp-block-paragraph\" style=\"border-width:2px;margin-top:0;margin-right:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\">Hvordan pr\u00e6senterer man alkoholfri \u00f8l for unge, s\u00e5 det ikke f\u00f8les kedeligt eller moraliserende \u2013 men tv\u00e6rtimod sjovt, l\u00e6kkert og inkluderende?<br>Det sp\u00f8rgsm\u00e5l tog min projektgruppe og jeg fat p\u00e5 i samarbejde med ZeroBuzz Brew, et fiktivt mikrobryggeri med missionen: <em>\u201cSammenhold er vigtigere end alkohol.\u201d<\/em> <br>Sammen udviklede vi en digital platform, der skulle g\u00f8re brandet levende gennem storytelling og visuel identitet. For at forst\u00e5 m\u00e5lgruppen arbejdede vi med research, segmentering, personas og brugerrejser. P\u00e5 den baggrund skabte vi logo, ikonserie, smagsguide og infografik \u2013 samlet i en designmanual, der gav ZeroBuzz Brew en tydelig og genkendelig visuel identitet. <br>Vi byggede prototyper, testede brugerflows og optimerede l\u00f8bende ud fra feedback. Samtidig arbejdede vi med UX-writing og onboarding for at sikre, at webshoppen f\u00f8ltes enkel, indbydende og nem at navigere i. Til sidst udviklede vi en l\u00f8sning i HTML, CSS og JavaScript, hvor karruseller og dynamiske elementer gjorde oplevelsen mere levende og engagerende. <br>Projektet viste os, at selv alkoholfri \u00f8l kan f\u00f8les som det naturlige valg, n\u00e5r branding og visuel identitet spiller sammen.<\/p>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-584dd0e1 wp-block-columns-is-layout-flex\" style=\"margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50);padding-right:8%;padding-left:8%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);flex-basis:25%\">\n<div class=\"image-overlay\">\n  <img decoding=\"async\" src=\"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Logo-med-blomst-blaa-baggrund-scaled.png\" alt=\"Logo med blomst\">\n  <div class=\"overlay-text\">\n    Under projektet udviklede vi tre versioner af samme logo. Her ser du det ene. \n    I udviklingen lagde vi v\u00e6gt p\u00e5 den klassiske runde form fra mange andre \u00f8lm\u00e6rker \n    og at indbringe naturlige elementer.\n  <\/div>\n<\/div>\n\n<style>\n.image-overlay {\n  position: relative;\n  display: inline-block;\n  max-width: 100%;\n}\n.image-overlay img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n.overlay-text {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1rem;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  text-align: center;\n  padding: 20px;\n  background-color: rgba(0, 0, 0, 0.6); \/* g\u00f8r teksten lettere at l\u00e6se *\/\n  color: #fff;\n}\n.image-overlay:hover .overlay-text {\n  opacity: 1;\n}\n<\/style>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"946\" style=\"aspect-ratio: 1920 \/ 946;\" width=\"1920\" autoplay loop muted src=\"https:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/ZeroBuzz-forside.mp4\" playsinline><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.196), 1rem);flex-basis:50%\">\n<h1 id=\"typewriter\"><\/h1>\r\n\r\n<style>\r\n  #typewriter {\r\n    font-size: 40px;\r\n    line-height: 1.2;\r\n    min-height: 2.4em;\r\n    white-space: pre-wrap;\r\n  }\r\n  .cursor {\r\n    display: inline-block;\r\n    width: 2px;\r\n    height: 1em;\r\n    background: currentColor;\r\n    animation: blink 1.4s steps(1) infinite;\r\n    vertical-align: bottom;\r\n  }\r\n  @keyframes blink { 50% { opacity: 0; } }\r\n<\/style>\r\n\r\n<script>\r\nconst text = \"De bedste\\nbidder\";\r\nlet i = 0;\r\nconst el = document.getElementById(\"typewriter\");\r\nconst cursor = document.createElement(\"span\");\r\ncursor.className = \"cursor\";\r\nel.appendChild(cursor);\r\nfunction typeWriter() {\r\n  if (i < text.length) {\r\n    const ch = text.charAt(i);\r\n    if (ch === \"\\n\") {\r\n      cursor.insertAdjacentHTML(\"beforebegin\", \"<br>\");\r\n    } else {\r\n      cursor.insertAdjacentText(\"beforebegin\", ch);\r\n    }\r\n    i++;\r\n    setTimeout(typeWriter, 120);\r\n  }\r\n}\r\nconst observer = new IntersectionObserver((entries, obs) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      typeWriter();\r\n      obs.disconnect();\r\n    }\r\n  });\r\n}, { threshold: 0.5 });\r\nobserver.observe(el);\r\n<\/script>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-40e3b77b wp-block-columns-is-layout-flex\" style=\"padding-top:0\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.809), 1.5rem);flex-basis:80%\">\n<p class=\"has-text-align-left wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--30);font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.196), 1rem);\">Det bedste ved projektet var at skabe en digital oplevelse, der pr\u00e6senterede ZeroBuzz Brew som et friskt og ungt alternativ til de store bryggerier. Vi udviklede en visuel identitet som gav brandet en tydelig og legende stemme.<br><\/p>\n\n\n\n<div class=\"image-overlay\">\n  <img decoding=\"async\" src=\"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Ordre-2.png\" alt=\"Ordreskabelon\">\n  <div class=\"overlay-text\">\n    Vi udviklede en ordreskabelon \u2013 vores f\u00f8rste, men ikke eneste, printmateriale i projektet. Det er relevant, da ZeroBuzz Brew ofte ville skulle sende fakturaer. Derfor skal de aspekter ogs\u00e5 afspejle brandets visuelle identitet.\n  <\/div>\n<\/div>\n\n<style>\n.image-overlay {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  max-width: 600px;\n  margin: 40px auto;\n}\n.image-overlay img {\n  display: block;\n  width: 100%;\n  height: auto;\n  transition: opacity 0.3s ease;\n}\n.overlay-text {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-size: 1rem;\n  background: rgba(0,0,0,.3);\n  text-align: center;\n  padding: 20px;\n  opacity: 0;\n  transition: opacity .3s ease;\n}\n.image-overlay:hover img {\n  opacity: .5;\n}\n.image-overlay:hover .overlay-text {\n  opacity: 1;\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-bottom:var(--wp--preset--spacing--50);flex-basis:90%\">\n<div class=\"image-overlay\">\n  <img decoding=\"async\" src=\"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/IkonerJa-scaled.png\">\n  <div class=\"overlay-text\">Her ser du vores ikonserie, designet til bagsiden af \u00f8llen, s\u00e5 forbrugeren nemt kan matche \u00f8l og m\u00e5ltid. I smagsguiden nedenfor forklares ikonerne n\u00e6rmere.\n  <\/div>\n<\/div>\n\n<style>\n.image-overlay {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  max-width: 600px;\n  margin: 40px auto;\n}\n.image-overlay img {\n  display: block;\n  width: 100%;\n  height: auto;\n  transition: opacity 0.3s ease;\n}\n.overlay-text {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  font-size: 1rem;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  background: rgba(0, 0, 0, 0.3);\n  text-align: center;\n  padding: 20px;\n}\n.image-overlay:hover img {\n  opacity: 0.5;\n}\n.image-overlay:hover .overlay-text {\n  opacity: 1;\n}\n<\/style>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.196), 1rem);\">Samtidig arbejdede vi med at g\u00f8re webshoppen enkel at navigere igennem, klare strukturer, visuelle cues og et design, der talte direkte til m\u00e5lgruppen. F\u00f8r musen over billederne for at l\u00e6se mere.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);flex-basis:25%\">\n<figure style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\" class=\"wp-block-video\"><video height=\"946\" style=\"aspect-ratio: 1920 \/ 946;\" width=\"1920\" autoplay loop muted src=\"https:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/ZeroBuzz-Om.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div class=\"custom-overlay\"\n     data-image=\"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Ikonografi-scaled.png\"\n     data-text=\"Smagsguiden fungerer som en infografik, der giver forbrugeren et hurtigt overblik over \u00f8llens smagsnuancer og anvendelse. Vores ikonserie indg\u00e5r som en central del af guiden og g\u00f8r det enkelt at se, hvilke \u00f8l der passer til forskellige m\u00e5ltider og situationer.\">\n<\/div>\n\n<style>\n  .custom-overlay {\n    position: relative;\n    display: block;\n    overflow: hidden;\n    max-width: 500px;\n    margin: 40px auto;\n  }\n  .custom-overlay img {\n    display: block;\n    width: 100%;\n    height: auto;\n    transition: opacity 0.3s ease;\n  }\n  .custom-overlay .overlay-text {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: white;\n    font-size: 1rem;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    background: rgba(0, 0, 0, 0.3);\n    text-align: center;\n    padding: 20px;\n  }\n  .custom-overlay:hover img {\n    opacity: 0.5;\n  }\n  .custom-overlay:hover .overlay-text {\n    opacity: 1;\n  }\n<\/style>\n\n<script>\n  document.querySelectorAll('.custom-overlay').forEach(el => {\n    const img = document.createElement('img');\n    img.src = el.getAttribute('data-image');\n    img.alt = \"Overlay billede\";\n    const text = document.createElement('div');\n    text.className = 'overlay-text';\n    text.textContent = el.getAttribute('data-text');\n    el.appendChild(img);\n    el.appendChild(text);\n  });\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"tw-competencer tw-tegner\">\n  <h1 class=\"tw-title\"><\/h1>\n\n  <style>\n    .tw-competencer.tw-tegner { \n      position: relative; \n      z-index: 1000;\n      background: none;\n    }\n    .tw-competencer.tw-tegner .tw-title {\n      font-size: 40px;\n      line-height: 1;\n      white-space: pre-wrap;\n      margin-left: 5%; \n      margin-bottom: -40px;\n      transform: none; \n      position: relative;\n      z-index: 1001;\n      background: none;\n    }\n    .tw-competencer.tw-tegner .tw-cursor {\n      display: inline-block;\n      width: 2px;\n      height: 1em;\n      background: currentColor;\n      animation: twc-blink 1.4s steps(1) infinite;\n      vertical-align: bottom;\n    }\n    @keyframes twc-blink { 50% { opacity: 0; } }\n  <\/style>\n\n  <script>\n  (function () {\n    var root = document.currentScript ? document.currentScript.closest('.tw-competencer.tw-tegner') : null;\n    if (!root) return;\n    var text = \"Designmanual\";\n    var el = root.querySelector('.tw-title');\n    if (!el) return;\n    var cursor = document.createElement('span');\n    cursor.className = 'tw-cursor';\n    el.appendChild(cursor);\n    var i = 0, started = false;\n    function typeWriter() {\n      if (i < text.length) {\n        var ch = text.charAt(i);\n        if (ch === \"\\n\") {\n          cursor.insertAdjacentHTML(\"beforebegin\", \"<br>\");\n        } else {\n          cursor.insertAdjacentText(\"beforebegin\", ch);\n        }\n        i++;\n        setTimeout(typeWriter, 80);\n      }\n    }\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting && !started) {\n          started = true;\n          typeWriter();\n          obs.unobserve(el);\n        }\n      });\n    }, { threshold: 0.25, rootMargin: \"0px 0px -20% 0px\" });\n    observer.observe(el);\n  })();\n  <\/script>\n<\/div>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\n\n<style>\n  .zb-carousel { --gap: 10px; position: relative; margin-top: 0; }\n  .zb-carousel .swiper { width: 90%; margin-inline: auto; }\n  .zb-carousel .swiper-slide {\n    display: flex; align-items: center; justify-content: center;\n    height: 360px; background: #fffbf0;\n  }\n  .zb-carousel img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }\n  .zb-carousel .swiper-pagination {\n    position: relative;\n    margin-top: -10px;\n    text-align: center;\n  }\n  .zb-carousel .swiper-pagination-bullet { background: #bc3908; opacity: .4; }\n  .zb-carousel .swiper-pagination-bullet-active { background: #bc3908; opacity: 1; }\n<\/style>\n\n<div class=\"zb-carousel\"\n     role=\"region\"\n     aria-label=\"ZeroBuzz Brew \u2013 designguide\"\n     data-images='[\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161301.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161342.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161403.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161418.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161432.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161446.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161500.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161514.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161528.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161542.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161554.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161607.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161619.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161633.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161646.png\",\n       \"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Skaermbillede-2025-09-18-161659.png\"\n     ]'>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n  document.querySelectorAll('.zb-carousel').forEach((carousel, i) => {\n    let images = [];\n    try {\n      images = JSON.parse(carousel.getAttribute('data-images') || '[]');\n    } catch(e) {\n      images = (carousel.getAttribute('data-images') || '').split(',').map(s => s.trim());\n    }\n    const swiperEl = document.createElement('div');\n    swiperEl.className = 'swiper';\n    const wrapper = document.createElement('div');\n    wrapper.className = 'swiper-wrapper';\n    images.forEach((src, idx) => {\n      const slide = document.createElement('div');\n      slide.className = 'swiper-slide';\n      const img = document.createElement('img');\n      img.loading = 'lazy';\n      img.src = src;\n      img.alt = (src.split('\/').pop() || `Slide ${idx+1}`).replace(\/[-_]\/g,' ').split('.')[0];\n      slide.appendChild(img);\n      wrapper.appendChild(slide);\n    });\n    const pagination = document.createElement('div');\n    pagination.className = 'swiper-pagination';\n    swiperEl.appendChild(wrapper);\n    swiperEl.appendChild(pagination);\n    carousel.appendChild(swiperEl);\n    new Swiper(swiperEl, {\n      loop: true,\n      speed: 550,\n      slidesPerView: 3,\n      spaceBetween: 28,\n      centeredSlides: false,\n      watchOverflow: true,\n      breakpoints: {\n        0:   { slidesPerView: 1, spaceBetween: 14 },\n        768: { slidesPerView: 2, spaceBetween: 20 },\n        1024:{ slidesPerView: 3, spaceBetween: 28 }\n      },\n      keyboard: { enabled: true },\n      a11y: { enabled: true },\n      pagination: { el: pagination, clickable: true },\n      autoplay: { delay: 3000, disableOnInteraction: false }\n    });\n  });\n<\/script>\n\n\n\n<div class=\"wp-block-group has-custom-br-ndt-orange-color has-custom-beige-background-color has-text-color has-background has-link-color wp-elements-6d72b992c2f8254e677460fd449c9c86 is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.353), 1.1rem);\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0;padding-top:var(--wp--preset--spacing--40);font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.353), 1.1rem);\">Er du nysgerrig p\u00e5 mere, kan du downloade vores rapport eller designmanual \u2013 og pr\u00f8ve produktet via linksene herunder.<\/p>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size is-content-justification-center is-nowrap is-layout-flex wp-container-core-buttons-is-layout-17853046 wp-block-buttons-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:0;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.196), 1rem);\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-custom-br-ndt-orange-color has-accent-5-background-color has-text-color has-background has-link-color has-border-color has-custom-br-ndt-orange-border-color has-small-font-size has-custom-font-size wp-element-button\" href=\"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Rapport-ZeroBuzz-Brew.pdf\" style=\"border-width:2px;border-radius:0px\">Rapport<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-custom-br-ndt-orange-color has-custom-beige-background-color has-text-color has-background has-link-color has-border-color has-custom-br-ndt-orange-border-color has-small-font-size has-text-align-center has-custom-font-size wp-element-button\" href=\"http:\/\/ellenator.dk\/wp-content\/uploads\/2025\/09\/Designmanual-ZeroBuzz-Brew.pdf\" style=\"border-width:2px;border-radius:0px\">Designmanual<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-custom-br-ndt-orange-color has-custom-beige-background-color has-text-color has-background has-link-color has-border-color has-custom-br-ndt-orange-border-color has-small-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/zerobuzzbrew.axelriis.dk\/\" style=\"border-width:2px;border-radius:0px\">Produkt<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hvordan pr\u00e6senterer man alkoholfri \u00f8l for unge, s\u00e5 det ikke f\u00f8les kedeligt eller moraliserende \u2013 men tv\u00e6rtimod sjovt, l\u00e6kkert og inkluderende? Det sp\u00f8rgsm\u00e5l tog min projektgruppe og jeg fat p\u00e5 i samarbejde med ZeroBuzz Brew, et fiktivt mikrobryggeri med missionen: &#8220;Sammenhold er vigtigere end alkohol&#8221;.<\/p>\n","protected":false},"author":1,"featured_media":1893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1857","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/posts\/1857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1857"}],"version-history":[{"count":15,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/posts\/1857\/revisions"}],"predecessor-version":[{"id":1975,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/posts\/1857\/revisions\/1975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/media\/1893"}],"wp:attachment":[{"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/categories?post=1857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ellenator.dk\/index.php\/wp-json\/wp\/v2\/tags?post=1857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}