{"id":72,"date":"2025-12-14T14:36:16","date_gmt":"2025-12-14T14:36:16","guid":{"rendered":"https:\/\/proces.carlemilfaester.dk\/?page_id=72"},"modified":"2025-12-15T13:29:08","modified_gmt":"2025-12-15T13:29:08","slug":"projekt-1","status":"publish","type":"page","link":"https:\/\/proces.carlemilfaester.dk\/?page_id=72","title":{"rendered":"Projekt 1 – Re-Design af hjemmeside"},"content":{"rendered":"\n

Kick-Off<\/h2>\n\n\n\n

Til kickoff fik vi hurtigt lavet en gruppekontrakt, hvor jeg blev valgt som gruppeleder. Vores ene gruppemedlem var ikke p\u00e5 studiet (UCL), s\u00e5 vi skrev sammen med hende, s\u00e5 godt vi kunne, via beskeder. Da hun havde tid om aftenen, fik hun tjekket vores kontrakt igennem og skrevet under p\u00e5 den. Vi fandt ogs\u00e5 ret hurtigt en hjemmeside, som vi ville redesigne. Et af mine gruppemedlemmer foreslog studiebolig-odense.dk<\/a>. Eftersom jeg allerede havde kendskab til siden, fordi jeg har brugt den til at finde mit kollegiev\u00e6relse, og jeg selv syntes, at den var meget for\u00e6ldet (outdated), var jeg med p\u00e5 id\u00e9en med det samme. Det var de andre i gruppen ogs\u00e5, efter de havde set den.<\/p>\n\n\n\n

Efter vi havde fundet vores hjemmeside og skrevet gruppekontrakten, lavede vi en projektplan, s\u00e5 godt vi kunne, ud fra hvor lang tid vi t\u00e6nkte, at de forskellige dele af projektet ville tage.<\/p>\n\n\n\n

Projekt start<\/h2>\n\n\n\n

Det f\u00f8rste, vi gjorde, da vi rigtig gik i gang med vores projekt, var at lave en brugerunders\u00f8gelse. Vi lavede et interview og nogle opgaver, som brugeren skulle udf\u00f8re p\u00e5 den originale hjemmeside. Vi delte os op to og to i gruppen, s\u00e5 vi hurtigere kunne f\u00e5 nogle svar. De, vi fik spurgt, bekr\u00e6ftede, hvad vi selv syntes om hjemmesiden. Efter vi havde skrevet vores interviews ned og fundet de vigtigste ting at \u00e6ndre, tog vi hjem og lavede skitser p\u00e5 papir hver is\u00e6r, som vi s\u00e5 kunne dele med hinanden og bruge til at starte p\u00e5 vores wireframes.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Vi brugte en del tid p\u00e5 at lave en lo-fi wireframe ud fra de forskellige skitser, vi havde medbragt. Da vi var blevet enige om et design, gik vi straks i gang med at lave en hi-fi wireframe, som vi kunne bruge til den n\u00e6ste del af vores projekt. Det gik ret flydende med at lave en hi-fi wireframe.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Styling og Prototype<\/h2>\n\n\n\n

Undervejs, da vi lavede vores hi-fi wireframe, var vi ogs\u00e5 g\u00e5et i gang med at lave vores styletile. Vi skulle finde den rigtige font og de rigtige farver. Vi valgte at holde fast i den samme tone, som de allerede havde p\u00e5 hjemmesiden, da vi syntes, at den gav god mening, som den var. Tidligere p\u00e5 ugen havde vi fundet en plakat for studiebolig-odense p\u00e5 en af opslagstavlerne p\u00e5 UCL, som vi syntes s\u00e5 godt ud. Den havde nogle helt andre farver end p\u00e5 deres hjemmeside, s\u00e5 vi startede vores farvevalgsproces med at fokusere p\u00e5 de farver. Vi brugte stort set en hel dag p\u00e5 bare at bruge de forskellige farver fra plakaten p\u00e5 forskellige dele af vores hi-fi wireframe, men der var bare ikke noget, der virkede. Efter en hel dag med bare at finde de rigtige farver endte vi med at v\u00e6lge forskellige nuancer af bl\u00e5, hvilket hjemmesiden allerede havde i forvejen. Vi valgte dog nogle lidt andre nuancer, som vi syntes s\u00e5 mere moderne ud.<\/p>\n\n\n\n

Herunder kan den plakat vi fandt ses og s\u00e5 ved siden af den stil vi endte at g\u00e5 med.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Da vi s\u00e5 endelig havde vores farver, gik vi i gang med at lave vores prototype i Figma. Jeg endte med at blive ham, der stod for alt det mere avancerede, s\u00e5som at f\u00e5 knapper til at virke og siderne til at scrolle. Vi delte de forskellige sider op mellem os, s\u00e5 vi alle fik lavet omkring to sider til prototypen. Jeg lavede den side, hvor man kan se de enkelte v\u00e6relsers info. Jeg var ogs\u00e5 den, der gik igennem alle siderne og fik dem til at se ens ud designm\u00e6ssigt, og s\u00e5 fik jeg, som sagt, lavet alle de interaktive ting.<\/p>\n\n\n\n

Herunder kan man se hvordan nogle af undersiderne til vores re-design endte med at se ud.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

F\u00e6rdig<\/h2>\n\n\n\n

Da vi var s\u00e5dan nogenlunde f\u00e6rdige med vores prototype, lavede vi en hurtig brugerunders\u00f8gelse for at finde ud af, om der var nogle sm\u00e5 forbedringer, vi kunne lave. Dem fik vi s\u00e5 implementeret, s\u00e5 godt vi kunne, f\u00f8r vi valgte at skifte vores fokus over p\u00e5 klientrapporten.<\/p>\n\n\n\n

De sidste par dage inden afleveringen af vores redesign brugte vi p\u00e5 at lave vores klientrapport. Mit ene gruppemedlem lavede klientrapporten p\u00e5 hendes computer i Indesign, imens den var koblet op til et TV, s\u00e5 vi andre kunne se med og give vores input l\u00f8bende. Alt i alt en lidt stressende opgave, men vi kom i m\u00e5l et par timer inden afleveringsfristen.<\/p>\n\n\n\n

Pitch og Feedback<\/h2>\n\n\n\n

Til vores pitch havde vi lavet et kort slideshow med de ting, vi mente var relevante for at s\u00e6lge vores redesign til klienten. Vi delte de forskellige slides op mellem os og aftalte, at vi selv m\u00e5tte bestemme, hvordan vi ville forberede os til det \u2013 om vi ville skrive noget ned eller bare improvisere. Jeg valgte bare at improvisere, da jeg selv mente, at jeg havde styr p\u00e5, hvad vi havde lavet, og hvordan det skulle s\u00e6lges.<\/p>\n\n\n\n

P\u00e5 selve pitch-dagen var vores ene gruppemedlem desv\u00e6rre n\u00f8dt til at melde afbud, s\u00e5 en af de andre tog hendes slides. Pitchen gik meget godt, selvom vi var en mand nede. Vi fik sagt det, vi skulle, og udover at mit ene gruppemedlem fik et lille nerv\u00f8st sammenbrud undervejs, s\u00e5 jeg m\u00e5tte tage over for hende, gik det faktisk meget godt.<\/p>\n\n\n\n

Som feedback p\u00e5 vores pitch var det meste faktisk positivt, hvilket jeg selv var meget overrasket over. Vi fik specielt meget god feedback p\u00e5 vores brug af brugerunders\u00f8gelsen til at forklare vores designvalg. S\u00e5 det kunne ikke have g\u00e5et meget bedre for vores f\u00f8rste pitch.<\/p>\n\n\n\n

Feedback p\u00e5 vores klientrapport var ikke n\u00e6r s\u00e5 positiv som vores pitch, men det var stadigv\u00e6k mere positivt end negativt. Vi fik at vide, at vi havde lidt for meget tekst og s\u00e5 nogle forskellige generelle forbedringer til design og layout af rapporten. Da de forskellige forbedringer blev n\u00e6vnt, fandt jeg mig selv meget enig i det. S\u00e5 det var ogs\u00e5 meget godt.<\/p>\n\n\n\n

\n\n\n\n

Her er der lige nogle ekstra billeder af os der arbjeder og vores proces med at skrive ned p\u00e5 tavlen, s\u00e5 vi nemmere kunne f\u00e5 et overblik over hvad vi var i gang med<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Refleksion<\/h2>\n\n\n\n

Jeg ved ikke, hvor meget jeg har at sige her. Jeg synes, at hele projektet har v\u00e6ret meget sjovt og sp\u00e6ndende. I starten af projektet var jeg ikke helt sikker p\u00e5, hvad jeg syntes om min gruppe, fordi to af medlemmerne havde haft ret mange dage p\u00e5 studiet, hvor de ikke var m\u00f8dt op. Men det viste sig ikke at v\u00e6re noget problem. Alle kom p\u00e5 de dage, vi aftalte at m\u00f8des, og selve gruppearbejdet gik virkelig godt. Alle lavede det, vi aftalte, og alle var inde over alle dele af processen, s\u00e5 godt de nu kunne.<\/p>\n\n\n\n

Jeg har l\u00e6rt en hel del omkring designprocessen, og hvordan nogle ting, der nogle gange virker simple, faktisk er det sv\u00e6reste ved hele projektet. Da vi skulle finde vores farvevalg, brugte vi meget l\u00e6ngere tid p\u00e5 det, end jeg havde regnet med, s\u00e5 det er helt sikkert noget, jeg vil tage med mig til projekter i fremtiden. En del af det jeg l\u00e6rte omkring farvevalg var ogs\u00e5, at farvevalget ikke kun handler om \u00e6stetik, men ogs\u00e5 om tilg\u00e6ngelighed og branding. <\/strong>Jeg l\u00e6rte ogs\u00e5, at det er en god id\u00e9 at starte en del tidligere p\u00e5 noget, hvis det skal laves i et program, man ikke har s\u00e5 godt kendskab til, nemlig vores klientrapport. Det blev ret stressende til sidst i projektet, da det eneste, vi manglede at lave, var vores klientrapport. Vi skulle have startet p\u00e5 den tidligere, fordi det endte med, at mit ene gruppemedlem sad og lavede det hele, mens vi andre kun kunne se p\u00e5 og give feedback. S\u00e5 hvis jeg kunne \u00e6ndre noget ved vores proces, s\u00e5 ville det helt sikkert v\u00e6re det. Fremover vil jeg pr\u00f8ve at s\u00f8rge for at vi starter tidligere i projektet p\u00e5 arbejdet med ukendte programmer som Indesign, s\u00e5 alle i gruppen kan v\u00e6re med at arbejde p\u00e5 bl.a. klientrapporten, i stedet for at man kun kan se p\u00e5 og stresse den person som rent faktisk laver rapporten.<\/p>\n","protected":false},"excerpt":{"rendered":"

Kick-Off Til kickoff fik vi hurtigt lavet en gruppekontrakt, hvor jeg blev valgt som gruppeleder. Vores ene gruppemedlem var ikke p\u00e5 studiet (UCL), s\u00e5 vi skrev sammen med hende, s\u00e5 godt vi kunne, via beskeder. Da hun havde tid om aftenen, fik hun tjekket vores kontrakt igennem og skrevet under p\u00e5 den. Vi fandt ogs\u00e5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":13,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}