{"id":57,"date":"2025-09-11T13:17:36","date_gmt":"2025-09-11T13:17:36","guid":{"rendered":"https:\/\/portfolio.idasaabyfeld.dk\/?page_id=57"},"modified":"2025-09-18T21:24:31","modified_gmt":"2025-09-18T21:24:31","slug":"projekter","status":"publish","type":"page","link":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/projekter\/","title":{"rendered":"MINE PROJEKTER"},"content":{"rendered":"<h1 style=\"font-size:clamp(40.387px, 2.524rem + ((1vw - 3.2px) * 3.491), 76px);padding-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--30);padding-left:0.8em\" class=\"has-link-color wp-elements-1 wp-block-post-title has-text-color has-accent-3-color has-archivo-black-font-family\">MINE PROJEKTER<\/h1>\n\n\n<style>\n\/* CSS f\u00f8rst *\/\n.carousel {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\n.carousel-track {\n  display: flex;\n  gap: 10px;\n}\n\n.carousel-track img {\n  width: 247px;\n  height: 334px;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n<\/style>\n\n<!-- HTML -->\n<div class=\"carousel\">\n  <div class=\"carousel-track\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/gotfred.webp\" alt=\"gotfred\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/ceramics.webp\" alt=\"ceramics\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/radar-1.webp\" alt=\"radar\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/buzz.webp\" alt=\"zerobuzzbrew\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/domen.webp\" alt=\"domen\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/steno.webp\" alt=\"steno\">\n    <img decoding=\"async\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/anew.webp\" alt=\"anew home\">\n  <\/div>\n<\/div>\n\n<script>\n\/* JavaScript for smooth uendelig loop *\/\nconst track = document.querySelector('.carousel-track');\nconst slides = Array.from(track.children);\nconst slideWidth = slides[0].offsetWidth + 10; \/\/ + gap\n\n\/\/ Lav en kopi af slides for at skabe kontinuerlig loop\nslides.forEach(slide => {\n  const clone = slide.cloneNode(true);\n  track.appendChild(clone);\n});\n\nlet position = 0;\nconst speed = 1; \/\/ pixels per frame, juster for hastighed\n\nfunction animate() {\n  position -= speed;\n  if (position <= -slideWidth * slides.length) {\n    \/\/ n\u00e5r original slides er v\u00e6k, nulstil position glidende\n    position = 0;\n  }\n  track.style.transform = `translateX(${position}px)`;\n  requestAnimationFrame(animate);\n}\n\n\/\/ Start animationen\nanimate();\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading has-montserrat-font-family has-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--20);margin-left:3.2em;font-style:normal;font-weight:500;line-height:1.5\">1. SEMESTER<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7eb1c73 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7eb99832 wp-block-columns-is-layout-flex\" style=\"padding-left:0.9em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-0b1ff286 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-montserrat-font-family has-xx-large-font-size\" style=\"margin-left:0\">GOTFRED\/<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(1.124rem, 1.124rem + ((1vw - 0.2rem) * 0.998), 1.76rem);\">gruppe<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul style=\"margin-right:0;margin-left:-19px;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\" class=\"wp-block-list\">\n<li class=\"has-montserrat-font-family\">Responsiv brugervenlighed<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">UX\/UI<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">Webudvikling<\/li>\n<\/ul>\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.196), 1rem);line-height:1.8\">Gotfred er et konditori beliggende ved Aarhus Havn. I dette projekt udviklede vi en responsiv webshop med henblik p\u00e5 at opn\u00e5 erfaring inden for brugervenlighed og design p\u00e5 tv\u00e6rs af forskellige enheder. Webshoppen blev designet til <strong>mobil<\/strong>, <strong>tablet<\/strong> og <strong>desktop<\/strong> med fokus p\u00e5 at sikre en optimal brugeroplevelse uanset sk\u00e6rmst\u00f8rrelse.<br><br>Som en del af projektet udviklede vi desuden grafiske elementer s\u00e5som logo, favicon og ikon. Designet er karakteriseret ved et minimalistisk og nordisk udtryk med fokus p\u00e5 enkelhed. Endvidere arbejdede vi med typografi og valgte en elegant skrifttype, der underst\u00f8tter det overordnede visuelle koncept.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-montserrat-font-family has-custom-font-size wp-element-button\" href=\"https:\/\/gotfred.idasaabyfeld.dk\/\" style=\"background-color:#2e6fbf;font-size:0.75rem;font-style:normal;font-weight:600\" target=\"_blank\" rel=\"noreferrer noopener\">SE PROJEKTET<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"1036\" style=\"aspect-ratio: 1558 \/ 1036;\" width=\"1558\" autoplay loop muted src=\"https:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/gotfred.device.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right has-montserrat-font-family has-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--20);margin-left:0em;font-style:normal;font-weight:500;line-height:1.5\">1. SEMESTER<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7eb1c73 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7eb99832 wp-block-columns-is-layout-flex\" style=\"padding-left:0.9em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video .wp-block-video {  max-width: 85% !important; margin: 0 auto; }\"><video height=\"1030\" style=\"aspect-ratio: 1548 \/ 1030;\" width=\"1548\" autoplay loop muted src=\"https:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/radar_device.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-0b1ff286 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-montserrat-font-family has-xx-large-font-size\" style=\"margin-left:0\">RADAR\/<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(1.124rem, 1.124rem + ((1vw - 0.2rem) * 0.998), 1.76rem);\">Individuelt<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul style=\"margin-right:0;margin-left:-19px;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\" class=\"wp-block-list\">\n<li class=\"has-montserrat-font-family\">Responsivt webdesign<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">UX\/UI<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">Webudvikling<\/li>\n<\/ul>\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.196), 1rem);line-height:1.8\">Radar er et kulturelt spillested beliggende p\u00e5 Godsbanen i Aarhus, der underst\u00f8tter nichepr\u00e6gede musikgenrer. I dette projekt udviklede jeg et website med det form\u00e5l at engagere unge aarhusianere, synligg\u00f8re Radars kulturelle betydning samt mobilisere st\u00f8tte i en periode pr\u00e6get af \u00f8konomisk usikkerhed.<br><br>Projektet havde s\u00e6rligt fokus p\u00e5 responsiv brugervenlighed. Til den visuelle identitet valgte jeg en skarp orange farve til tekstindholdet for at tiltr\u00e6kke m\u00e5lgruppens opm\u00e6rksomhed. Derudover designede jeg et logo i en illustrativ stil. Arbejdsprocessen omfattede b\u00e5de desk research og kvalitative interviews, som bidrog til at underbygge designbeslutningerne.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-montserrat-font-family has-custom-font-size wp-element-button\" href=\"https:\/\/radarlive.idasaabyfeld.dk\/\" style=\"background-color:#2e6fbf;font-size:0.75rem;font-style:normal;font-weight:600\" target=\"_blank\" rel=\"noreferrer noopener\">SE PROJEKTET<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-montserrat-font-family has-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--20);margin-left:3.2em;font-style:normal;font-weight:500;line-height:1.5\">3. SEMESTER<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7eb1c73 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7eb99832 wp-block-columns-is-layout-flex\" style=\"padding-left:0.9em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-0b1ff286 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-montserrat-font-family has-xx-large-font-size\" style=\"margin-left:0\">ANEW HOME\/<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(1.124rem, 1.124rem + ((1vw - 0.2rem) * 0.998), 1.76rem);\">gruppe<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul style=\"margin-right:0;margin-left:-19px;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\" class=\"wp-block-list\">\n<li class=\"has-montserrat-font-family\">E-commerce<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">Produktkategorier og produktkort<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">UX\/UI<\/li>\n<\/ul>\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.196), 1rem);line-height:1.8\"><em>Anew Home<\/em> var et kortvarigt projekt, hvor vi udviklede en online shop til privat salg af genbrugsvarer. Form\u00e5let var at opn\u00e5 en introduktion til WordPress og WooCommerce samt at opbygge en grundl\u00e6ggende forst\u00e5else for webshop-struktur og g\u00e6ngse UX-konventioner.<br><br>Da projektet havde karakter af en introduktion, resulterede l\u00f8sningen i et relativt enkelt visuelt udtryk. Vi prioriterede is\u00e6r billedmaterialet og brugervenligheden p\u00e5 hjemmesiden. Som en del af det grafiske arbejde designede vi et illustrativt logo, der underst\u00f8ttede den samlede visuelle identitet.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-montserrat-font-family has-custom-font-size wp-element-button\" href=\"https:\/\/garage.maloustoustrup.dk\/\" style=\"background-color:#2e6fbf;font-size:0.75rem;font-style:normal;font-weight:600\" target=\"_blank\" rel=\"noreferrer noopener\">SE PROJEKTET<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"866\" style=\"aspect-ratio: 1352 \/ 866;\" width=\"1352\" autoplay loop muted src=\"https:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/anew.device.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right has-montserrat-font-family has-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--20);margin-left:0em;font-style:normal;font-weight:500;line-height:1.5\">2. SEMESTER<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7eb1c73 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-5ecdaf0d wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--50);padding-left:0.9em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video .wp-block-video {  max-width: 85% !important; margin: 0 auto; }\"><video height=\"864\" style=\"aspect-ratio: 1370 \/ 864;\" width=\"1370\" autoplay loop muted src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/Skaermoptagelse-2025-09-18-kl.-13.48.22-2.mov\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-0b1ff286 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-montserrat-font-family has-xx-large-font-size\" style=\"margin-left:0\">STENO<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(1.124rem, 1.124rem + ((1vw - 0.2rem) * 0.998), 1.76rem);\">gruppe<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul style=\"margin-right:0;margin-left:-19px;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\" class=\"wp-block-list\">\n<li class=\"has-montserrat-font-family\">Interaktiv storytelling<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">UX\/UI<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">JavaScript, CSS, HTML<\/li>\n<\/ul>\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.196), 1rem);line-height:1.8\">I forbindelse med vores eksamensprojekt samarbejdede vi med Steno Museet om udviklingen af en interaktiv digital l\u00f8sning til udstillingen Den Oversete Krop. Form\u00e5let med projektet var at formidle et kropsrelateret emne til unge i udskolingen gennem sanselig og legende interaktivitet, som kunne fungere som supplement til museets fysiske udstilling. Vi valgte at fokusere p\u00e5 ADHD som tema. Som led i udviklingen skabte vi grafiske elementer, herunder udklip, idet vi besluttede at anvende scrapbooking som gennemg\u00e5ende visuelt koncept.<br><br>Projektet er tilt\u00e6nkt en st\u00f8rre sk\u00e6rm til udstillingen og derfor er den ikke responsiv, hvilket g\u00f8r den ikke fungerer optimalt p\u00e5 mindre sk\u00e6rme.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-montserrat-font-family has-custom-font-size wp-element-button\" href=\"https:\/\/steno.michellebirkkjaer.dk\/\" style=\"background-color:#2e6fbf;font-size:0.75rem;font-style:normal;font-weight:600\" target=\"_blank\" rel=\"noreferrer noopener\">SE PROJEKTET<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-montserrat-font-family has-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--20);margin-left:3.2em;font-style:normal;font-weight:500;line-height:1.5\">2. SEMESTER<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7eb1c73 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7eb99832 wp-block-columns-is-layout-flex\" style=\"padding-left:0.9em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-0b1ff286 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-montserrat-font-family has-xx-large-font-size\" style=\"margin-left:0\">Zerobuzz Brew\/<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(1.124rem, 1.124rem + ((1vw - 0.2rem) * 0.998), 1.76rem);\">gruppe<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul style=\"margin-right:0;margin-left:-19px;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\" class=\"wp-block-list\">\n<li class=\"has-montserrat-font-family\">UX: Brugerrejse og Funktionalitet<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">Content: Infographics og animatics<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">UI: Visuel identitet og designmanual<\/li>\n\n\n\n<li class=\"has-montserrat-font-family\">Webudvikling<\/li>\n<\/ul>\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.196), 1rem);line-height:1.8\">ZeroBuzz Brew er et fiktivt mikrobryggeri, der s\u00f8ger at udfordre markedet for alkoholfri \u00f8l. Projektets form\u00e5l var at udvikle en webshop m\u00e5lrettet unge mellem 18 og 25 \u00e5r med fokus p\u00e5 brugervenlighed, brandidentitet og f\u00e6llesskab omkring alkoholfri alternativer. Webshoppen skulle pr\u00e6sentere produkterne, underst\u00f8tte et intuitivt bestillingsflow og kommunikere den centrale kernev\u00e6rdi: at sammenhold er vigtigere end alkohol.<br><br>I projektet udviklede vi en r\u00e6kke designm\u00e6ssige elementer, herunder logo, ikoner, emballagedesign, infografik og reklamefilm. S\u00e6rligt emballagedesignet var i fokus, hvor vi valgte at illustrere mennesker i f\u00e6llesskab som et visuelt udtryk for brandets v\u00e6rdi af sammenhold.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-montserrat-font-family has-custom-font-size wp-element-button\" href=\"https:\/\/www.zerobuzzbrew.luciskroder.dk\/\" style=\"background-color:#2e6fbf;font-size:0.75rem;font-style:normal;font-weight:600\" target=\"_blank\" rel=\"noreferrer noopener\">SE PROJEKTET<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video .wp-block-video {  max-width: 85% !important; margin: 0 auto; }\"><video height=\"876\" style=\"aspect-ratio: 1346 \/ 876;\" width=\"1346\" autoplay loop muted src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/buzz.device-1.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right has-montserrat-font-family has-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--20);margin-left:0em;font-style:normal;font-weight:500;line-height:1.5\">2. SEMESTER<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7eb1c73 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7eb99832 wp-block-columns-is-layout-flex\" style=\"padding-left:0.9em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1852\" src=\"http:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/ceramics-1-scaled.webp\" alt=\"\" class=\"wp-image-600\" srcset=\"https:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/ceramics-1-scaled.webp 2560w, https:\/\/portfolio.idasaabyfeld.dk\/wp-content\/uploads\/2025\/09\/ceramics-1-300x217.webp 300w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-0b1ff286 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-montserrat-font-family has-xx-large-font-size\" style=\"margin-left:0\">CECILIE CERAMICS\/<\/h2>\n\n\n\n<p class=\"has-montserrat-font-family wp-block-paragraph\" style=\"font-size:clamp(1.124rem, 1.124rem + ((1vw - 0.2rem) * 0.998), 1.76rem);\">gruppe<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul style=\"margin-right:0;margin-left:-19px;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);\" class=\"wp-block-list\">\n<li class=\"has-montserrat-font-family\">Designmanual<\/li>\n<\/ul>\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.196), 1rem);line-height:1.8\">Cecilie Ceramics var et endagsprojekt i klassen, hvor vi skulle udarbejde en designmanual for en fiktiv virksomhed. Som led i processen s\u00f8gte vi inspiration p\u00e5 Pinterest og identificerede en r\u00e6kke designelementer, som blev integreret i vores visuelle l\u00f8sninger. Vi valgte at arbejde med et stilrent udtryk, hvor typografien blev h\u00e5ndskrevet for at underst\u00f8tte det \u00e6stetiske koncept.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n.typewriter {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\nmargin-left: 8rem;\nmargin-right: 3rem;\nfont-weight: semibold;\n}\n\n.typewriter .line {\n  font-family: montserrat;\n  font-size: 5.4rem;\n  color: #0E5AAE;\n  overflow: hidden;\n  white-space: nowrap;\n  display: inline-block;\n  letter-spacing: 5px;\n  width: 0;\n}\n\n\/* Cursor kun p\u00e5 linje 1 *\/\n.typewriter.animate .line1 {\n  border-right: .2rem solid #473b30;\n  animation: typing1 2s steps(20,end) forwards;\n}\n\n\/* Linje 2 uden cursor *\/\n.typewriter.animate .line2 {\n  animation: typing2 2s steps(14,end) forwards 2.2s;\n}\n\n@keyframes typing1 {\n  from { width: 0; }\n  to { width: 21ch; border-right-color: transparent; }\n}\n\n@keyframes typing2 {\n  from { width: 0; }\n  to { width: 15ch; }\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n<div class=\"typewriter\" id=\"myTypewriter\">\n  <span class=\"line line1\">SKAL JEG V\u00c6RE EN DEL<\/span>\n  <span class=\"line line2\">AF JERES TEAM?<\/span>\n<\/div>\n\n<script>\nconst typewriter = document.getElementById('myTypewriter');\n\nconst observer = new IntersectionObserver(entries => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      \/\/ Fjern animation og tving reflow\n      typewriter.classList.remove('animate');\n      void typewriter.offsetWidth; \n      \/\/ Tilf\u00f8j animation igen\n      typewriter.classList.add('animate');\n    } else {\n      \/\/ Fjern animation for at nulstille\n      typewriter.classList.remove('animate');\n    }\n  });\n}, { threshold: 0.5 });\n\nobserver.observe(typewriter);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>1. SEMESTER GOTFRED\/ gruppe Gotfred er et konditori beliggende ved Aarhus Havn. I dette projekt udviklede vi en responsiv webshop med henblik p\u00e5 at opn\u00e5 erfaring inden for brugervenlighed og design p\u00e5 tv\u00e6rs af forskellige enheder. Webshoppen blev designet til mobil, tablet og desktop med fokus p\u00e5 at sikre en optimal brugeroplevelse uanset sk\u00e6rmst\u00f8rrelse. Som [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-navbar-portfolio","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":190,"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":1135,"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions\/1135"}],"wp:attachment":[{"href":"https:\/\/portfolio.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}