<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Procesportfolio</title>
	<atom:link href="https://proces.baramjoll.dk/feed/" rel="self" type="application/rss+xml" />
	<link>https://proces.baramjoll.dk</link>
	<description></description>
	<lastBuildDate>Thu, 28 May 2026 10:37:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>P5 Eksamensprojekt</title>
		<link>https://proces.baramjoll.dk/p5-eksamensprojekt/</link>
					<comments>https://proces.baramjoll.dk/p5-eksamensprojekt/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 28 May 2026 10:37:07 +0000</pubDate>
				<category><![CDATA[2. Semester]]></category>
		<category><![CDATA[Projects]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=315</guid>

					<description><![CDATA[<p>Design Thinking som procesmodel I P5 arbejdede vi ud fra Design Thinking som overordnet procesmodel. Modellen passede godt til projektet, fordi vi både skulle forstå en målgruppe, udvikle en digital løsning og løbende teste vores valg. Processen var ikke helt lineær, da vi flere gange gik tilbage og justerede løsningen ud fra feedback og nye [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/p5-eksamensprojekt/">P5 Eksamensprojekt</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">Design Thinking som procesmodel</h2>



<p class="wp-block-paragraph">I P5 arbejdede vi ud fra Design Thinking som overordnet procesmodel. Modellen passede godt til projektet, fordi vi både skulle forstå en målgruppe, udvikle en digital løsning og løbende teste vores valg. Processen var ikke helt lineær, da vi flere gange gik tilbage og justerede løsningen ud fra feedback og nye indsigter.</p>



<h2 class="wp-block-heading">1. Discovery – opstart og research</h2>



<p class="wp-block-paragraph">I starten af projektet skabte vi overblik over casen, gruppens arbejdsform og de første opgaver. Vi opbyggede et SCRUM-board, fordelte roller og lavede en produkt backlog, så vi havde en fælles struktur for arbejdet. Jeg havde rollen som SCRUM Master og kvalitetsansvarlig, hvor jeg blandt andet holdt overblik over boardet, fordelte opgaver og fulgte op på fremdriften.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="688" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-201900-1024x688.png" alt="" class="wp-image-318" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-201900-1024x688.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-201900-300x202.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-201900-768x516.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-201900.png 1129w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="345" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112421-1024x345.png" alt="" class="wp-image-316" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112421-1024x345.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112421-300x101.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112421-768x259.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112421-1536x518.png 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112421.png 1850w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Vi arbejdede med desk research, risikoanalyse, interessentanalyse, KWHL, spørgeskema og interview med Benedikte Brechmann. Formålet var at forstå både virksomheden, målgruppen og den kontekst, løsningen skulle indgå i.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="970" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202731-1024x970.png" alt="" class="wp-image-317" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202731-1024x970.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202731-300x284.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202731-768x727.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202731.png 1414w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Min egen rolle i denne fase var især at indsamle og bearbejde data. Jeg lavede tre interviews og arbejdede med affinity diagramming, hvor interviewdata blev opdelt i temaer som overblik, tryghed, rådgivning, tillid og forholdet mellem digital og personlig kontakt. Jeg lavede ikke selve spørgeskemaet, men sendte det ud i både danske og islandske Facebook-grupper for at få en bredere målgruppe af personer bosat i Danmark.</p>



<h2 class="wp-block-heading">2. Interpretation – fra data til problemforståelse</h2>



<p class="wp-block-paragraph">Efter researchfasen samlede vi vores indsigter og begyndte at se tydelige mønstre. Det blev især klart, at boligkøb ofte opleves som en kompleks proces, hvor information er spredt på tværs af mails, banker, ejendomsmæglere og dokumenter.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="909" height="1024" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203102-909x1024.png" alt="" class="wp-image-319" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203102-909x1024.png 909w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203102-266x300.png 266w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203102-768x865.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203102.png 1159w" sizes="auto, (max-width: 909px) 100vw, 909px" /></figure>



<p class="wp-block-paragraph">Researchen viste også, at målgruppen ikke nødvendigvis ønskede en fuldt digital løsning. De havde stadig behov for personlig rådgivning, tillid og menneskelig kontakt. Derfor blev vores retning ikke at erstatte rådgiveren, men at skabe en digital platform, der kunne støtte brugeren med struktur, overblik og tryghed gennem boligkøbsprocessen.</p>



<p class="wp-block-paragraph">I denne fase arbejdede jeg videre med at omsætte indsigterne til problemformulering og user stories. User stories hjalp os med at gøre brugernes behov mere konkrete og koble dem til funktioner i løsningen.</p>



<h2 class="wp-block-heading">3. Ideation – idéudvikling og konceptretning</h2>



<p class="wp-block-paragraph">Efter research og problemforståelse arbejdede vi med idéudvikling. Vi brugte Crazy 8’s til hurtigt at få mange idéer frem og prioriterede derefter idéerne efter relevans for appen og SoMe-delen.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="509" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202950-1024x509.png" alt="" class="wp-image-323" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202950-1024x509.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202950-300x149.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202950-768x382.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-202950.png 1264w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">De stærkeste idéer handlede blandt andet om dokumentoverblik, kalender/bookning, Q&amp;A, favorithuse, anmeldelser og mulighed for at flere brugere kunne have adgang til samme boligkøbsproces.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="978" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203026-1024x978.png" alt="" class="wp-image-324" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203026-1024x978.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203026-300x287.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203026-768x734.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203026.png 1275w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Jeg og Jamie lavede også et moodboard og arbejdede med style tile for at undersøge, hvordan det visuelle udtryk kunne hænge sammen med Benedikte Brechmanns eksisterende hjemmeside. Her havde jeg især fokus på whitespace, ro og et professionelt udtryk, så løsningen ikke virkede for tung eller uoverskuelig.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="774" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203217.png" alt="" class="wp-image-325" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203217.png 583w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203217-226x300.png 226w" sizes="auto, (max-width: 583px) 100vw, 583px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="579" height="515" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203303.png" alt="" class="wp-image-326" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203303.png 579w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-203303-300x267.png 300w" sizes="auto, (max-width: 579px) 100vw, 579px" /></figure>



<h2 class="wp-block-heading">4. Experimentation – wireframes, test og iteration</h2>



<p class="wp-block-paragraph">Vi startede med low-fi wireframes, før vi gik videre til high-fi. Det gjorde det muligt at teste struktur, funktioner og brugerflow tidligt uden at låse os fast på det visuelle udtryk.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="639" height="715" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-205426.png" alt="" class="wp-image-327" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-205426.png 639w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-205426-268x300.png 268w" sizes="auto, (max-width: 639px) 100vw, 639px" /></figure>



<p class="wp-block-paragraph">Der blev brugertestet i flere faser, blandt andet med think aloud, og der blev også arbejdet med A/B test og open card sorting i forbindelse med prototype-feedback. Feedbacken blev brugt til at justere wireframes, mockup og navigation, så løsningen blev udviklet ud fra brugernes reaktioner og ikke kun vores egne antagelser.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="576" height="1024" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1-576x1024.png" alt="" class="wp-image-329" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1-576x1024.png 576w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1-169x300.png 169w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1-768x1365.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1-864x1536.png 864w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1-1152x2048.png 1152w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/SoMe-comic-1.png 1242w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>



<p class="wp-block-paragraph">Samtidig arbejdede gruppen videre med personaer, konkurrentanalyse, SoMe-content, mockup og andre dele af konceptudviklingen. Vi var gode til at fordele opgaverne mellem os, så app-delen, researchdelen og kommunikationsdelen kunne udvikles parallelt. </p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="616" height="680" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112807.png" alt="" class="wp-image-321" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112807.png 616w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-28-112807-272x300.png 272w" sizes="auto, (max-width: 616px) 100vw, 616px" /></figure>



<p class="wp-block-paragraph">Jeg havde tidligere arbejdet med dataindsamling, interviews og affinity diagramming, men i denne fase fik jeg afsluttet det sidste interview og kunne derfor færdiggøre analysearbejdet. Det betød, at jeg kunne samle indsigterne og bruge dem som grundlag for den endelige problemformulering og de user stories, jeg udviklede. På den måde blev brugernes behov omsat til mere konkrete funktioner og brugerrejser i løsningen.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="722" height="1001" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-205336.png" alt="" class="wp-image-322" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-205336.png 722w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/Screenshot-2026-05-27-205336-216x300.png 216w" sizes="auto, (max-width: 722px) 100vw, 722px" /></figure>



<h2 class="wp-block-heading">5. Evolution – kode, pitch og aflevering</h2>



<p class="wp-block-paragraph">I den sidste del af processen blev projektet mere produktionsorienteret. Vi arbejdede med midvejspitch, high-fi prototype, klientrapport, procesvideo og kodning af den digitale løsning.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/P5-midvejspitch-1024x768.jpg" alt="" class="wp-image-330" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/P5-midvejspitch-1024x768.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/P5-midvejspitch-300x225.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/P5-midvejspitch-768x576.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/P5-midvejspitch-1536x1152.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/P5-midvejspitch-2048x1536.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Kodningen gjorde projektet mere krævende, fordi vi skulle omsætte design og prototype til HTML, CSS og JavaScript. Jeg arbejdede især med min egen del af koden og nåede omkring 95% i Sprint 3. Det viste mig, hvor vigtigt det er at have en klar struktur, når design, dokumentation og kode udvikles samtidig.</p>



<p class="wp-block-paragraph">I denne fase arbejdede vi meget individuelt med hver vores kode. Det var vigtigt, at de forskellige dele af løsningen kunne hænge sammen, selvom vi arbejdede på forskellige områder.</p>



<p class="wp-block-paragraph">I Sprint 4 opstod der en situation, hvor en i gruppen havde haft en svær uge og derfor var kommet bagud med sin del af koden. Det skabte mere stress, men fordi vi havde haft godt styr på opgaverne, væltede det ikke projektet. Som gruppe mødte vi situationen med både forståelse og tydelig forventningsafstemning. Personen tog ansvar og kom stærkt tilbage i processen.</p>



<p class="wp-block-paragraph">Den sidste uge handlede primært om finpudsning og klargøring til aflevering. Vi gik projektets dele igennem, rettede små detaljer og samlede den kodede løsning, design systemet, klientrapporten, procesvideoen og procesportfolioet. Vi gennemgik blandt andet responsivitet, footer, media queries og HTML-struktur, så de kodede dele fungerede bedre sammen.</p>



<p class="wp-block-paragraph">For mig handlede afslutningen især om at bevare overblikket og sikre, at min egen del var færdig og kunne indgå i det samlede projekt.</p>



<h2 class="wp-block-heading">Refleksion</h2>



<p class="wp-block-paragraph">Overordnet er jeg meget tilfreds med min egen indsats i projektet og med gruppedynamikken generelt. Projektet var stort, intensivt og vigtigt, og derfor er det også naturligt, at der opstår små udfordringer, når fire forskellige personer skal arbejde tæt sammen over længere tid. Jeg oplevede dog ikke, at de udfordringer skabte alvorlige kommunikationsproblemer eller påvirkede stemningen i gruppen negativt.</p>



<p class="wp-block-paragraph">Tværtimod oplevede jeg, at vi var gode til at tage tingene op, når der opstod noget. Når der kom et problem eller en misforståelse, var fokus ikke på at placere skyld, men på at finde en fælles løsning. Det gjorde, at gruppen fungerede rigtig godt, selvom vi var forskellige som personer og havde forskellige måder at arbejde på. Jeg ser det faktisk som en styrke, fordi vi kunne se projektet fra flere perspektiver og bidrage med forskellige kompetencer.</p>



<p class="wp-block-paragraph">For mig har projektet især styrket min evne til at arbejde i en gruppe. Jeg har lært endnu mere om at sætte mig i andres sted, være tålmodig og finde løsninger på situationer, der ellers hurtigt kunne skabe frustration. I stedet for at bruge energi på irritation, blev jeg bedre til at tænke: hvad er problemet, hvad har personen brug for, og hvordan kan vi komme videre sammen?</p>



<p class="wp-block-paragraph">Jeg har gennem flere projekter forsøgt at bruge gruppearbejde aktivt til at blive en bedre teamplayer, men dette projekt viste mig endnu tydeligere, hvor meget gruppens dynamik betyder. En god gruppe handler ikke om, at alle arbejder ens eller tænker ens, men om at man kan kommunikere ærligt, tage ansvar og støtte hinanden, når projektet bliver presset.</p>



<p class="wp-block-paragraph">Jeg er også tilfreds med min egen rolle i gruppen. Jeg bidrog både med design systemet, dataindsamling, interviews, affinity diagramming, user stories, SCRUM-overblik og min egen del af kodningen. Samtidig oplevede jeg, at jeg blev bedre til at tage ansvar uden at skulle kontrollere alt. Det var vigtigt for mig at bidrage aktivt, men også at stole på, at de andre havde styr på deres dele.</p>



<p class="wp-block-paragraph">Hvis jeg skulle gøre noget anderledes, ville jeg tidligere i processen arbejde endnu mere med at skabe tydelige deadlines for de enkelte dele af projektet. Vi havde generelt godt overblik, men i de sidste uger blev presset større, og der kunne en endnu skarpere tidsplan måske have gjort afslutningen lidt mere rolig. Samtidig lærte jeg også, at selv når noget ikke går helt efter planen, kan en gruppe stadig lykkes, hvis kommunikationen er god, og alle er villige til at tage ansvar.</p>



<p class="wp-block-paragraph">Samlet set har P5 været et projekt, hvor jeg både har udviklet mig fagligt og personligt. Jeg har fået mere erfaring med at arbejde struktureret gennem Design Thinking og SCRUM, men også med at håndtere samarbejde, ansvar og uforudsete situationer i en gruppe. Det er noget, jeg tager med mig videre, både i kommende projekter og i mit videre arbejde med digitale løsninger.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="480" height="359" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/image.png" alt="" class="wp-image-331" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/image.png 480w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/image-300x224.png 300w" sizes="auto, (max-width: 480px) 100vw, 480px" /></figure><p>The post <a href="https://proces.baramjoll.dk/p5-eksamensprojekt/">P5 Eksamensprojekt</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/p5-eksamensprojekt/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Content Workshop</title>
		<link>https://proces.baramjoll.dk/content-workshop/</link>
					<comments>https://proces.baramjoll.dk/content-workshop/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 27 May 2026 17:10:57 +0000</pubDate>
				<category><![CDATA[Workshops]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=299</guid>

					<description><![CDATA[<p>Morgenen startede med, at jeg fik at vide, at vi skulle have fundet os en gruppe til dagen, hvilket var irriterende, fordi jeg havde læst det som om, at vi skulle gøre det til P5. Heldigvis har jeg nogle søde klassekammerater, Sif og Lau, som lod mig være med i deres gruppe. Vi fik en [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/content-workshop/">Content Workshop</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Morgenen startede med, at jeg fik at vide, at vi skulle have fundet os en gruppe til dagen, hvilket var irriterende, fordi jeg havde læst det som om, at vi skulle gøre det til P5. Heldigvis har jeg nogle søde klassekammerater, Sif og Lau, som lod mig være med i deres gruppe.</p>



<p class="wp-block-paragraph">Vi fik en beskrivelse i starten af dagen, samt et program over dagen, hvilket jeg synes er virkelig nice, da jeg godt kan lide at have overblik over hele projektet.</p>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://proces.baramjoll.dk/wp-content/uploads/2026/04/Brief-og-opgavebeskrivelse-–-Workshop-Content-Creation-til-TikTok-og-Instagram.pdf" type="application/pdf" style="width:100%;height:670px" aria-label="Embed of Brief og opgavebeskrivelse – Workshop Content Creation til TikTok og Instagram."></object><a id="wp-block-file--media-2bc5b66f-7557-4c63-967f-b1af5029c001" href="https://proces.baramjoll.dk/wp-content/uploads/2026/04/Brief-og-opgavebeskrivelse-–-Workshop-Content-Creation-til-TikTok-og-Instagram.pdf">Brief og opgavebeskrivelse – Workshop Content Creation&nbsp;til&nbsp;TikTok&nbsp;og&nbsp;Instagram</a><a href="https://proces.baramjoll.dk/wp-content/uploads/2026/04/Brief-og-opgavebeskrivelse-–-Workshop-Content-Creation-til-TikTok-og-Instagram.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-2bc5b66f-7557-4c63-967f-b1af5029c001">Download</a></div>



<p class="wp-block-paragraph">Vi startede med at dele os op i grupper, som blev opdelt efter hvor mange SoMe-platforme vi bruger, og talte lidt om det. Derefter gik vi i gang med at svare lidt på Padlet. Efter det var der en samtale om TikTok og brugen af det. Vi fik en fin undervisning i forbrugeradfærden på TikTok.</p>



<p class="wp-block-paragraph">Opgaven var at designe SoMe content for en virksomhed, men vi måtte både vælge en virksomhed selv eller bruge den, som de allerede havde lavet. I gruppen tog vi beslutningen om at bruge den virksomhed, som dem, der havde workshoppen, havde lavet.</p>



<p class="wp-block-paragraph">Vi startede med hver især at lave Crazy8 for at finde alle mulige idéer til SoMe content. Det var meget åbent, hvilken platform vi ville lave content til, men jeg valgte at bruge 4 felter til Instagram og resten til TikTok. Jeg anbefaler ikke at prøve at læse teksten, det er en blanding af islandsk og dansk.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="790" src="https://proces.baramjoll.dk/wp-content/uploads/2026/05/content-crazy8-1024x790.jpg" alt="" class="wp-image-313" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/05/content-crazy8-1024x790.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/content-crazy8-300x232.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/content-crazy8-768x593.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/content-crazy8-1536x1185.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/05/content-crazy8-2048x1580.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Efter dette gik vi sammen igennem vores idéer og valgte 2 idéer hver, som vi syntes bedst om. Næste skridt var så bare at designe, men vi valgte bare ud fra, hvad vi havde lyst til, af de idéer som var blevet valgt som de bedste.</p>



<p class="wp-block-paragraph">Jeg havde virkelig meget lyst til at designe en poster til Instagram. Målgruppen er unge piger i alderen 23-29 år, og man kan læse mere om både brand identity, hvordan de bruger SoMe og målgruppen i del 2 i beskrivelsen.</p>



<p class="wp-block-paragraph">Mit spørgsmål var så sådan her: Hvordan kan jeg skabe opmærksomhed omkring deres produkter, som taler til målgruppen, men også afspejler virksomhedens værdier.</p>



<p class="wp-block-paragraph">Jeg havde lyst til at fokusere mere på piger. Fonten er meget piget, sådan en bubbly vibe, med en rød farve, som ikke er mega aggressiv, men cute og perky. Selve designet er meget minimalistisk, men jeg ville gerne have, at fokusset kun var på selve produktet, og at fonten skulle fange opmærksomheden. Mange piger er til minimalist aesthetics, men termen beverage princess trender også meget på SoMe lige nu. Derudover er piger ikke kun til varme drikke, men det kommer an på humør. Derfor valgte jeg at have designet som et lokkende spørgsmål, som også understøtter forbrugeradfærd: Vil du have iskaffe eller bare en almindelig varm kop kaffe, fordi vi tilbyder begge dele, er budskabet.</p>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Reklame-iskaffe-kaffe.pdf" type="application/pdf" style="width:100%;height:890px" aria-label="PDF embed"></object><a href="https://proces.baramjoll.dk/wp-content/uploads/2026/05/Reklame-iskaffe-kaffe.pdf" class="wp-block-file__button wp-element-button" download></a></div>



<p class="wp-block-paragraph">Efter vi var færdige med at designe, gik 2 og 2 grupper sammen og snakkede med hinanden. Vi var både heldige og uheldige, fordi gruppen vi snakkede med ikke var designere, ligesom os, men bare folk som enten arbejder eller er i anden uddannelse på UCL og ikke havde noget at vise. Til gengæld fik jeg utrolig gode reaktioner på mit design, eller som en pige sagde: <em>“Hvis jeg havde set denne reklame, ville jeg have fortalt mine veninder om det, og jeg ville allerede have købt det!”</em> <br>En anden, en ældre mand eller omkring 50 år, professor på UCL, sagde: “<em>Jeg synes, den røde farve er fantastisk! Den er så fangende, fordi der ikke sker så meget på billedet, men den er slet ikke skrigende, bare mild og behagelig.”</em></p>



<p class="wp-block-paragraph">Disse reaktioner gav mig så meget. Jeg er bare virkelig stolt af dette design, og at budskabet kom så godt igennem!</p><p>The post <a href="https://proces.baramjoll.dk/content-workshop/">Content Workshop</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/content-workshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Code Workshop</title>
		<link>https://proces.baramjoll.dk/code-workshop/</link>
					<comments>https://proces.baramjoll.dk/code-workshop/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 22 Apr 2026 08:07:34 +0000</pubDate>
				<category><![CDATA[Workshops]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=298</guid>

					<description><![CDATA[<p>Vi havde Marc med i denne workshop, hvilket vi ikke har haft mulighed for før. Han startede med at sige, at vi skulle lukke computeren og pakke den helt væk, fordi vi ikke skulle bruge den overhovedet i dag. Jeg valgte at være sammen med nogle elever fra den anden klasse, fordi jeg vidste, at [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/code-workshop/">Code Workshop</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"><br>Vi havde Marc med i denne workshop, hvilket vi ikke har haft mulighed for før. Han startede med at sige, at vi skulle lukke computeren og pakke den helt væk, fordi vi ikke skulle bruge den overhovedet i dag. Jeg valgte at være sammen med nogle elever fra den anden klasse, fordi jeg vidste, at de gerne vil være frontend developer, eller i hvert fald har stor interesse for det.</p>



<p class="wp-block-paragraph">Der var i alt 10 opgaver, hvor vi fik nogle bestemte commands, som vi skulle skrive på post-it sedler, og derefter fik vi en opgave, som vi skulle løse ved at bruge disse commands. Derfor handlede alle opgaverne om at træne logisk tænkning, som er meget vigtig, når det kommer til at kode i virkeligheden.</p>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://proces.baramjoll.dk/wp-content/uploads/2026/04/Code-Challenge-Workshop.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of Code Challenge Workshop."></object><a id="wp-block-file--media-71e62cd5-7579-4b76-a468-48303f4eca70" href="https://proces.baramjoll.dk/wp-content/uploads/2026/04/Code-Challenge-Workshop.pdf">Code Challenge Workshop</a><a href="https://proces.baramjoll.dk/wp-content/uploads/2026/04/Code-Challenge-Workshop.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-71e62cd5-7579-4b76-a468-48303f4eca70">Download</a></div>



<p class="wp-block-paragraph">Vi var meget hurtige til at løse opgaverne, og de første 5 opgaver var meget nemme, men vi fik ikke opgaverne på forhånd, så vi skulle vente virkelig længe, eller mellem 20–40 minutter. Efter opgave 5 begyndte jeg at forstå lidt mindre af dansk og brugte lidt længere tid på at tænke, men jeg var sammen med 2 meget stærke personer, som løste opgaverne virkelig hurtigt. Samtidig var de også virkelig gode til at sørge for at forklare alt, inden de gik videre, så selvom jeg ikke løste opgaverne så godt, som jeg gerne ville, forstod jeg alt, hvad de gjorde 100%.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="768" height="1024" src="https://proces.baramjoll.dk/wp-content/uploads/2026/04/d114a48d-3cb6-49d6-afa8-ce4a9780f66e-768x1024.jpg" alt="" class="wp-image-302" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/04/d114a48d-3cb6-49d6-afa8-ce4a9780f66e-768x1024.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/04/d114a48d-3cb6-49d6-afa8-ce4a9780f66e-225x300.jpg 225w, https://proces.baramjoll.dk/wp-content/uploads/2026/04/d114a48d-3cb6-49d6-afa8-ce4a9780f66e-1152x1536.jpg 1152w, https://proces.baramjoll.dk/wp-content/uploads/2026/04/d114a48d-3cb6-49d6-afa8-ce4a9780f66e.jpg 1536w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<p class="wp-block-paragraph">Denne dag var meget sjov, og det var en god variation at prøve at arbejde med nogen, man ikke kender så godt, i forhold til dem man normalt arbejder med i sin egen klasse.</p><p>The post <a href="https://proces.baramjoll.dk/code-workshop/">Code Workshop</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/code-workshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Brugergrænseflade og digitalt indhold</title>
		<link>https://proces.baramjoll.dk/brugergraenseflade-og-digitalt-indhold/</link>
					<comments>https://proces.baramjoll.dk/brugergraenseflade-og-digitalt-indhold/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 18:38:22 +0000</pubDate>
				<category><![CDATA[Projects]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=277</guid>

					<description><![CDATA[<p>Projektet tager udgangspunkt i undersøgelsesspørgsmålet: Hvordan kan et digitalt produkt engagere unge mellem 20–25 år i et eksisterende velgørenhedsprojekt eller organisation? Formålet er at udvikle en digital løsning baseret på brugerens behov, hvor vi kombinerer research, design og udvikling. Projektet inkluderer en interaktiv prototype (HTML, CSS og JavaScript), SoMe-indhold samt et design system, og arbejdes [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/brugergraenseflade-og-digitalt-indhold/">Brugergrænseflade og digitalt indhold</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Projektet tager udgangspunkt i undersøgelsesspørgsmålet:</p>



<p class="wp-block-paragraph"><em>Hvordan kan et digitalt produkt engagere unge mellem 20–25 år i et eksisterende velgørenhedsprojekt eller organisation?</em></p>



<p class="wp-block-paragraph">Formålet er at udvikle en digital løsning baseret på brugerens behov, hvor vi kombinerer research, design og udvikling. Projektet inkluderer en interaktiv prototype (HTML, CSS og JavaScript), SoMe-indhold samt et design system, og arbejdes med gennem Scrum og Design Thinking.</p>



<h3 class="wp-block-heading"><strong>Sprint 1 – 03/03 → 06/03</strong></h3>



<p class="wp-block-paragraph">Sprint 1 var starten på projektet og lagde fundamentet for hele vores videre arbejde. Vi valgte bevidst at bruge tid på forberedelse og struktur, før vi gik dybt ind i research og idéudvikling. Det var vigtigt for os at skabe en fælles forståelse i gruppen samt en klar struktur for samarbejdet.</p>



<p class="wp-block-paragraph">Vi startede med at udarbejde en gruppekontrakt, opsætte Scrum og definere roller i gruppen. Dette gav os et tydeligt overblik over ansvar og arbejdsfordeling fra begyndelsen. Samtidig arbejdede vi med interessentanalyse og risikoanalyse, hvor vi fik feedback, som hjalp os med at afgrænse projektet bedre. Vi gik mere i dybden med valg af organisation og endte med at vælge Ungdommens Røde Kors, da det passede bedre til vores målgruppe og problemstilling.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="800" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175708-1024x800.png" alt="" class="wp-image-280" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175708-1024x800.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175708-300x234.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175708-768x600.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175708.png 1332w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Derudover begyndte vi at arbejde med KWHL-modellen, som hjalp os med at strukturere vores viden og identificere, hvad vi havde brug for at undersøge nærmere. Denne forberedelsesfase var afgørende, da den kom til at styre vores tilgang til research og sikre, at vi arbejdede mere målrettet.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1004" height="991" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175625.png" alt="" class="wp-image-278" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175625.png 1004w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175625-300x296.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-175625-768x758.png 768w" sizes="auto, (max-width: 1004px) 100vw, 1004px" /></figure>



<p class="wp-block-paragraph">Herefter gik vi ind i Empathize-fasen i Design Thinking, hvor vi arbejdede med både desk research og dataindsamling. Vi udarbejdede et spørgeskema, som blev delt på Facebook, hvor vi fik i alt 37 besvarelser. Af disse var 20 inden for vores målgruppe og 17 udenfor, hvilket gav os brugbar indsigt, men krævede, at vi var kritiske i vores analyse af dataene. For at opnå en dybere forståelse gennemførte vi også interviews med studerende på skolen, hvilket gav os et mere nuanceret og kvalitativt indblik i motivation og barrierer i forhold til frivilligt arbejde.</p>



<p class="wp-block-paragraph">Samtidig arbejdede vi med Define-fasen, hvor vi udviklede vores problemforståelse og begyndte at formulere en mere præcis problemstilling. Dette var en iterativ proces, hvor vi løbende justerede vores retning på baggrund af både feedback fra vejledere og de indsigter, vi fik gennem vores research.</p>



<p class="wp-block-paragraph">Vi arbejdede gennem hele sprintet efter Scrum-metoden, hvor vi organiserede vores opgaver i et Scrumboard og arbejdede med en klar struktur fra backlog til to do, in progress og done. Vi fordelte opgaver mellem os og arbejdede både individuelt og i fællesskab, hvilket skabte et godt flow i processen. Jeg havde rollen som <em>developer og kvalitetsansvarlig</em>, hvilket betød, at jeg både arbejdede med udviklingsrelaterede opgaver og samtidig havde fokus på at sikre kvalitet og sammenhæng i det, vi producerede.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="316" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-165158-1024x316.png" alt="" class="wp-image-279" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-165158-1024x316.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-165158-300x93.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-165158-768x237.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-165158.png 1475w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Vores SCRUM</figcaption></figure>



<p class="wp-block-paragraph">Denne uge gik rigtig godt, og vi fik hurtigt opbygget et stærkt samarbejde i gruppen. Det, der især fungerede godt, var hvor struktureret vores arbejdsproces var fra starten. Som en person, der selv er meget organiseret, oplevede jeg, at denne tilgang passede mig rigtig godt og gjorde mig tryg i projektet. Det var også vigtigt, da dette er det største projekt, vi har arbejdet med indtil nu.</p>



<p class="wp-block-paragraph">Vores fokus på forberedelsesarbejde var en klar styrke. Gruppekontrakt, Scrum setup, interessentanalyse og risikoanalyse var ikke bare formelle krav, men noget vi aktivt brugte til at styre vores arbejde. Det gav os et solidt fundament og gjorde det lettere at arbejde målrettet i de næste faser.</p>



<p class="wp-block-paragraph">Det fungerede også godt, at vi kombinerede kvantitativ og kvalitativ research. Spørgeskemaet gav os et bredere overblik, mens interviews bidrog med en dybere forståelse af målgruppen.</p>



<p class="wp-block-paragraph">Hvis noget kunne forbedres, kunne vi have været endnu skarpere i afgrænsningen af målgruppen fra starten, samt arbejdet mere struktureret med overblik over vores indsamlede data tidligere i processen.</p>



<h3 class="wp-block-heading"><em><strong>Sprint 2 – 09/03 → 13/03</strong></em></h3>



<p class="wp-block-paragraph">I Sprint 2 skiftede fokus fra research til ideudvikling og de første konkrete udformninger af løsningen. Der blev arbejdet videre med de data, som blev indsamlet i Sprint 1, hvor resultater fra spørgeskema og interviews blev analyseret og brugt som grundlag for at træffe beslutninger om projektets retning.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="551" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185446-1024x551.png" alt="" class="wp-image-281" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185446-1024x551.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185446-300x161.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185446-768x413.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185446-1536x826.png 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185446-2048x1101.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">På baggrund af dette blev der udviklet et koncept, som tager udgangspunkt i et digitalt værktøj for frivillige hos Ungdommens Røde Kors. Løsningen er tænkt som en app, der adresserer alle tre problemstillinger ved at skabe bedre overblik, tydeligere rammer omkring opgaver og øge motivationen hos brugerne. Formålet er at gøre det lettere og mere attraktivt for unge at engagere sig i frivilligt arbejde.</p>



<p class="wp-block-paragraph">I starten af sprintet blev data analyseret yderligere, og der blev udarbejdet en persona på baggrund af indsigterne. Denne persona blev brugt som et centralt værktøj til at fastholde fokus på målgruppen i den videre designproces. Derudover blev der arbejdet med UI inventory og user stories, som blev tilføjet til Scrumboardet for at skabe en mere struktureret tilgang til udviklingen af løsningen.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="574" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185559-1024x574.png" alt="" class="wp-image-282" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185559-1024x574.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185559-300x168.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185559-768x431.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185559.png 1300w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Vores persona</figcaption></figure>



<p class="wp-block-paragraph">I idefasen blev der udviklet forskellige løsningsforslag, og gennem dialog med undervisere blev retningen gradvist præciseret. Dette bidrog til at gøre konceptet mere målrettet og bedre forankret i både målgruppen og problemstillingen.</p>



<p class="wp-block-paragraph">I prototypefasen blev arbejdet opdelt mellem gruppemedlemmerne. Liana arbejdede med wireframes og opbygningen af løsningen. Jeg arbejdede med styletile og den visuelle retning. Rikke arbejdede med moodboard og visuel inspiration, og Sarah arbejdede med indholdsstrategi, som understøtter løsningen og målretter kommunikationen mod målgruppen.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="840" height="840" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185351.png" alt="" class="wp-image-283" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185351.png 840w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185351-300x300.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185351-150x150.png 150w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185351-768x768.png 768w" sizes="auto, (max-width: 840px) 100vw, 840px" /><figcaption class="wp-element-caption">Styletile</figcaption></figure>



<p class="wp-block-paragraph">Samtidig blev der arbejdet videre med design thinking-processen, hvor idéer løbende blev udviklet og justeret på baggrund af feedback. Undervejs modtog vi vejledning fra undervisere, som hjalp med at afklare både designvalg og tekniske muligheder.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1153" height="1224" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185403-edited.png" alt="" class="wp-image-287" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185403-edited.png 1153w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185403-edited-283x300.png 283w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185403-edited-965x1024.png 965w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185403-edited-768x815.png 768w" sizes="auto, (max-width: 1153px) 100vw, 1153px" /><figcaption class="wp-element-caption">Mockup</figcaption></figure>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="793" data-id="286" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185414-1024x793.png" alt="" class="wp-image-286" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185414-1024x793.png 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185414-300x232.png 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185414-768x595.png 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185414-1536x1190.png 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Screenshot-2026-03-25-185414.png 1701w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Prototypen</figcaption></figure>
</figure>



<p class="wp-block-paragraph">Mod slutningen af sprintet blev der arbejdet med forberedelse og gennemførelse af midtvejspitch, hvor vi præsenterede vores proces og løsning. Vi modtog god og konstruktiv feedback, som blev brugt til at videreudvikle konceptet og afklare de næste skridt. Derudover blev arbejdet med kodning påbegyndt, hvor JavaScript-opgaver blev fordelt, og de første skridt mod en responsiv løsning blev taget.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Midvejspitch-1024x768.jpg" alt="" class="wp-image-284" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/Midvejspitch-1024x768.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Midvejspitch-300x225.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Midvejspitch-768x576.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Midvejspitch-1536x1152.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/Midvejspitch-2048x1536.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Vores præsentation til midvejspitch</figcaption></figure>



<p class="wp-block-paragraph">Gennem hele sprintet arbejdede vi med Scrum, hvor opgaver blev organiseret og løbende opdateret på Scrumboardet. Dette var særligt vigtigt i dette sprint, da projektet blev mere komplekst, og flere elementer skulle koordineres.</p>



<p class="wp-block-paragraph">I dette sprint begyndte projektet for alvor at tage form, og det var motiverende at se, hvordan vores research fra første sprint blev omsat til konkrete idéer og løsninger. Konceptet blev tydeligere og bedre forankret i både målgruppen og de problemstillinger, vi arbejdede med.</p>



<p class="wp-block-paragraph">Samarbejdet i gruppen fungerede fortsat rigtig godt, og vi arbejdede struktureret og målrettet. Det fungerede særligt godt, at opgaverne blev fordelt mellem os, så alle kunne fokusere på deres del, samtidig med at vi arbejdede mod en fælles løsning.</p>



<p class="wp-block-paragraph">Det fungerede også godt, at vi brugte feedback aktivt, især i forbindelse med midtvejspitchen, hvor vi fik bekræftet, at vi var på rette vej, men også blev gjort opmærksomme på, hvad der kunne forbedres.</p>



<p class="wp-block-paragraph">Hvis noget kunne forbedres, kunne vi blive endnu skarpere i vores interne kommunikation, især når ikke alle arbejder samme sted eller på samme tid. Derudover oplevede vi perioder med træthed, som påvirkede vores fokus, og her er der mulighed for at arbejde mere stabilt med vores arbejdsrytme.</p>



<h3 class="wp-block-heading"><em><strong>Sprint 3 – 16/03 → 20/03</strong></em></h3>



<p class="wp-block-paragraph">I Sprint 3 blev fokus flyttet fra idé og design til implementering og færdiggørelse af projektet. Arbejdet tog udgangspunkt i den løsning, der var udviklet i Sprint 2, og målet var at omsætte den til funktionel kode og færdiggøre de vigtigste deliverables.</p>



<p class="wp-block-paragraph">Der blev fortsat arbejdet med design thinking-processen, som blev opdateret løbende i takt med udviklingen. Derudover blev interessentanalyse og user flow justeret for at sikre, at løsningen fortsat matchede både brugerens behov og projektets overordnede mål. Responsivitet var en central del af sprintet, hvor der blev arbejdet med at sikre en god brugeroplevelse på mobil, tablet og desktop.</p>



<p class="wp-block-paragraph">I dette sprint blev der arbejdet mere individuelt end tidligere. Jeg havde ansvar for at kode løsningen og implementere den teknisk, mens de andre arbejdede på deres respektive dele af klientrapporten. Målet var, at alle færdiggjorde deres afsnit i løbet af ugen, så der kunne arbejdes videre med opsætning i InDesign i næste sprint.</p>



<p class="wp-block-paragraph">I dette projekt arbejdede jeg meget selvstændigt med at kode løsningen ud fra det design og den struktur, vi havde udviklet. Jeg lagde stor vægt på at opbygge en klar HTML-struktur med BEM naming og anvende CSS Grid for at sikre et stabilt layout i overensstemmelse med mockup.</p>



<p class="wp-block-paragraph">Jeg fik kodet en stor del af løsningen og havde en fungerende UI, hvor jeg blandt andet:</p>



<ul class="wp-block-list">
<li>opbyggede card components (<em>card-vagt</em>)</li>



<li>arbejdede med reusable classes og modifiers (fx <em>card-vagt&#8211;anmodet</em>)</li>



<li>sikrede godt alignment og visuel hierarki</li>



<li>gjorde siden responsiv med mobile-first tilgang</li>
</ul>



<p class="wp-block-paragraph">Efter at have færdiggjort en stor del af koden, begyndte jeg at sammenholde min JavaScript-del med pensum. Her blev det tydeligt, at min løsning ikke opfyldte alle krav, især i forhold til:</p>



<ul class="wp-block-list">
<li>brug af arrays og objects</li>



<li>loops (for / forEach)</li>



<li>state management</li>



<li>dynamisk DOM manipulation</li>
</ul>



<p class="wp-block-paragraph">Derfor tog jeg en bevidst beslutning om at starte JavaScript-delen forfra.</p>



<p class="wp-block-paragraph">Selvom det var udfordrende, var det meget lærerigt. Fordi jeg allerede havde en solid HTML- og CSS-struktur, kunne jeg genbruge store dele af arbejdet og fokusere mere målrettet på JavaScript.</p>



<p class="wp-block-paragraph">I anden omgang lagde jeg større vægt på at:</p>



<ul class="wp-block-list">
<li>opbygge en klar datastruktur (arrays/objects)</li>



<li>koble data til UI</li>



<li>anvende event listeners og conditions</li>



<li>håndtere state (fx når en bruger anmoder om en vagt)</li>
</ul>



<p class="wp-block-paragraph">Dette var en ret tung uge, især fordi jeg kodede stort set hele tiden. Det kunne være krævende at arbejde så intensivt alene, men samtidig syntes jeg også, det var virkelig sjovt og motiverende. Jeg kunne tydeligt mærke, hvor meget jeg har udviklet mig som koder, da jeg var i stand til at genopbygge løsningen på en bedre og mere struktureret måde.</p>



<p class="wp-block-paragraph">Det, der fungerede godt i dette sprint, var, at vi arbejdede effektivt og fortsat nåede vores deadlines. Vi havde alle ansvar for hver vores del af klientrapporten, som vi fik færdiggjort i løbet af ugen. Det gjorde det muligt at fokusere på opsætningen i InDesign i det næste sprint.</p>



<p class="wp-block-paragraph">Processen med JavaScript gav mig en vigtig læring. Jeg fandt ud af, at det ikke er nok, at koden bare virker, den skal også afspejle det, vi har lært. Jeg var nødt til at stoppe, evaluere mit arbejde og tage beslutningen om at starte forfra, hvilket var udfordrende, men meget værdifuldt.</p>



<p class="wp-block-paragraph">Jeg lærte også, hvor vigtigt det er at:</p>



<ul class="wp-block-list">
<li>stoppe og evaluere sit arbejde i forhold til kravene</li>



<li>være villig til at starte forfra, hvis det er nødvendigt</li>



<li>opbygge kode, så den kan genbruges</li>
</ul>



<p class="wp-block-paragraph">Alt i alt var dette et krævende, men meget lærerigt sprint, hvor jeg udviklede mig både teknisk og i min evne til at arbejde selvstændigt.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="745" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9477-1-1024x745.jpg" alt="" class="wp-image-291" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9477-1-1024x745.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9477-1-300x218.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9477-1-768x559.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9477-1-1536x1118.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9477-1-2048x1491.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><em><strong>Sprint 4 – 23/03 → 27/03</strong></em></h3>



<p class="wp-block-paragraph">I Sprint 4 var fokus på at færdiggøre og aflevere projektet. Størstedelen af løsningen var allerede på plads fra det forrige sprint, så arbejdet i denne uge handlede primært om at afslutte de sidste deliverables og sikre, at alt var klar til aflevering.</p>



<p class="wp-block-paragraph">Jeg arbejdede med opsætningen af klientrapporten i InDesign, hvor målet var at præsentere indholdet klart og professionelt. Samtidig færdiggjorde jeg min individuelle video, hvor jeg gennemgik min kode og min arbejdsproces. Jeg færdiggjorde også min procesportfolio, som tidligere havde haft lavere prioritet, mens fokus var på kodning og andre dele af projektet.</p>



<p class="wp-block-paragraph">De øvrige gruppemedlemmer arbejdede med deres respektive opgaver, herunder SoMe-content, som blev færdiggjort sideløbende med de andre deliverables. Da vi havde arbejdet meget struktureret og effektivt i de tidligere sprint, var vi allerede langt i starten af ugen og havde derfor relativt lidt tilbage sammenlignet med projektets omfang.</p>



<p class="wp-block-paragraph">Dette sprint var i høj grad præget af træthed. Vi havde arbejdet meget intensivt gennem hele projektet, og det kunne mærkes både mentalt, følelsesmæssigt og fysisk. Jeg oplevede, at energiniveauet var lavere, selvom vi var tæt på målet.</p>



<p class="wp-block-paragraph">Samtidig var det meget tilfredsstillende at se, hvor langt vi var nået i starten af ugen. Det, at vi havde så lidt tilbage, gav en følelse af ro og bekræftede, at den indsats vi havde lagt i de tidligere sprint, havde været effektiv. Vi kunne derfor fortsætte arbejdet målrettet og arbejde hen imod aflevering om torsdagen.</p>



<p class="wp-block-paragraph">Det, der fungerede godt, var, at vi formåede at færdiggøre alle vores opgaver og bevare overblikket, selv i en periode med lav energi. Jeg oplevede også, at jeg har udviklet mig meget gennem projektet – både i forhold til kodning, struktur og evnen til at arbejde selvstændigt.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="873" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9391-1024x873.jpg" alt="" class="wp-image-292" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9391-1024x873.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9391-300x256.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9391-768x655.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9391-1536x1309.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9391-2048x1746.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Jeg og Alex, katten. Vi er glad for at vi er færdig med P4!</figcaption></figure>



<p class="wp-block-paragraph"></p><p>The post <a href="https://proces.baramjoll.dk/brugergraenseflade-og-digitalt-indhold/">Brugergrænseflade og digitalt indhold</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/brugergraenseflade-og-digitalt-indhold/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Design Challenge</title>
		<link>https://proces.baramjoll.dk/design-challenge/</link>
					<comments>https://proces.baramjoll.dk/design-challenge/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 15:36:43 +0000</pubDate>
				<category><![CDATA[Workshops]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=268</guid>

					<description><![CDATA[<p>Formålet med dette challenge var at finde en hjemmeside, som vi ville redesigne, med udgangspunkt i de metoder og teorier, vi har arbejdet med gennem studiet. Jeg valgte hjemmesiden KreStoffer, som er en strikke- og håndarbejdsbutik. For at forstå branchen bedre undersøgte jeg lignende hjemmesider for at identificere designmønstre og tendenser. Dette gav mig både [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/design-challenge/">Design Challenge</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Formålet med dette challenge var at finde en hjemmeside, som vi ville redesigne, med udgangspunkt i de metoder og teorier, vi har arbejdet med gennem studiet.</p>



<p class="wp-block-paragraph">Jeg valgte hjemmesiden KreStoffer, som er en strikke- og håndarbejdsbutik. For at forstå branchen bedre undersøgte jeg lignende hjemmesider for at identificere designmønstre og tendenser. Dette gav mig både inspiration og en bedre forståelse af, hvad brugere forventer. Her er Jakob’s Law relevant, da brugere forventer, at en hjemmeside fungerer på samme måde som andre lignende sider inden for samme branche.</p>



<p class="wp-block-paragraph">Sammen med Sarah og Rikke fandt vi et lokale, hvor vi arbejdede koncentreret hele dagen. Det var en god og anderledes oplevelse sammenlignet med resten af semesteret, som i høj grad har været præget af kodning.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9109-1024x768.jpg" alt="" class="wp-image-275" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9109-1024x768.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9109-300x225.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9109-768x576.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9109-1536x1152.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/IMG_9109-2048x1536.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Jeg startede processen med at lave et Style Tile, som hjalp mig med at definere farver, typografi og visuelle elementer. Jeg valgte ikke at lave et moodboard, da jeg vurderede, at det ikke var nødvendigt for denne type hjemmeside, men jeg havde stadig en klar idé om den stemning, designet skulle formidle.</p>



<p class="wp-block-paragraph">I min research lagde jeg især mærke til, hvordan mange hjemmesider arbejder med visuelle “blocks” til at samle relaterede elementer. Dette hænger sammen med både Law of Common Region, hvor elementer opfattes som en gruppe, når de deler et afgrænset område, og Law of Proximity, hvor elementer tæt på hinanden naturligt grupperes. Disse principper brugte jeg aktivt i mit layout.</p>



<p class="wp-block-paragraph">Derudover havde jeg også Hicks Law i baghovedet, som beskriver, hvordan for mange valgmuligheder kan gøre det sværere for brugeren at træffe beslutninger. Derfor forsøgte jeg at holde designet overskueligt og reducere unødvendig kompleksitet.</p>



<p class="wp-block-paragraph">Herefter arbejdede jeg videre med mit mockup, som blev mit primære fokus resten af workshoppen. Jeg prioriterede tiden på at udvikle og finpudse designet frem for at lave en præsentation, hvilket passede godt til workshopens formål.</p>



<p class="wp-block-paragraph">I forhold til farvevalg har jeg en tendens til at holde mig til få, harmoniske farver. I dette projekt valgte jeg dog at udfordre mig selv ved at arbejde med flere primære farver samt en lysere variation. Det var en udfordring at få dem til at fungere sammen og give dem plads i designet. Set i bakspejlet ville jeg nok holde det mere simpelt i en lignende opgave fremover.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="521" height="759" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/image-2.png" alt="" class="wp-image-272" style="width:664px;height:auto" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/image-2.png 521w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/image-2-206x300.png 206w" sizes="auto, (max-width: 521px) 100vw, 521px" /><figcaption class="wp-element-caption">Desktop version </figcaption></figure>



<h3 class="wp-block-heading"><strong>Refleksion</strong></h3>



<p class="wp-block-paragraph">Det er ret vildt at tænke på, hvor meget jeg har udviklet mig som designer på bare et halvt år. I starten af første semester havde vi en lignende opgave, hvor vi skulle redesigne en hjemmeside over cirka en måned i en gruppe på fire. I dette challenge formåede jeg at gennemføre en tilsvarende proces på én dag, hvilket tydeligt viser min udvikling både fagligt og metodisk.</p>



<p class="wp-block-paragraph">Jeg var særligt opmærksom på alignment i mit design, da jeg tidligere har fået feedback om, at det er noget, jeg skal have ekstra fokus på. Efter workshoppen fik jeg også feedback fra Jesper, som både fremhævede min udvikling og gav konkrete råd til, hvordan jeg kan forbedre mit alignment yderligere. Det gav mig en god forståelse af, hvor jeg står nu, og hvad jeg skal arbejde videre med fremadrettet.</p>



<p class="wp-block-paragraph"></p><p>The post <a href="https://proces.baramjoll.dk/design-challenge/">Design Challenge</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/design-challenge/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Netværksdage</title>
		<link>https://proces.baramjoll.dk/netvaerksdage/</link>
					<comments>https://proces.baramjoll.dk/netvaerksdage/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 10:58:43 +0000</pubDate>
				<category><![CDATA[Projects]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=259</guid>

					<description><![CDATA[<p>Dette projekt blev lavet i samme gruppe som vores JS Real Life-opgave. Formålet med projektet var, at vi skulle ud på arbejdsmarkedet, besøge virksomheder og interviewe dem. Vi skulle få indsigt i, hvordan en Multimediedesigner arbejder forskellige steder. Vi sendte e-mails til Albani Bryggeriet, Bootleggers Bar, Anarkist og Odense Bys Museer. Vi fik dog kun [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/netvaerksdage/">Netværksdage</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Dette projekt blev lavet i samme gruppe som vores JS Real Life-opgave. Formålet med projektet var, at vi skulle ud på arbejdsmarkedet, besøge virksomheder og interviewe dem. Vi skulle få indsigt i, hvordan en Multimediedesigner arbejder forskellige steder.</p>



<p class="wp-block-paragraph">Vi sendte e-mails til Albani Bryggeriet, Bootleggers Bar, Anarkist og Odense Bys Museer. Vi fik dog kun svar fra Odense Bys Museer. Efter vi havde fået svar fra dem, mødtes vi i gruppen for at forberede det interview, vi skulle gennemføre.</p>



<p class="wp-block-paragraph">Vi fik et møde med en medarbejder ved navn Mads, som er en vigtig del af teamet hos Odense Bys Museer. Da vi mødte Mads, var han meget åben og besvarede vores spørgsmål på en grundig og hjælpsom måde. Efter interviewet fik vi mulighed for at se en udstilling i TID, hvor Mads fortalte lidt om, hvilke faggrupper der er involveret i arbejdet med udstillinger på museet.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="683" data-id="265" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/P1060317-1024x683.jpg" alt="" class="wp-image-265" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/P1060317-1024x683.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/P1060317-300x200.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/P1060317-768x512.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/P1060317-1536x1024.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/P1060317-2048x1365.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" data-id="263" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/20260210_103551-1024x768.jpg" alt="" class="wp-image-263" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/20260210_103551-1024x768.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/20260210_103551-300x225.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/20260210_103551-768x576.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/20260210_103551-1536x1152.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/20260210_103551-2048x1536.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</figure>



<p class="wp-block-paragraph">Efter interviewet arbejdede vi videre med at udvikle en persona baseret på vores interview – en Multimediedesigner, som arbejder hos Odense Bys Museer. Derefter lavede vi en præsentation ud fra det, vi havde lært. Til sidst i projektet præsenterede alle grupper det firma, de havde besøgt, med fokus på, hvad en Multimediedesigner arbejder med i den pågældende virksomhed.</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1256" height="1256" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/638527596_1251810816283573_1390321611958780861_n-1-edited.jpg" alt="" class="wp-image-266" style="width:574px;height:auto" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/638527596_1251810816283573_1390321611958780861_n-1-edited.jpg 1256w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/638527596_1251810816283573_1390321611958780861_n-1-edited-300x300.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/638527596_1251810816283573_1390321611958780861_n-1-edited-1024x1024.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/638527596_1251810816283573_1390321611958780861_n-1-edited-150x150.jpg 150w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/638527596_1251810816283573_1390321611958780861_n-1-edited-768x768.jpg 768w" sizes="auto, (max-width: 1256px) 100vw, 1256px" /><figcaption class="wp-element-caption">Fra vores præsentation</figcaption></figure>



<p class="wp-block-paragraph">Jeg synes, at dette projekt var meget relevant for os, der læser denne uddannelse. Multimediedesigner er en meget alsidig uddannelse, som giver mange forskellige muligheder i forhold til fremtidigt arbejde. Jeg ville dog have fundet projektet endnu mere interessant, hvis vi også havde haft mulighed for at se præsentationerne fra begge hold, altså både hold 1 og hold 2. Det ville have givet mig en endnu bedre indsigt i arbejdsmarkedet, som jo netop er formålet med projektet.</p><p>The post <a href="https://proces.baramjoll.dk/netvaerksdage/">Netværksdage</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/netvaerksdage/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Real Life JS</title>
		<link>https://proces.baramjoll.dk/real-life-js/</link>
					<comments>https://proces.baramjoll.dk/real-life-js/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 10:06:08 +0000</pubDate>
				<category><![CDATA[Javascript]]></category>
		<guid isPermaLink="false">https://proces.baramjoll.dk/?p=253</guid>

					<description><![CDATA[<p>I starten af projektet blev vi dannet i grupper, og jeg endte i en gruppe med fire andre piger. Vi var alle meget usikre på projektet, eller rettere sagt hvor længe vi skulle være i vores gruppe, og hvor mange projekter vi skulle arbejde sammen på. Vi var alle helt sikre på, at vi skulle [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/real-life-js/">Real Life JS</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">I starten af projektet blev vi dannet i grupper, og jeg endte i en gruppe med fire andre piger. Vi var alle meget usikre på projektet, eller rettere sagt hvor længe vi skulle være i vores gruppe, og hvor mange projekter vi skulle arbejde sammen på. Vi var alle helt sikre på, at vi skulle arbejde sammen i JS-projektet, Netværksdage-projektet og P4-projektet. Det viste sig at være anderledes.</p>



<p class="wp-block-paragraph">Vores projekt var ret simpelt, vi skulle finde en hjemmeside, som vi ville redesigne, men hver af os skulle lave én JS-kode, som indeholdt alt vores pensum. Når det var færdigt, skulle vi lave en fælles video, hvor vi tog én af vores koder og forklarede den grundigt sammen.</p>



<p class="wp-block-paragraph">Der var ikke særligt store krav til vores HTML- og CSS-kode. Gruppen tog en fælles beslutning om at bruge Claude, som er en programmerings-AI, til at lave HTML og CSS, og på den måde var vi sikre på, at vi havde nok tid til at færdiggøre projektet. Vi arbejdede på projektet fra den 9.–13. februar.</p>



<p class="wp-block-paragraph">Vi fandt en virkelig dårlig hjemmeside, som tilhører en blomsterbutik. Ud fra det besluttede vi hver især, hvad vi ville programmere i JS. Jeg valgte at programmere en “tilbuds”-knap, som viser, hvilke blomster der er på tilbud på en bestemt dag.</p>



<p class="wp-block-paragraph">Min idé var først, at det skulle være en knap, man trykker på, og så kommer der et popup alert-vindue, som viser fem tilfældige forskellige typer blomster på tilbud. Jeg vidste nogenlunde, hvordan jeg skulle kode det og sætte det op, men det var første gang, jeg ikke skulle stille 100 spørgsmål til ChatGPT. Det tog mig én dag at kode det, men undervejs fandt jeg ud af, at man ikke kan indsætte billeder i et popup alert, hvilket er ret ærgerligt. Derfor måtte jeg ændre min idé fra at vise tilfældige billeder i et popup-vindue til i stedet at lave en knap, som, når man trykker på den, viser en kolonne, der folder sig ud med fem billeder af fem forskellige blomster, markeret efter ugedagene, altså hvilken dag de er på tilbud. Når man trykker på knappen igen, lukker kolonnen eller forsvinder.</p>



<p class="wp-block-paragraph">Derefter mødtes vi alle for at samle vores koder i HTML og CSS og forbinde alt JavaScript til HTML. Til sidst valgte vi den kode, vi ville tale om, som var Sheilas kode, og fordelte, hvem der ville forklare hvad. Til sidst optog vi en video, hvor vi forklarede hele hendes kode.</p>



<p class="wp-block-paragraph">Projektet var slet ikke så svært, som jeg havde forventet, men det hjælpede rigtig meget, at jeg deltog i alle JS-timerne, i modsætning til hvad jeg oplevede med HTML- og CSS-timerne. Jeg synes generelt, at det er sjovt at kode, selvom jeg er virkelig langsom, og det ofte er ret svært. Jeg var også stolt af mig selv over, hvor meget jeg forståede koden, og hvor lidt jeg havde brug for at rådføre mig med AI. Jeg har aldrig arbejdet sammen med de her piger før, og jeg syntes generelt, at det fungerede rigtig fint, en ret afslappet gruppe, som ikke stresser over småting.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://proces.baramjoll.dk/wp-content/uploads/2026/03/626376583_2661056117611857_866446634136660609_n-1024x768.jpg" alt="" class="wp-image-257" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/03/626376583_2661056117611857_866446634136660609_n-1024x768.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/626376583_2661056117611857_866446634136660609_n-300x225.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/626376583_2661056117611857_866446634136660609_n-768x576.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/626376583_2661056117611857_866446634136660609_n-1536x1152.jpg 1536w, https://proces.baramjoll.dk/wp-content/uploads/2026/03/626376583_2661056117611857_866446634136660609_n-2048x1536.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Vores gruppe, manglar dem som tager billeden (Sheila)</figcaption></figure><p>The post <a href="https://proces.baramjoll.dk/real-life-js/">Real Life JS</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/real-life-js/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Studiegruppen i P3</title>
		<link>https://proces.baramjoll.dk/studiegruppen-i-p3/</link>
					<comments>https://proces.baramjoll.dk/studiegruppen-i-p3/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 19 Jan 2026 08:53:52 +0000</pubDate>
				<category><![CDATA[Projects]]></category>
		<guid isPermaLink="false">http://proces.baramjoll.dk/?p=249</guid>

					<description><![CDATA[<p>Efter kick-off var der mange af mine medstuderende, som mødtes på skolen og arbejdede sammen. Det passede ikke nødvendigvis så godt til mig, men Jamie, Adna og jeg besluttede at danne en studiegruppe på Discord. Jamie og jeg mødtes kun én gang, og ellers ikke. Jeg havde dog altid mulighed for at tage på skolen [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/studiegruppen-i-p3/">Studiegruppen i P3</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Efter kick-off var der mange af mine medstuderende, som mødtes på skolen og arbejdede sammen. Det passede ikke nødvendigvis så godt til mig, men Jamie, Adna og jeg besluttede at danne en studiegruppe på Discord.</p>



<p class="wp-block-paragraph">Jamie og jeg mødtes kun én gang, og ellers ikke. Jeg havde dog altid mulighed for at tage på skolen for at studere og mødes med andre. Overordnet set var studiegruppen meget inaktiv. Jeg var selv god til at dele statusopdateringer, vise hvad jeg havde arbejdet på, og efterspørge at se de andres arbejde. Jeg vidste på forhånd, at Jamie ikke er særligt aktiv på Discord, men han var alligevel god til at svare, kigge på det, jeg bad ham om at se på, og give respons. Til gengæld fik jeg kun i meget begrænset omfang indblik i, hvad han selv arbejdede med. Adna var meget inaktiv i chatten og delte aldrig sit arbejde. Jeg fik derfor ikke særlig meget ud af studiegruppen, men det er ikke nødvendigvis nogen skyld i, da jeg vidste på forhånd, at de fleste arbejdede på skolen. Hvis jeg reelt havde haft brug for hjælp, havde jeg derfor altid mulighed for at opsøge den der.</p>



<p class="wp-block-paragraph">Fremadrettet ønsker jeg at være en del af en mere aktiv studiegruppe, hvor jeg selv også tager ansvar for oftere at møde op på skolen og arbejde sammen med andre. Jeg oplevede tydeligt, at det hjælper meget, både i forhold til at holde fokus, få hjælp undervejs og spejle sig i andres arbejde.</p><p>The post <a href="https://proces.baramjoll.dk/studiegruppen-i-p3/">Studiegruppen i P3</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/studiegruppen-i-p3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Projekt 3</title>
		<link>https://proces.baramjoll.dk/projekt-3/</link>
					<comments>https://proces.baramjoll.dk/projekt-3/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 18 Jan 2026 21:16:16 +0000</pubDate>
				<category><![CDATA[Projects]]></category>
		<guid isPermaLink="false">http://proces.baramjoll.dk/?p=240</guid>

					<description><![CDATA[<p>Til P3 skulle jeg arbejde med et individuelt projekt, som bestod af flere mindre opgaver, én større hovedopgave samt færdiggørelse af procesportfolioen. Jeg vil her gå lidt mere i dybden med indholdet af projektet: Kodning af hjemmeside:Jeg skulle designe og kode min egen hjemmeside, som er målrettet en specifik branche, jeg ønsker at arbejde inden [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/projekt-3/">Projekt 3</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Til P3 skulle jeg arbejde med et individuelt projekt, som bestod af flere mindre opgaver, én større hovedopgave samt færdiggørelse af procesportfolioen. Jeg vil her gå lidt mere i dybden med indholdet af projektet:</p>



<p class="wp-block-paragraph"><strong>Kodning af hjemmeside:</strong><br>Jeg skulle designe og kode min egen hjemmeside, som er målrettet en specifik branche, jeg ønsker at arbejde inden for. Formålet med opgaven var at træne evnen til at skabe et skræddersyet portfolio, der viser mine kompetencer over for en virksomhed eller en branche.</p>



<p class="wp-block-paragraph"><strong>Seks mindre opgaver:</strong><br>Jeg skulle udvælge seks mindre projekter, som passer til den branche, mit portfolio er målrettet mod. Disse projekter skulle være udarbejdet efter, at jeg startede på uddannelsen, så de reelt viser, hvad jeg har lært i løbet af semesteret.</p>



<p class="wp-block-paragraph"><strong>Plakat:</strong><br>Plakaten er designet af mig og viser processen bag udviklingen af hjemmesiden. Den viser også, at jeg har forståelse for metoder som Design Thinking.</p>



<p class="wp-block-paragraph"><strong>Afleveringsdokument:</strong><br>Afleveringsdokumentet er udarbejdet i InDesign og har til formål at træne mig i at anvende InDesign i mit arbejde, selvom programmet primært bruges i forbindelse med design af plakaten. Dokumentet indeholder også et refleksionsafsnit, hvor jeg skal forholde mig til ét læringsmål og reflektere over, hvordan jeg har arbejdet med at tilegne mig dette mål i løbet af semesteret.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Researchfasen</em></strong></p>



<p class="wp-block-paragraph">Efter vores studietur til Hamburg er jeg blevet meget fascineret af museer og den måde, de arbejder med teknologi for at skabe mere liv og dybde i kunst og kultur. Jeg synes, det er en fantastisk idé at anvende teknologi i kulturelle sammenhænge, og jeg ved også selv, at jeg oplever denne type museer som meget engagerende og spændende.</p>



<p class="wp-block-paragraph">Ud fra dette valgte jeg at arbejde med mit præsentationsportfolio med museer som målgruppe. Jeg har flere gange besøgt museer, som arbejder med sanseoplevelser, og dette brugte jeg aktivt som en del af min researchfase.</p>



<p class="wp-block-paragraph">Da det kom til beslutningstagning, var der mange elementer, som skulle overvejes. Jeg havde to projekter klar, som jeg kunne genbruge, men skulle samtidig udvikle fire nye projekter parallelt med designet af min hjemmeside. Jeg måtte derfor undersøge, hvad museer typisk ønsker at se, og hvilke udtryksformer og formidlingsformer de anvender. Jeg kiggede blandt andet på museer i Island, såsom Galdrasafnið i Hólmavík, Skrímslasafnið i Bíldudal og Víkingasafnið i Reykjavík, samt andre museer. På baggrund af denne research kunne jeg tage en beslutning om, hvilke seks projekter jeg ønskede at præsentere på min hjemmeside.</p>



<p class="wp-block-paragraph">Herefter arbejdede jeg med at undersøge min egen stil og tage stilling til, hvilket visuelt udtryk jeg ønskede på hjemmesiden, hvilke layouts jeg fandt interessante, samt hvordan jeg kunne strukturere siden, så den var let at læse og nem at navigere i. En vigtig del af denne proces var at definere, hvordan jeg ønskede at kommunikere mit personlige brand. Jeg ser mig selv både som fagperson og som person, og for mig var det vigtigt at kombinere disse to sider. En udelukkende faglig tilgang kan fremstå kold og distanceret, mens et for personligt udtryk kan give et upræcist billede af, hvordan jeg arbejder professionelt. Jeg arbejdede derfor bevidst med at finde en balance mellem disse to sider.</p>



<p class="wp-block-paragraph">Jeg havde på forhånd udarbejdet en farvepalette i Adobe Color, som jeg valgte at anvende, da jeg oplever, at den i høj grad repræsenterer mig som brand. Jeg anvendte også Pinterest til visuel research og overvejede at udarbejde et moodboard, da platformen egner sig godt til dette. Efter at have arbejdet med min identitet som både person og fagperson og reflekteret over, hvordan disse kunne kombineres, vurderede jeg dog, at et moodboard var overflødigt, og valgte i stedet at gå direkte videre til udarbejdelsen af en style tile. Derudover undersøgte jeg layouts fra andre designere, både fra min studiegruppe og fra designere, der arbejder professionelt. Selvom jeg ikke kunne skabe en hjemmeside på samme niveau som deres, gav det mig både motivation til at udvikle mig yderligere og inspiration til struktur og opbygning.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="900" src="http://proces.baramjoll.dk/wp-content/uploads/2026/01/AdobeColor-vefsidan-min-edited.jpeg" alt="" class="wp-image-242" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/01/AdobeColor-vefsidan-min-edited.jpeg 1600w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/AdobeColor-vefsidan-min-edited-300x169.jpeg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/AdobeColor-vefsidan-min-edited-1024x576.jpeg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/AdobeColor-vefsidan-min-edited-768x432.jpeg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/AdobeColor-vefsidan-min-edited-1536x864.jpeg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Min farvepalette</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="665" src="http://proces.baramjoll.dk/wp-content/uploads/2026/01/Style-tile-1024x665.jpg" alt="" class="wp-image-243" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/01/Style-tile-1024x665.jpg 1024w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Style-tile-300x195.jpg 300w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Style-tile-768x499.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Style-tile.jpg 1404w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Min style tile</figcaption></figure>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Wireframe </em></strong></p>



<p class="wp-block-paragraph">Efter at jeg havde færdiggjort forarbejdet og havde opnået en klar idé om min hjemmeside, var det naturligt for mig at begynde med et lo-fi wireframe. Herefter designede jeg hurtigt et hi-fi wireframe. Jeg udarbejdede både style tile og hi-fi wireframes i Figma, mens jeg har erfaret, at lo-fi wireframes fungerer bedst for mig, når jeg tegner dem i hånden på papir.</p>



<p class="wp-block-paragraph">Jeg var i løbende dialog med mine medstuderende og observerede, at de fleste kodede sideløbende med, at de arbejdede på andre dele af projektet. Jeg valgte derimod at arbejde meget struktureret med projektet, da jeg har ADHD og ikke er medicineret. For mig fungerer det bedst at arbejde systematisk for at sikre, at intet bliver glemt. Det gjorde mig naturligvis lidt stresset, at jeg begyndte sent at kode, men jeg kender mig selv godt nok til at vide, at hvis jeg ikke havde færdiggjort al forarbejdet, ville kodningsprocessen have taget betydeligt længere tid. Uden et klart grundlag ville jeg mangle retning i forhold til layout, C.R.A.P.-principperne, tone of voice og content hierarchy.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="623" height="1024" src="http://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page-623x1024.jpg" alt="" class="wp-image-246" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page-623x1024.jpg 623w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page-183x300.jpg 183w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page-768x1262.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page-934x1536.jpg 934w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page-1246x2048.jpg 1246w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/Landing-page.jpg 1440w" sizes="auto, (max-width: 623px) 100vw, 623px" /><figcaption class="wp-element-caption">Hi-fi wireframe</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="806" height="1024" src="http://proces.baramjoll.dk/wp-content/uploads/2026/01/About-me-806x1024.jpg" alt="" class="wp-image-247" srcset="https://proces.baramjoll.dk/wp-content/uploads/2026/01/About-me-806x1024.jpg 806w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/About-me-236x300.jpg 236w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/About-me-768x976.jpg 768w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/About-me-1209x1536.jpg 1209w, https://proces.baramjoll.dk/wp-content/uploads/2026/01/About-me.jpg 1440w" sizes="auto, (max-width: 806px) 100vw, 806px" /><figcaption class="wp-element-caption">Hi-fi wireframe</figcaption></figure>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Seks mindre projektar</em></strong></p>



<p class="has-medium-font-size wp-block-paragraph"><strong>Projekt 1</strong></p>



<p class="wp-block-paragraph">Det første projekt er fotoredigering. I arbejdet med projektet anvendte jeg Adobe Photoshop. Jeg vurderede, at dette projekt passer godt ind i mit portfolio, da museer ofte anvender billeder til sociale medier og markedsføring, hvor billedmateriale ofte skal redigeres og tilpasses. Projektet viser mine kompetencer inden for billedredigering.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong>Projekt 2</strong> <strong>og 3</strong></p>



<p class="wp-block-paragraph">Projekt 2 og 3 er grundlæggende ens i deres opbygning. Jeg valgte to meget forskellige billeder, som jeg gav liv gennem animation. Det ene projekt arbejder med meget subtile bevægelser, som stadig formidler den fortælling, jeg ønskede at skabe. Det andet projekt har langt mere liv og dynamik, da historien bag billedet er mere omfattende. I arbejdet med projekterne anvendte jeg Adobe Photoshop og After Effects. Denne type projekter egner sig godt til brug på museer, da mange museer allerede arbejder med levende billeder og animation i deres formidling.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong>Projekt 4</strong></p>



<p class="wp-block-paragraph">Projekt 4 er en video, som jeg har redigeret. Min mand og jeg besøgte kunstudstillingen <em>Den fantastiske bus</em>, og formålet med videoen var at vække børns interesse for kultur. I arbejdet med videoen anvendte jeg Adobe Premiere Pro. Denne type projekt kan anvendes effektivt i markedsføring og på sociale medier.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong>Pojekt 5 og 6</strong></p>



<p class="wp-block-paragraph">Tidligere på semesteret udarbejdede jeg en flyer for Word Festival, som jeg arbejdede med individuelt. Dette projekt valgte jeg at inkludere for at vise mine kompetencer inden for udarbejdelse af reklame- og informationsmateriale som flyers. Derudover ønskede jeg at anvende min viden og erfaring fra Word Festival til at udvikle en plakat, hvilket jeg gjorde som projekt 6.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Kodning</em></strong></p>



<p class="wp-block-paragraph">Ved kodningen af præsentationsportfolioen kodede jeg hjemmesiden fra bunden i HTML5 og CSS. det er vigtigt for mig, at jeg arbejde struktureret og opbygge siden i klare og genanvendelige dele, da jeg vidste, at det ville gøre både overblik og videreudvikling nemmere.</p>



<p class="wp-block-paragraph">Jeg anvendte semantisk HTML for at sikre en klar struktur på hjemmesiden, hvor jeg opdelte siden i header, navigation, main content og footer. Dette hjalp mig med at gøre siden både læsbar og logisk opbygget.</p>



<p class="wp-block-paragraph">I CSS organiserede jeg stilarterne således, at grundstile var fælles for alle sider, hvorefter jeg tilføjede sidespecifikke stilarter, hvor det var nødvendigt. Jeg anvendte CSS-variables i :root til farver, typografi og spacing, hvilket gjorde det muligt at bevare et ensartet visuelt udtryk og foretage ændringer ét samlet sted, når der var behov for det. Jeg genanvendte desuden de samme container-løsninger og button-stilarter for at sikre et konsekvent udtryk og lette vedligeholdelsen af koden.</p>



<p class="wp-block-paragraph">Jeg arbejdede mobile-first og anvendte media queries til at tilpasse layoutet til større skærme. I opbygningen af layoutet benyttede jeg både flexbox og grid, afhængigt af hvad der fungerede bedst for det enkelte område.</p>



<p class="wp-block-paragraph">Under kodningen havde jeg C.R.A.P.-principperne i fokus. Jeg arbejdede med kontrast for at sikre god læsbarhed, repetition i det visuelle udtryk for at skabe sammenhæng, alignment for at opretholde en ren og struktureret opbygning samt proximity for at gruppere relateret indhold. Dette bidrog til at gøre hjemmesiden mere overskuelig og brugervenlig.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Brugertests</em></strong></p>



<p class="wp-block-paragraph">Mens jeg arbejdet med projektet, sendte jeg over 20 emails til forskellige rekrutteringsvirksomheder rundt om i verden, i håb om at kunne få dem til at teste min hjemmeside. Jeg modtog dog ingen svar.</p>



<p class="wp-block-paragraph">Efter at jeg havde færdiggjort hjemmesiden, fandt jeg i stedet nogle enkeltpersoner, som kunne teste den. Jeg anvendte <em>think aloud</em>-metoden og mødtes med brugerne personligt. Dette gav mig værdifuld indsigt i, hvad der fungerede godt, og hvilke elementer der havde behov for justeringer.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Refleksion</em></strong></p>



<p class="wp-block-paragraph">I P3-projektet lærte jeg meget om vigtigheden af at arbejde struktureret og med en klar opbygning. Jeg erfarede hurtigt, at mit arbejdsmønster kræver, at jeg har et godt overblik over processen, da jeg har svært ved at arbejde ustruktureret. Når jeg fulgte processen fra research, over wireframes og videre til kodning, oplevede jeg, at projektet blev både mere overskueligt og lettere at gennemføre.</p>



<p class="wp-block-paragraph">Jeg lærte også, hvor vigtigt det er at træffe bevidste beslutninger undervejs i processen, både i forhold til design og teknisk udførelse. Ved at færdiggøre forarbejdet, før jeg begyndte at kode, sparede jeg tid senere i processen og undgik unødvendigt ekstraarbejde.</p>



<p class="wp-block-paragraph">Jeg oplevede dog også en betydelig grad af stress i forløbet, da jeg ikke følte mig tilstrækkeligt forberedt på projektet, da det begyndte. Projektet er meget stort og omfattende, særligt fordi det ikke kun indebærer design og kodning af præsentationsportfolioen, men også udvælgelse og færdiggørelse af seks andre projekter, som er udarbejdet i løbet af semesteret. Dette oplevede jeg som et stort pres, og jeg vurderer, at det ville have været en stor hjælp at få et tydeligere overblik over projektets omfang og krav tidligere i uddannelsen. Det ville have gjort det muligt for mig at forberede mig bedre og dermed arbejde mere trygt og sikkert i processen.</p><p>The post <a href="https://proces.baramjoll.dk/projekt-3/">Projekt 3</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/projekt-3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Studiemakker på tværs</title>
		<link>https://proces.baramjoll.dk/studiemakker-pa-tvaers/</link>
					<comments>https://proces.baramjoll.dk/studiemakker-pa-tvaers/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 11 Dec 2025 16:42:46 +0000</pubDate>
				<category><![CDATA[Studiemakker på tværs]]></category>
		<guid isPermaLink="false">http://proces.baramjoll.dk/?p=235</guid>

					<description><![CDATA[<p>Første møde Første møde var efter frokost, men inden da havde vi haft kickmoff på projekt 1, så jeg var allerede ret mentalt udmattet. Vi var alle samlet i et stort lokale, der var bestilt pizza, og der var snacks og sodavand. De havde virkelig gjort en indsats for at gøre det så hyggeligt som [&#8230;]</p>
<p>The post <a href="https://proces.baramjoll.dk/studiemakker-pa-tvaers/">Studiemakker på tværs</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="has-medium-font-size wp-block-paragraph"><strong><em>Første møde</em></strong></p>



<p class="wp-block-paragraph">Første møde var efter frokost, men inden da havde vi haft kickmoff på projekt 1, så jeg var allerede ret mentalt udmattet. Vi var alle samlet i et stort lokale, der var bestilt pizza, og der var snacks og sodavand. De havde virkelig gjort en indsats for at gøre det så hyggeligt som muligt.</p>



<p class="wp-block-paragraph">På dette tidspunkt var jeg stadig virkelig dårlig til dansk, det var jo kun midt i september. Jeg havde svært ved at udtrykke mig og var meget tilbageholdende, men jeg oplevede, at de andre også var på samme måde, altså alle sammen ret generte. Der var også ekstremt meget støj og snakken rundt omkring, og jeg har virkelig svært ved at koncentrere mig i sådan nogle situationer.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Andet møde</em></strong></p>



<p class="wp-block-paragraph">Vi mødtes online på Discord.<br>Endnu en gang sagde jeg meget lidt, på dette tidspunkt i studiet er jeg mest lyttende, jeg prøver bare at høre efter og tage informationerne ind, og jeg spørger kun, når jeg ikke forstår noget. Jeg var ret uheldig, fordi halvdelen af gruppen sad på skolen, og den anden halvdel var på Discord. Det gjorde det virkelig svært at høre dem, der var på skolen, fordi de mest talte sammen indbyrdes.</p>



<p class="wp-block-paragraph">Jeg var dog heldig at være i gruppe med Cecilie, for vi arbejdede også sammen i projekt 1. Hun var rigtig god til at stille spørgsmål om opgaven, mens jeg bare lyttede.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Tredje møde</em></strong></p>



<p class="wp-block-paragraph">Det sidste møde var det længste, da både jeg og de andre på første semester havde mange spørgsmål til P3. Vi mødtes online via Discord, og mødet varede omkring en time. De studerende fra tredje semester viste os deres hjemmeside, som de selv havde designet, samt deres plakat, hvilket gav mig rigtig mange idéer til, hvordan jeg gerne vil have min egen hjemmeside.</p>



<p class="wp-block-paragraph">Vi viste vores arbejde og fik også en masse feedback tilbage, som var hjælpsom. Blandt kommentarerne var der fokus på at sikre, at hele layoutet på hjemmesiden er ensartet. Det er både noget, vi har lært gennem C.R.A.P., men også vigtigt for at kunne genbruge al CSS- og HTML-koden.</p>



<p class="wp-block-paragraph">Jeg opdagede hurtigt, at jeg var den eneste, der startede fra den “rigtige” side i forhold til design thinking, nemlig ved at begynde med research, derefter gå videre til wireframes og til sidst kode. Jeg har utrolig svært ved at arbejde ustruktureret, og det at arbejde på forskellige dele på samme tid er slet ikke noget, der passer mig. Der er større risiko for, at jeg glemmer nogle krav, at jeg bruger længere tid på arbejdet, og at jeg ikke får en fornemmelse af projektet – hvor jeg er i processen, og hvor meget der er tilbage – hvilket kan føre til, at jeg ikke når det til tiden.</p>



<p class="wp-block-paragraph">Overordnet set synes jeg, at disse studenter­møder er utrolig gode. Det har helt klart hjulpet meget at høre fra mere erfarne studerende, som har stået i mine sko, og som har delt deres erfaringer og givet mig mulighed for at se deres projekter, hvilket giver rigtig meget inspiration. Det er også utrolig rart at være sammen med andre på samme årgang som mig, se at jeg ikke er på en forkert vej og få inspiration fra dem også. Derudover er det meget vigtigt i forhold til netværksdannelse. Jeg håber, at noget lignende fortsætter gennem uddannelsen.</p>



<p class="has-medium-font-size wp-block-paragraph"><strong><em>Snakk mellem møderne</em></strong></p>



<p class="wp-block-paragraph">Der var næstem ingen som skriver mellem møderne. Men jeg begyndte lige så stille at spørge lidt ind til præsentationsporteføljen, fordi jeg gerne ville se deres design og få noget inspiration. Jeg spurgte også lidt ind til kodning, da en i gruppen faktisk er specialiseret i det område. Det var virkelig rart at få svar på de spørgsmål.</p><p>The post <a href="https://proces.baramjoll.dk/studiemakker-pa-tvaers/">Studiemakker på tværs</a> first appeared on <a href="https://proces.baramjoll.dk">Procesportfolio</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://proces.baramjoll.dk/studiemakker-pa-tvaers/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Object Caching 74/237 objects using Disk
Page Caching using Disk: Enhanced 

Served from: proces.baramjoll.dk @ 2026-07-15 07:06:22 by W3 Total Cache
-->