Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015
Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest... 6 Designvalg... 7 Farver... 7 Typografi... 7 Struktur... 8 Læring... 9 1. Projekt - Wordpress... 9 2. Projekt Game Design... 9 3. Projekt Infographics... 9 4. Projekt Web Design... 9 5. Projekt Portfolio... 9 2
3
Mind-map Jeg udarbejdede denne mind-map på den første dag. Jeg var fra starten klar over hvordan jeg ville lave min struktur i hjemmesiden, og hvordan de forskellige menuer skulle se ud. Jeg ville gerne have en side som skulle handle om mig fortælle lidt om hvem jeg er som person og hvad jeg gerne vil med min uddannelse. Udover det ville jeg gerne have en side, et galleri, som skulle vise et par forskellige ting som jeg har lavet. Jeg har valgt forskellige billeder som viser min kreative side, både frihåndstegning og illustrationer. Jeg skulle selvfølgelig have en side til de forskellige projekter og så ville jeg lave en overordnet side, som beskriver hvordan jeg ser mine færdigheder indenfor de forskellige Adobe programmer. Jeg har holdt mig 100% til min mind-map og kommet frem til et resultat som ligner det fuldstændigt. 4
PBS WBS 5
GANTT Brugertest Jeg udførte ved projektets start en brugertest. Jeg brugte 4 forskellige personer, som skulle navigere sig rundt i min Wordpress. Jeg fandt 4 forskellige personer som havde forskellig alder, forskellige baggrund og forskellig erfaring med brug af internet. Man kan vel godt sige at resultaten ikke var fantastisk. Alle 4 testpersoner var meget enige om at hjemmesiden var mangelbar og kedelig. At den ikke så professionel ud og nærmere lignede en blog end en hjemmeside. Jeg placerede alle 4 forskellige steder på min wordpress for at de derefter skulle navigere sig rundt og finde forskellige oplysninger. Denne del af udfordringen virkede dog rigtig positivt og der var ingen forvirring mht. Navigation. Dette har jeg taget til efterretning og koncentreret mig om det kreative og det visuelle aspekt i mit redesign. 6
Designvalg Farver Jeg har valgt nogle farver som jeg synes giver et rigtig godt helhedsindtryk af min hjemmeside. Den dominerende farve er den marine-blå, som jeg har brugt i min wrapper. Denne farve har jeg valgt fordi at jeg gerne ville skabe en slags enkelthed i min hjemmeside. Blå betyder renlighed, ro og fred hvilket er nogle ting som jeg synes er gode at få igennem til dem der besøger min hjemmeside. Udover det betyder blå sikkerhed og loyalitet hvilket er egenskaber som jeg gerne vil spejle mig selv i. Jeg har valgt at sætte en gradient på min wrapper, fordi at det gør den mere kreativ og spændende. Jeg har givet stort set al tekst sort, fordi at det selvfølgelig er det letteste at læse, men også for at bevare en vis seriøsitet. Disse 5 farver matcher hinanden og giver et godt indtryk når man kommer forbi min hjemmeside. Typografi Jeg har på min hjemmeside, valgt at bruge forskellige skrifttyper til forskellige formål. Som H1 har jeg valgt et Google Font som hedder Oswald. Jeg skiftede meget mellem flere fonte som jeg ville bruge som overskrift, indtil jeg fandt frem til denne. Jeg besluttede mig for at bruge denne font fordi at det er meget enkel, meget klassisk sans-serif font og jeg synes meget godt om overskrifter der ikke forvirrer. Som H2 har jeg valgt en anden font en Google Font som hedder Bitter. Denne font har jeg kun brugt på siden Home, hvor jeg under overskriften har skrevet Multimediadesign student. Jeg har her valgt en enkel og klassisk serif font, som er lidt bredere i bogstaverne end min H1. Jeg synes at det giver en god tekstur og intensitet at blande forskellige fonts, på en stilfuld måde. Jeg har valgt at understrege denne font, for at bringe min H1 og H2 sammen som én enhed, på min index side. Jeg har også brugt denne font på min navigation. 7
Som H3 har jeg valgt en tredje Google Font kaldet Pacifico denne gang en meget anderledes font end H1 OG H2. Denne font har jeg brugt på min Profile side, og brugt den til at skrive mit yndlingscitat ad Pablo Picasso: Everything you can imagine, is real. Jeg funderede lidt rundt mellem forskellige kursive fonts, inden jeg til sidst stødte på denne font, som jeg synes giver liv til siden og virker som om at Picasso selv kunne have skrevet det. Denne font beskrives som en håndskreven font, hvilket er præcis det jeg ville opnå med den. Den sidste font jeg har brugt er American Typewriter. Jeg har valgt denne font til min side Profile hvor jeg har skrevet lidt om mig selv. Denne font er gammeldags i udtrykket og jeg synes den er sjov fordi at den er så anderledes og måske lidt vovet at bruge. Jeg har valgt at bruge den fordi at jeg ikke havde meget tekst. Hvis jeg ville bruge tekst på flere sider end min profil, ville jeg helt sikkert have valgt en anden og mere læselig font. Men jeg synes det er super sjov og bringer variation til min hjemmeside. Struktur Dette sitemap viser strukturen på min hjemmeside. Selvom det ikke er alle grene der er aktive, har jeg valgt at vise dem på dette sitemap alligevel. Min index-side har 5 undersider, hvoraf 2 af disse hver har 4 undersider som viser de 4 semestre. Under projekter, 1 sem er der igen 5 undersider som viser de 5 forskellige projekter vi har lavet i 1. Semester. 8
Læring 1. Projekt - Wordpress I dette projekt fik jeg en forståelse af hvor udfordrende jeg faktisk synes at en html opbygning er. Men det gjorde også at jeg fik blod på tanden og fik en interesse for at mestre dette. Udover det var dette projekt meget godt at starte ud med, fordi det gav en fornemmelse for hvad vores eksamensprojekt skulle indeholde. 2. Projekt Game Design I dette projekt synes jeg den bedste læring var at kunne samarbejde med folk fra en anden side af branchen. Personer som ved en masse om en helt anden del af computerteknologi og som også bliver fascineret af det man selv kan. Sjovt men udfordrende at skulle kommunikere på en ny måde. 3. Projekt Infographics I dette projekt havde jeg meget fokus på at lære så meget om de forskellige Adobe programmer som muligt. Jeg fik en god forståelse for Illustrator og Edge Animate, hvilket jeg er super glad for. 4. Projekt Web Design I dette projekt prøvede jeg at være med lidt over det hele. Jeg følte at jeg havde brug for at lære en masse om HTML, men jeg ville stadig rigtig gerne være med i det kreative og det med at udvikle et logo. Derfor synes jeg at jeg fik rigtig meget ud af begge dele og fik pludselig en fornemmelse for hvordan div er fungere på en hjemmeside meget fed følelse. 5. Projekt Portfolio Dette projekt er helt sikkert det projekt der har lært mig mest både om mig selv, men også om det faglige. Jeg har lært at jeg ikke skal være bange for at springe ud i nye udfordringer, også selvom de virker uoverskuelige. Jeg har også lært en MASSE html. Jeg vil indrømme at jeg i starten af dette projekt, følte at det hele var uoverskueligt og jeg havde en tendens til at måle mig selv med mine medstuderende. Dette er noget jeg har lagt bag mig og med blod sved og tåre er jeg kommet igennem med et produkt som jeg er meget tilfreds med! Jeg er stolt af min egen præstation og min egen vilje til at lære og gennemføre. Bring on the next! 9