{"id":252,"date":"2025-09-17T13:27:10","date_gmt":"2025-09-17T13:27:10","guid":{"rendered":"https:\/\/portfolio.mariesb.dk\/?page_id=252"},"modified":"2025-09-19T05:45:21","modified_gmt":"2025-09-19T05:45:21","slug":"ux-ui","status":"publish","type":"page","link":"https:\/\/portfolio.mariesb.dk\/index.php\/ux-ui\/","title":{"rendered":"UX\/UI"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-section-2 has-custom-color-3-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-2--1\" 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 class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"226\" src=\"https:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/zbb.webp\" alt=\"\" class=\"wp-image-253\" srcset=\"https:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/zbb.webp 227w, https:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/zbb-150x150.webp 150w\" sizes=\"auto, (max-width: 227px) 100vw, 227px\" \/><\/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-0c22cdd7 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 class=\"wp-block-heading has-custom-color-1-color has-text-color has-link-color has-playfair-display-font-family has-xx-large-font-size wp-elements-1\" style=\"font-style:normal;font-weight:700\">ZeroBuzzBrew<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"macbook-wrapper\">\n  <video autoplay loop muted playsinline>\n    <source src=\"http:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/uxui.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <img decoding=\"async\" src=\"http:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/mac-png.webp\" alt=\"MacBook frame\">\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-2 wp-block-paragraph\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">I dette projekt udviklede vi en webshop og visuel identitet for ZeroBuzz Brew \u2013 et fiktivt mikrobryggeri med fokus p\u00e5 alkoholfri \u00f8l. M\u00e5let var at positionere brandet som det oplagte valg for unge i alderen 18-25 \u00e5r og samtidig kommunikere kernev\u00e6rdien: <em>Sammenhold er vigtigere end alkohol<\/em>.<\/p>\n\n\n\n<p class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-3 wp-block-paragraph\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">Projektet havde to hovedm\u00e5l:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-4\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">At skabe en intuitiv og engagerende webshop, hvor brugerne nemt kan udforske og bestille alkoholfri \u00f8l.<\/li>\n\n\n\n<li class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-5\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">At udvikle en visuel identitet og digital l\u00f8sning, der kommunikerer bryggeriets kernev\u00e6rdi: <em>Sammenhold er vigtigere end alkohol<\/em>.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-6 wp-block-paragraph\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">Vi arbejdede med moodboards, skitser, wireframes og mockups, som blev samlet i en designmanual med retningslinjer for logo, typografi, farver og billedstil. Derudover udarbejdede vi infographics og en animatics til et tv-spot for at styrke brandets fort\u00e6lling.<\/p>\n\n\n\n<p class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-7 wp-block-paragraph\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">P\u00e5 UX-delen udviklede vi og testede prototyper i Figma, hvor fokus l\u00e5 p\u00e5 usability, onboarding og et smidigt brugerflow. Den tekniske l\u00f8sning blev implementeret i HTML, CSS og JavaScript, bl.a. med funktioner til indk\u00f8bskurv og LocalStorage. Samarbejdet foregik via GitHub med l\u00f8bende commits.<\/p>\n\n\n\n<p class=\"has-custom-color-1-color has-text-color has-link-color has-inter-font-family wp-elements-8 wp-block-paragraph\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40)\">Resultatet blev en moderne og brugervenlig webshop, der kombinerer et ungdommeligt design med en enkel k\u00f8bsoplevelse \u2013 og g\u00f8r alkoholfri \u00f8l til et naturligt valg i sociale f\u00e6llesskaber.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-custom-color-4-color has-custom-color-1-background-color has-text-color has-background has-link-color has-playfair-display-font-family wp-elements-9\" style=\"font-style:normal;font-weight:700\">Marie Schriver Bjerrehuus<\/h2>\n\n\n\n<div class=\"wp-block-columns alignfull has-custom-color-1-background-color has-background is-layout-flex wp-container-core-columns-is-layout-71693221 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-custom-color-3-color has-custom-color-1-background-color has-text-color has-background has-link-color has-playfair-display-font-family wp-elements-10 wp-block-paragraph\" style=\"padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50);font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.88), 1.6rem);font-style:normal;font-weight:700\">Kontakt:<\/p>\n\n\n\n<p class=\"has-text-align-left has-custom-color-3-color has-custom-color-1-background-color has-text-color has-background has-link-color has-inter-font-family wp-elements-11 wp-block-paragraph\" style=\"padding-top:0;padding-bottom:0;font-style:normal;font-weight:700\"><br>Mail: mariebjerrehuus@hotmail.com<br><br>Telefon: 20677796<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"http:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/linkedinfarvet-removebg-preview.png\" alt=\"\" class=\"wp-image-71\" style=\"width:224px\" srcset=\"https:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/linkedinfarvet-removebg-preview.png 500w, https:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/linkedinfarvet-removebg-preview-300x300.png 300w, https:\/\/portfolio.mariesb.dk\/wp-content\/uploads\/2025\/09\/linkedinfarvet-removebg-preview-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ZeroBuzzBrew I dette projekt udviklede vi en webshop og visuel identitet for ZeroBuzz Brew \u2013 et fiktivt mikrobryggeri med fokus p\u00e5 alkoholfri \u00f8l. M\u00e5let var at positionere brandet som det oplagte valg for unge i alderen 18-25 \u00e5r og samtidig kommunikere kernev\u00e6rdien: Sammenhold er vigtigere end alkohol. Projektet havde to hovedm\u00e5l: Vi arbejdede med moodboards, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-252","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/pages\/252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":3,"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/pages\/252\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/pages\/252\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/portfolio.mariesb.dk\/index.php\/wp-json\/wp\/v2\/media?parent=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}