Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1
Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet som helhed, ved at læse opgavebeskrivelsen igennem. Derefter satte jeg mig ned og lavede en TO DO-Liste, for at skabe mig et overblik over hvad jeg gerne ville have med på min hjemmeside, og hvilke ting jeg skulle fokusere på for at nå mine mål. Jeg havde i mit første portefølje valgt at indsætte et billede af mine farveblyanter, som header. Et billede jeg selv havde taget, og redigeret i Photoshop. Dette billede havde jeg valgt skulle være gennemgående i den Wordpress skabelon, som jeg havde benyttet, da det skulle symbolisere mine kreative sider. Da jeg skulle designe mit nye portefølje, brugte jeg den første uge til at tænke meget over, hvad jeg gerne ville sige, og hvordan jeg skulle få noget personligt med ind på hjemmesiden. Da jeg bruger meget af min fritid på at tegne, syntes jeg det var relevant at bibeholde billedet fra mit første portefølje. Jeg valgte derfor at indsætte billedet i mine skitser, og fik derigennem ideen om at lave en kasse hvori blyanterne kunne stå. Jeg begyndte at tænke på hvad man har på et skrivebord, og syntes at det kunne være fedt at lave en post-it, og indsætte et fotografi samt tekst. Ting der kunne sidde fast på trækassen, med blyanterne i. Planlægning: Da jeg havde fundet den overordnede ide til mit design, lavede jeg et par wireframes i et program der hedder Pencil - se nedenfor: 2
Jeg lavede derefter en plan for hvordan jeg ville strukturere min tid, i forhold til de arbejdsopgaver, som skulle opfyldes. Planen består af 7 uger, med start d. 2 December og slut d. 16 Januar. Så jeg kunne aflevere dagen inden afleveringsfristen, som var d.17 Januar 2014. Som det ses på planen, valgte jeg at holde en uge mellem jul og nytår (Uge 4.) næsten helt fri fra projektet. Jeg planlagde derudover at have lavet mine to redesign af tidligere projekter: Bannerprojektet Redesign af hjemmeside (Et allerede eksisterende site for et Museum) Som det første, for at kunne koncentrere mig fuldt ud om redesignet af mit portefølje. Jeg har igennem forløbet fulgt min plan meget godt, og har derfor ikke haft behov for at ændre den undervejs. Den tillod mig at passe mit studiejob eller at holde en fridag i ny og næ, men holdt mig samtidig i gang, da jeg hele tiden havde ønsket om ikke at overskride de fastsatte grænser, for hvornår en del af projektet skulle være færdigt. Brugertest: Jeg lavede en brugertest på mit gamle portefølje, for at blive klogere på hvad jeg skulle fokuserer på i mit nye. Brugertesten lavede jeg med to klassekammerater på skolen, og satte derudover en veninde (Der ikke læser multimediedesign) til at teste sitet. 3
Alle brugere var enige om at, det er godt med en simpel navigation i form af få menupunkter. Der blev nævnt at det fungere godt med kontaktformen, og det faktum at den er gennemgående på alle sider. Og at siden var nem at finde informationerne man ønskede på. Flere af testpersonerne mente at det er overflødigt med et punkt, der hedder 1. semester, når det er det eneste jeg har på nuværende tidspunkt. (Men at det ville være relevant på et senere tidspunkt på studiet). Og en enkel nævnte at det er dumt, at der kan trykkes på menupunktet 1. semester, uden at der er indhold på siden. (Et gennemgående problem der dog ikke er muligt at ændre i den skabelon, som jeg havde valgt at arbejde med i Wordpress). Jeg har haft alle punkter med i overvejelserne for mit nye portefølje, og ændret på de ting der ikke fungerede så godt på det første. På trods af at jeg selv er fan af kontaktformen på mit gamle portefølje, har jeg valgt at undlade at have den med på det nye. Dette skyldes at jeg på nuværende tidspunkt ikke er i stand til at lave databasen bag formlen, og jeg derfor ikke kan lave den funktionel på hjemmesiden. Jeg har i stedet valgt at indsætte en "footer" med min e-mail adresse. Så kontaktinformationen stadig er let tilgængelig. Det at lave en brugertest på mit første portefølje var svært, da det er en meget simpel hjemmeside. Men jeg syntes det er en god fremgangsmåde, når man skal arbejde med redesign, da det gør det tydeligere hvor og i hvor høj grad, der er problemer, som kan løses. Målgruppe: Igennem hele projektet har jeg haft fokus på min målgruppe, og det generelle formål med at lave hjemmesiden. Min hjemmeside er mit portefølje, som skal dokumentere hvad jeg lærer på studiet, som multimediedesigner på CPH-Business. Den skal løbende opdateres, med de kompetencer jeg tilegner mig, men også give modtageren et billede af hvem jeg er, og hvad jeg kan tilbyde. Derfor har jeg ikke bare indsat de projekter vi har lavet på studiet, men også lidt af det arbejde jeg har lavet i Photoshop og Illustrator. Og lidt tegninger jeg har lavet ved siden af. 4
Min målgruppe for dette projekt er derfor både et firma, en arbejdsgiver, og mine undervisere, men også andre med samme interesse. Alle nogle der bedømmer min kreativitet indenfor design og webudvikling. Design: Det overordnede design fik jeg styr på igennem mine skitser og wireframes, men alt fra farvevalg, til hvilken typografi der er anvendt, er sket undervejs i processen. Konklusion: På nuværende tidspunkt er mine kompetencer begrænsede, til det vi har lært på 1. semester, og de få ting jeg har lært igennem mine selvstudier. Da jeg ikke havde nogen kendskab til kodning (HTML & CSS), da jeg startede på studiet. Jeg har lært meget af selv at arbejde med kodning og design igennem dette projekt. Jeg ser frem til at blive bedre, i takt med at min viden vokser. Men føler dog at jeg har rykket mig et godt stykke allerede, og at jeg er godt tilfreds med resultatet af projektet her. 5