{"id":216,"date":"2025-12-18T23:01:26","date_gmt":"2025-12-18T23:01:26","guid":{"rendered":"https:\/\/proces.theresaeggersen.dk\/?page_id=216"},"modified":"2025-12-18T23:01:26","modified_gmt":"2025-12-18T23:01:26","slug":"projekt-3-semesterproeve","status":"publish","type":"page","link":"https:\/\/proces.theresaeggersen.dk\/index.php\/projekt-3-semesterproeve\/","title":{"rendered":"Projekt 3 &#8211; Semesterpr\u00f8ve"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-accent-4-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-490fa1db wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-650790e1 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Html og Css website<\/h1>\n\n\n\n<div style=\"height:1.25rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">I dette projekt skulle vi arbejde med design thinking og kodning i Html og Css, for at lave vores hel egen hjemmeside fra scratch.<\/p>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">Ved brug af viden fra undervisning, egen research, lidt AI og hj\u00e6lp fra l\u00e6rer og andre studerende fra Multimediedesign studiet, har jeg lavet en hjemme side som jeg er ret stolt over. <\/p>\n\n\n\n<p class=\"has-text-align-center\">Form\u00e5let med hjemmesiden er at ligesom &#8220;s\u00e6lge sig selv&#8221; til fremtidige arbejdsgivere, om det er inde for en bestemt m\u00e5lgruppe eller en bredere en som eksempelvis freelancer.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-650790e1 wp-block-group-is-layout-constrained\">\n<div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"1897\" height=\"771\" src=\"https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Forisde.png\" alt=\"\" class=\"wp-image-217\" srcset=\"https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Forisde.png 1897w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Forisde-300x122.png 300w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Forisde-1024x416.png 1024w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Forisde-768x312.png 768w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Forisde-1536x624.png 1536w\" sizes=\"auto, (max-width: 1897px) 100vw, 1897px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d89aad35 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-6329a8f3 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-default\">Design thinking<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Design thinking var en af de vigtige ting vi skulle have i baghovedet mens vi arbejdede med vores projekt 3 eller semester pr\u00f8ve. <\/p>\n\n\n\n<p class=\"has-text-align-center\">Da vores opgave omhandler at &#8220;s\u00e6lge os selv&#8221; til l\u00e6rer og fremtidighede arbejdsgivere, s\u00e5 at overvejede hvad man vil med sig selv og ens kompetencer er vigtigt for en fremtid i design verdenen. <\/p>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d1c656ed wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);\"><strong>Empathise<\/strong><\/p>\n\n\n\n<p>Det sv\u00e6re ved at starte p\u00e5 projektet var ikke at vide hvor man skulle starte, da opgaven prim\u00e6rt var at selv kode sin egen hjemmeside. Var det lidt skr\u00e6mmende at starte. Men ved hj\u00e6lp at design thinking gjorde det hele oplevelsen mere overskuelig og nemmere at tage fat i.<\/p>\n\n\n\n<p>Det F\u00f8rste jeg begyndte at overvejede da jeg startede, var at finde ud af hvad jeg enligt ville med min hjemmeside, hvem jeg vil rette dem mod, og hvordan den skulle se ud. S\u00e5 det var frem til tegnede bordet og s\u00e5 i gang. Da jeg f\u00f8rst begyndte at lave research, snakke med medstudernde, l\u00e6ere og familie. Kom jeg frem til at v\u00e6re freelancer nok var bedst for mig, da mine kompetancer inde for design var mere general og fordi at jeg gerne vil have muligheden for at arbejde for en bredere gruppe af mennseker. <\/p>\n\n\n\n<p class=\"has-text-align-left\">Det gav mig en forst\u00e5else for, at min m\u00e5lgruppe er relativt bred, og at mit fokus derfor burde v\u00e6re p\u00e5 at fremst\u00e5 im\u00f8dekommende, professionel og fleksibel.<\/p>\n\n\n\n<p style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);\"><strong>Define<\/strong><\/p>\n\n\n\n<p>Efter at jeg havde fundet frem til hvad jeg ville med min hjemmeside og hvilken vej jeg ville g\u00e5 med den. Gik jeg i gang med at overveje hvad der skulle med p\u00e5 min hjemmeside for at g\u00f8re den s\u00e5 overskueligt som muligt men alligevel afspejle mig som person og designer. <\/p>\n\n\n\n<p class=\"has-text-align-left\">For bedre at kunne definere hvad jeg ville med min hjemmeside arbejdede jeg videre med samtaler, egen research og mindre erfaringer med freelancing. Jeg n\u00e5ede frem til, at mit projekt skulle afspejle, at jeg gerne vil kunne arbejde bredt som freelancer og have mulighed for at bev\u00e6ge mig frit mellem forskellige typer opgaver og mennesker.<\/p>\n\n\n\n<p style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);\"><strong>Ideate<\/strong><\/p>\n\n\n\n<p>Her begyndte jeg at overveje hvad det var jeg ville have med i min portfolio og hvordan jeg ville fremvise det. Jeg ville gerne s\u00f8rger for at min portfolio var overskelig, minimalistiskt, mildt professionelt, men ogsp cozy og personlig. Da sjeg som m\u00e5ske fremtidige freelancer gerne vil s\u00f8ger for at mine kompetancer og sj\u00e6l vil kunne ses p\u00e5 siden.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Det var til tider sv\u00e6rt helt at vide, hvad der skulle til for at f\u00e5 det hele til at fremst\u00e5 im\u00f8dekommende og sammenh\u00e6ngende. Jeg arbejdede derfor med forskellige id\u00e9er til struktur, indhold og udtryk for at finde en balance mellem det professionelle og det mere personlige.<\/p>\n\n\n\n<p style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);\"><strong>Prototyping<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left\">Gennem projektet arbejdede jeg med at lave mindre prototyper af min hjemmeside, eller i hvert fald skabe noget, som min medstuderene kunne give feedback p\u00e5. Form\u00e5let var at unders\u00f8ge, om hjemmesiden var noget, de kunne se sig selv bruge, og om den gav et godt indtryk af mig som en kompetent fremtidig freelancer.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Jeg lavede b\u00e5de lo-fi-tegninger og hi-fi-skitser i Canva for at f\u00e5 en bedre id\u00e9 om layout, struktur og det visuelle udtryk. Disse prototyper hjalp mig med at samle mine tanker og udvikle portfolioen gradvist.<\/p>\n\n\n\n<p style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);\"><strong>Test<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left\">L\u00f8bende gennem projektet testede jeg mit arbejde for at se, om hjemmesiden var noget, som min andre kunne se som at v\u00e6re overskueligt og im\u00f8dekommende for fremtidige arbejdsgivere og l\u00e6rer Jeg fik feedback fra forskellige personer gennem hele projektet, mest medstuderende og andre venner, hvilket resulterede i blandede, men overordnet positive og brugbare tilbagemeldinger.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Jeg oplevede generelt, at den minimalistiske, men komfortable og rolige vibe, som jeg gik efter, blev taget godt imod. Flere n\u00e6vnte, at hjemmesiden var nem at navigere i, og at den fremstod overskuelig.<\/p>\n\n\n\n<p>Mit m\u00e5l har v\u00e6ret at fremst\u00e5 som en freelancer med et mildt professionelt, men samtidig cozy udtryk, der kan arbejde frit med forskellige fra diverse brancher.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-4-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d89aad35 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-6329a8f3 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-default\">Refleksion<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-62aae154\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d1c656ed wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left\">Dette projekt har givet mig en st\u00f8rre forst\u00e5else for b\u00e5de Design Thinking og den praktiske proces bag at opbygge en hjemmeside fra bunden i HTML og CSS. I starten virkede opgaven overv\u00e6ldende, is\u00e6r fordi kodning ikke er mit st\u00e6rkeste udgangspunkt. Jeg oplevede usikkerhed omkring, hvor jeg skulle starte, og hvordan jeg bedst kunne strukturere b\u00e5de mit design og mit indhold. Her blev Design Thinking en vigtig st\u00f8tte, da det gav mig en metode til at bryde opgaven ned i mindre og mere overskuelige dele.<\/p>\n\n\n\n<p>Gennem empathise- og define-faserne blev jeg mere bevidst om, hvem jeg er som designer, og hvilken retning jeg gerne vil bev\u00e6ge mig i. Jeg fandt frem til, at en freelance-tilgang passer bedst til mine kompetencer og interesser, da jeg arbejder bredt og trives med at kunne tilpasse mig forskellige mennesker og opgaver. Denne erkendelse har haft stor betydning for b\u00e5de indholdet og udtrykket p\u00e5 min hjemmeside, da jeg bevidst har arbejdet med at fremst\u00e5 im\u00f8dekommende, professionel og fleksibel.<\/p>\n\n\n\n<p>Ideate- og prototype-faserne l\u00e6rte mig, at gode l\u00f8sninger sj\u00e6ldent opst\u00e5r i f\u00f8rste fors\u00f8g. Jeg m\u00e5tte acceptere, at meget af mit arbejde bestod af trial and error \u2013 b\u00e5de i forhold til layout, struktur og kodning. Selvom det til tider var frustrerende, har det givet mig en st\u00f8rre forst\u00e5else for, hvordan id\u00e9er udvikler sig gennem iteration, og hvordan feedback kan bruges konstruktivt til at forbedre et produkt.<\/p>\n\n\n\n<p>Testfasen viste mig v\u00e6rdien af at inddrage andre i sin proces. Feedback fra medstuderende og venner gav mig nye perspektiver p\u00e5 mit arbejde og hjalp mig med at justere b\u00e5de brugervenlighed og det visuelle udtryk. Den overordnede positive respons p\u00e5 den minimalistiske og rolige stil bekr\u00e6ftede mig i, at mit valg af udtryk fungerede i forhold til projektets form\u00e5l.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Samlet set har projektet styrket min selvtillid i forhold til b\u00e5de kodning og designproces. Jeg har l\u00e6rt, at Design Thinking ikke n\u00f8dvendigvis er noget, man f\u00f8lger slavisk, men en fleksibel metode, der kan st\u00f8tte ens beslutninger og refleksioner undervejs. Projektet har gjort mig mere bevidst om mine styrker som designer og givet mig et bedre fundament for fremtidige projekter, hvor jeg skal pr\u00e6sentere mig selv og mine kompetencer professionelt.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Esben-og-mig-1024x768.jpg\" alt=\"\" class=\"wp-image-221 size-full\" srcset=\"https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Esben-og-mig-1024x768.jpg 1024w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Esben-og-mig-300x225.jpg 300w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Esben-og-mig-768x576.jpg 768w, https:\/\/proces.theresaeggersen.dk\/wp-content\/uploads\/2025\/12\/Esben-og-mig.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);\"><strong>Studiegrupper<\/strong><\/p>\n\n\n\n<p>Gennem projektet har jeg arbejdede t\u00e6t sammen med en fantastisk gruppe af medstuderende som jeg er ret glad for. Jeg har arbejdet med mine gode venner, Esben og Josefine. ud over dem snakkede jeg ogs\u00e5 med nogle f\u00e5 fra hold 2, de var rigtig s\u00f8de til at hj\u00e6lpe og de var altid villige til at svarer p\u00e5 sp\u00f8rgsm\u00e5l De var en rigtig stor hj\u00e6lp gennem processen, til at spar ideer med og stille sp\u00f8rgsm\u00e5l til om de var dumme eller ej. <\/p>\n\n\n\n<p>Det var meget rart at have en gruppe til at kunne grine med, gr\u00e6de lidt med og selvf\u00f8lge arbejde med. For at kunne f\u00e5 feedback p\u00e5 sin portfolio og kodning.  <\/p>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Html og Css website I dette projekt skulle vi arbejde med design thinking og kodning i Html og Css, for at lave vores hel egen hjemmeside fra scratch. Ved brug af viden fra undervisning, egen research, lidt AI og hj\u00e6lp fra l\u00e6rer og andre studerende fra Multimediedesign studiet, har jeg lavet en hjemme side som [&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-216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":3,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages\/216\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}