Projekt 2, Bannere. Reklamebanner og landing-page for kulturnatten Vejledere: DSK, MORO, FDTA, IWPO

Transkript

1 Projekt 2, Bannere Reklamebanner og landing-page for kulturnatten Vejledere: DSK, MORO, FDTA, IWPO CLmul-a12e 1. Semester, 2. projekt Lasse Mathias Bruun Overgaard Karina Rossing Kjær Hansen Lucas Perch-Nielsen Niclas Sand Jacobsen

2 Bannerprojekt Vi har fået til opgave at udvikle vores egen kampagne for Kulturnatten 2012 i form af tre bannere og en landing-page - disse med fælles konsistent visuel stil. Det overordnede formål med kampagnen har været at tiltrække flere besøgende til denne årlige kulturbegivenhed. Gruppen var som udgangspunkt enige om at arbejdet skulle foregå kollaborativt frem for kooperativt. På denne måde sikrede vi os at alle gruppemedlemmer fik en mere grundig forståelse for alle arbejdsområder. 1. Læringsmål - Arbejde med vektor-grafik, bitmap-grafik samt flash-animation. - Skabe et sammenhængende tema mellem de tre bannere og landing-page. - Anvende forskellige værktøjer indenfor projektplanlægning - Arbejde gruppeorienteret - Anvende tilegnede kompetencer fra undervisningen 2. Projektplanlægning Ved hjælp af WBS (Work Breakdown Structure) har vi lavet en agenda for de forskellige arbejdsområder i projektet. Vi har fastsat milepæle med ønsket om at arbejde struktureret med henblik på at sikre os det bedst mulige overblik igennem projektforløbet. 2

3 I dette projekt har vi planlagt vores tid vha. Gantt-diagram og nedbrudt projektet i relevante arbejdsopgaver. Et Gantt-diagram er et vigtigt værktøj til at skabe overblik over et større projekt. Da dette projekt ikke har været så omfattende, har det været begrænset, hvor meget vi har anvendt selve diagrammet. Vi har under hele forløbet haft et godt overblik. Interessent og risiko analyse I opstartsfasen på større projekter er det nødvendigt at lave en risikoanalyse, hvor man tager højde for eventuelle risici forbundet med projektarbejde. Vi har i dette mindre projekt forsøgt at holde os til de fastlagte arbejdsdage og har som udgangspunkt sørget for at komme hurtigt i gang og fastsat milepæle, for at imødekomme eventuelle tekniske problemer samt udeblivelse. Vi har ved projektets start fastlagt interessenten, som led i interessentanalysen. I vores tilfælde ville en oversigt over interessenter se ud som følger: - Kulturnattens bestyrelse - Københavns Kommune - Kulturnattens sponsorer - Aktivitetsafviklere (Fx forretninger og museer) - Kulturnattens besøgende (målgruppen) Vi har fastsat Kulturnattens bestyrelse som den primære interessent, da de som afviklere har størst interesse i selve udfaldet. Det har været vores opgave at udarbejde et produkt for netop Kulturnatten. Dette har ligget til grundlag for at prioritere Kulturnattens bestyrelse højest som interessenter. Vi vurderer målgruppen til at være vores sekundære interessent. 3

4 3. Design I følgende afsnit har vi taget udgangspunkt i udvalgte designprincipper fra bogen 20 designprincipper af Ian Wisler-Poulsen. I designprocessen af vores bannere og landing-page har vi valgt kun at inddrage enkelte elementer. Dette er udført med henblik på ikke at fjerne fokus fra det egentlige budskab. Samtidig kan dette bidrage til et bedre helhedsindtryk. Vi har forsøgt at skabe hierarki i vores design, i form af kontrast, for at bannerne fremstår struktureret. Udfordringen lå i at få kontrasterne til at samarbejde, men samtidig skabe spænding i designet. Vi har lagt vægt på størrelseskontrast, placeringskontrast og farvekontrast. For at skabe spænding i designet af vores bannere, da de i første omgang bestod af statiske elementer, tilføjede vi dynamiske elementer ved brug af animation. Farver Da farver betragtes som grundelementer i visuel identitet, er vores farver valgt omhyggeligt. De udvalgte elementer står tydeligt frem på grund af kontrasten. Vi har begrænset antallet af gennemgående farver og er endt op med en palette bestående af syv farver. Farverne er taget fra nedenstående billede. Billedet indgik i vores arbejde med mood board i research-processen. 4

5 For mange farver kan virke forstyrrende for brugeren. Vi har generelt valgt at skelne mellem elementer der bidrager til ophøje designets værdi og overflødige elementer. Ensartethed Vi har lagt stor vægt på ensartethed i vores design af de tre bannere. Elementer med fælles karaktertræk har stærk relation til hinanden. Fællestræk ses på bannerne i form af farve, form og størrelse samt skrifttype, dekoration og placering. Form og farve er de stærkeste parametre i forhold til princippet om ensartethed. Vi har valgt at begrænse mængden af variation, da princippet dermed er stærkest. Baggrundsbilledet går igen alle steder for at skabe ensartethed. Luft Elementer har brug for luft omkring sig ellers risikerer designet at virke klemt. Mængden af luft kan bruges til at skabe opmærksomhed. På vores tre bannere har vi gennemgående et simpelt design, med det formål at skabe ro og troværdighed. Dette sætter samtidig fokus på de enkelte motiver, teksturer og figurer. På vores landing-page har vi valgt en venstreorienteret placering af tekstboksen med henblik på at sikre, at brugeren læser alt indholdet jf. det gyldne snit. Derudover giver det brugeren en oplevelse af genkendelighed, ved at baggrundsbilledet fremgår tydeligere, da det går igen på alle bannerne. Linjer og symboler Linjer skaber orden i et design, og resultatet kan dermed opleves mere struktureret. Orden og struktur er med til at skabe troværdighed. Lyseffekten i baggrundsbilledet skaber linjer der styrker teksten som blikfang. Månen på Medium rectangel banneret er med til at understøtte en stemning af nat og fremhæver samtidig vores ønskede stil. På samme måde har vi brugt et billede med en menneskemængde i Wide skyscraper banneret for at symbolisere sammenhold, storby, mørke, hygge og mystik. På vores landingpage har vi brugt samme stil. 4. Læringsevaluering Vores valg om at arbejde kollaborativt gør at vi evaluerer vores læring samlet. De enkelte læringsevaluering er tilgængelige på vores web-portfolioer, som der henvises til nedenfor: 5

6 Lucas Perch-Nielsen: Karina Rossing Kjær Hansen: Niclas Sand Jacobsens: Lasse Mathias Bruun Overgaard: semester/banner-projekt I Illustrator har vi arbejdet med farve-tema og logo-design. Derudover har vi fundet en mere personlig font på nettet til design af vores logo. I forbindelse med design af logo har vi arbejdet med at finpudse afstanden mellem bogstaver for at give det et personligt udtryk. I Photoshop har vi hovedsageligt eksperimenteret med at skabe unikke stemninger ved at blande forskellige lag vha. bestemte blending-modes samt justering af opacity. Fx har vi anvendt et lag med en beton-overflade for at skabe en rå tekstur til vores valgte temafarver. Yderligere har vi anvendt et sløret billede fra Kulturnatten for at skabe en mystisk udtryk som symbol for natten i vores gennemgående design. I Flash har vi arbejdet med forskellige animations-teknikker i vores bannere såsom classic tween og alpha-effekt. Ydermere har vi brugt ActionScript til at lave eksterne links således at vores bannere fungerer som en stor knap med link-funktion. I Dreamweaver har vi arbejdet med HTML og CSS til udformning af vores landing-page og html-siden med de tre bannere. Vi har opsat CSS-filen i et ekstern style-sheet. Vi har lært hvilke begrænsninger som følger med kollaborativt arbejde. Selve projektet har taget væsentlig mere tid, eftersom vi ikke har uddelegeret opgaver, men tværtimod arbejdet sammen om alt. Fordelen har været, at vi alle er tilfredse med resultatet, fordi vi alle har været inde over alle arbejdsopgaver. Ulempen er, at vi kunne have sparet mange timers arbejde ved at arbejde individuelt på de forskellige arbejdsopgaver i projektet. Den kollabrative arbejdsform har fungeret, projektets størrelse og læringsmål taget i betragtning. Vi er tilfredse med resultatet, vi har nået vores mål og produktet er over forventning. 6