Mul B 13 CPHBUSINESS 25/ Banner Projekt. 4 / Mul B / 2013

Transkript

1 Banner Projekt Gruppe nr. /Hold / Årgang: 4 / Mul B / 2013 Gruppe oplysninger: Navn Elevnummer Sarina Trein Bødker sarinabodker@hotmail.com 114 Christian Skat Kærager ckaerager@gmail.com 85 Nanna Hviid nannahviid@yahoo.dk 106 Saber Qaymi ekthatiger12@live.dk 105 Lærere: Merete Geldermann Lützen Jesper Hinchely URL: Sarina Trein Bødker Christian Skat Kærager Nanna Hviid Saber Qaymi 0

2 Indledning Vi valgte at dette projekt skulle handle om det engelske alternative rockband Muse. Vi valgte netop dette band da det var et band, som flest fra gruppen kendte i forvejen. Vi havde derfor allerede fra start, en idé om hvordan stilen og udtrykket skulle være i vores bannere og landingpage. De skulle nemlig stamme fra det samme univers, som man finder i deres musik. Det lidt mystiske og surrealistiske univers. Læringsmål for gruppen Vores mål for opgaven var overordnet set at opfylde de obligatoriske krav, og forbedre vores kompetencer inden for de forskellige fag. Vi skulle designe tre reklamebannere, der skulle linke videre til vores landingpage. Vi skulle designe disse ved hjælp af HTML- og CSS-kodning, Illustrator, Edge Animate og Photoshop. For at få det bedst mulige design til både bannere og hjemmeside, ville vi også benytte os af nogle af de 20 designprincipper. Derudover ville vi også levere et produkt, der kunne inspirere os til videre læring. Bl.a. af denne årsag valgte vi bandet Muse. Teamwork var noget vi ville have skulle spille en vigtig rolle i dette forløb. Gruppearbejde er i sagens natur modsætningsfyldt, lærerigt og ofte inspirerende. En gruppe mennesker med forskellige ønsker og forcer slår sig sammen for at lave et fælles produkt. Det var derfor vores mål at alle fik en stemme, og havde mulighed for at komme med forslag. Dette gav mulighed for at lade sig inspirere, af hinandens styrker så produktet i sidste ende ville få det bedste udfald. Er opgavens mål nået Vi har i Edge Animate designet tre reklamebannere i de påkrævede størrelser, og uploadet dem til et website. Vi har sørget for at have en rød tråd i de tre bannere og vores landingpage, og mener derfor at de har en konsistent visuel stil. Dette har resulteret i, at brugeren nu kan se at alle bannere og vores landingpage hører til det samme band, Muse. De tre bannere linker videre til vores håndkodet og webbaseret landingpage, der er lavet i HTML5. Stilen er kodet med CSS, og vi er selv godt tilfredse med det udseende den har fået. Den har fået et lidt mørkt og mystisk udtryk, med stjernehimlen og flammende neon ansigter. Disse effekter synes vi selv passer godt til bandet Muse, der bl.a. producerer musik i genren "Space Rock". Vi har både benyttet os af bitmap- og vektorgrafik. Blandt andet er Muse-logoet på vores landingpage lavet i det vektorbaserede program Illustrator, mens vi til bannerne primært har brugt bitmap grafik. Vores mål om at få et flot design, ved hjælp af forskellige designprincipper er også nået. Dette ses bl.a. i vores bannere, hvor vi har benyttet os af princippet ensartethed. En stor del af teksterne i vores bannere, har det fælles karaktertræk, at de er orange. På grund af den stærkere relation, 1

3 virkede bannerne derfor mere struktureret og organiseret. Den orange farve går også igen på vores landingpage. Vi er i gruppen alle enige om, at vi har opfyldt de forskellige krav der blev stillet til opgaven. Metode / Arbejdsform For at nå opgavens omfang og samtidig komme i dybden med den, valgte vi fra starten af at dele arbejdsbyrden op imellem os. Vi valgte at veksle mellem at redigere delene i fælles forum og arbejde individuelt, indtil opgaven var så færdigt, at den kunne sammensættes. Vi forsøgte at fordele arbejdet mellem os, så alle fik arbejdet med noget de ikke var stærke i samt det omvendte. Dette havde til formål at alle fik mulighed for at lære noget nyt, samtidig med at vi også vægtede den praktiske del af projektet højt, i forhold til tid og deadline. For at understøtte kommunikationen oprettede vi en lukket Facebookgruppe, hvor vi løbende kunne poste udkast af de opgaver, vi var i gang med eller stille spørgsmål og søge hjælp hos hinanden. Her oploadede vi også kildemateriale (primært youtube tutorials) som vi havde benyttet individuelt til fælles information. Her kunne vi lære de redskaber, vi ikke kendte til i forvejen til at lave bannere og landingpage. Vi brugte hovedsageligt diverse tutorials om metoder og forskellige værktøjer i Photoshop, Illustrator og Edge Animate - såsom hvordan man laver billeder i Photoshop med "flammeeffekter" eller hvordan man udarbejder og gemmer vektorbaseret grafik med transparent baggrund osv. I forhold til den praktiske side af projektet benyttede vi os løbende af "to-do-lister" og lister med arbejdsfordeling, som blev opdateret efterhånden som projektet skred fremad. Vi afholdte møder hvor vi samlede trådene og fordelte de fremtidige arbejdsopgaver på lister. Disse lister blev også oploadet til vores Facebookside med det formål at alle havde mulighed for løbende at tjekke dem. Soundvenue Hjemmesiden vores bannere skulle ligge på, besluttede vi os for, skulle være et screenshot af musikportalen "Soundvenue". Vi valgte netop denne side, da vi mener at Soundvenue ville være et sikkert og godt valg, at markedsføre bandet Muse igennem. Muse er netop, som tidligere nævnt, et alternativt rockband, der benytter sig af mange forskellige musikgenre. Helt fra alternativ rock og elektronisk, til klassisk, hvilket ligger godt i tråd med Soundvenue, der skriver om mange forskellige musikgenre, og bands. 2

4 Hvad har gruppen lært Overordnet set lærte vi at samarbejde på tværs af forskelligheder, ønsker og færdigheder. Vi blev i fællesskab enige om, hvordan vi skulle løse og fordele arbejdsopgaverne og hvordan det færdige produkt skulle udformes. Vi var løbende gode til at melde ud til hinanden, hvor langt vi hver især var kommet med vores del af projektet og blev under processen bekræftet i, hvor vigtigt en god og kontinuerlig kommunikation er, for at få struktureret og samlet et projekt. Vi kunne ud fra vores proces erfare, at oprettelsen af vores Facebookgruppe var et nyttigt og virkningsfuldt redskab til konstant at kunne kommunikere med hinanden og dermed holde sig opdateret på projektet. I forhold til kildemateriale kunne vi endnu en gang konstatere, hvor velfungerende youtube tutorials var som undervisningsmateriale. Tiden var en faktor vi blev udfordret på. Dels skyldtes den knappe tid, at flere af programmerne var helt eller delvis nye for os. Og dels skyldtes det også at vi var grundige og ambitiøse og brugte en del tid på at sætte os grundig ind i programmerne, for at være i stand til at udføre de forskellige arbejdsopgaver. Derudover har det også haft en indflydelse på processen, at vi ikke fra start af lavede en decideret tidsplan for, hvor lang tid vi regnede med hver delopgave ville tage. Dette kunne have hjulpet os med at have overblik over, om vi var foran eller bagud i processen i forhold til deadline. Til gengæld brugte vi flittigt vores oploadede huskelister og arbejdsfordelingslister, som helt klart bidrog til at vi fik projektet sikkert i mål indenfor deadline Derudover var vores tilgang til projektet domineret af dynamik, entusiasme og en hungeren efter at lære. Dette banede vejen til kreativiteten, hvilket både bar projektet i mål og løftede fællesskabsfølelsen. Denne arbejdsform håber vi at kunne tage med os videre i kommende projekter. Hvad har vi lært hver især Sarina: I dette projekt er jeg blevet mere sikker i brugen af Edge Animate. Bannerne skulle passe til Muse målgruppe, samtidig med at de bevarede Muse stilen. Derfor syntes jeg at jeg er blevet bedre til at arbejde i en gruppe og finde frem til en fælles løsning, ikke kun hvad angår bannerne, men også struktureringen af arbejdet, landingpagen osv. Jeg har fået mere kendskab til Illustrator og forskellen på vektor og bitmap. Samtidig har jeg fået en god forståelse af de forskellige filtyper. Christian: "Jeg har primært arbejdet med Edge Animate i dette projekt. Jeg kendte kun til de mest simple funktioner før, men fik under projektet bedre kendskab til de forskellige funktioner. Arbejdet blev mere flydende i takt med at jeg lærte programmet bedre at kende, og til sidst i forløbet blev det nemmere, hurtigt at rette de forskellige elementer, så de kunne fungere som man ønskede. Jeg har også fået meget ud af, at arbejde i den gruppe som jeg var i. Jeg synes at vi fik fordelt opgaverne 3

5 ligeligt, så vi kunne nå at få projektet færdigt til deadline. Jeg har lært mere om, hvad der skal til for at en gruppe kan fungere mest optimal." Saber: "Gennem arbejdsprocessen med projektet, har jeg lært bruge følgende programmer; illustrator og egde animate. Disse to programmer har hver især haft deres udfordringer, dog har det ikke været så slemt at arbejde med dem. Jeg brugte en masse tutorials fra youtube til at få en ide om hvordan programmerne virkede. Dette var en stor hjælp, og derfor heller ikke så svært at komme i gang." Nanna: Under dette projekt fokuserede jeg især på vektorgrafik i Illustrator samt animation i Edge Animate. I Illustrator, som jeg kendte mindst til i forvejen, fik jeg, i min udarbejdelse af vektorbaseret grafik, mulighed for at gå i dybden med redskaber såsom pen tool, trace image og brugen af transperant baggrund og png-filer. Det har været meget lærerigt. Derudover fokuserede jeg på animation i Edge Animate, som blev brugt til banner. Jeg har tidligere klippet video, hvor jeg har arbejdet med begrebet tidslinie, som også findes i Edge. Udover det var Edge et relativt nyt program for mig og jeg synes, det var meget lærerigt at opdage, hvordan man kan animere objekter. Ellers er jeg dybt imponeret over hvor effektivt en Facebookside er i forhold til kommunikation. Fakta om projektet Datoer vi har skrevet på bannere for CD udgivelse og koncerttidspunktet er opfundet af os. Vi ønskede at CD en og billetterne til koncerten vi reklamerede for, skulle være aktuelle, og vi valgte derfor fiktive datoer og et fiktivt spillested. Det meste af teksten på vores landingpage er Lorem Ipsum, da vi ikke havde tid nok til at skrive vores egen tekst. I stedet valgte vi at fokusere mest på designet af vores reklamebannere og landingpage. Af samme grund viser vores shop-, music- og concert menu et screenshot af Muse' officielle hjemmeside. Det er vigtigt at nævne, at banneren: Fuld banner (468x60px) ikke kunne åbnes ordentligt i andet end Chrome. Vi prøvede med browserne Explorer og Firefox men kunne ikke få det til at virke. Vi ved ikke hvad der skal gøres for at ordne det, og vi har søgt efter hjælp på internettet og hos lærere. Reflektion til senere brug Vi er alle enige om, at vi har haft en rigtig god gruppeproces, hvor alle har fået lært noget nyt, er blevet hørt og er tilfredse med resultatet. Vi vil nok overveje, om vi kan optimere processen fra start, ved at lave en tidsplan for, hvor lang tid vi regner med hver delopgave ville tage. Derudover skal vi i fremtiden gøre brug af en skriftlig kontrakt gruppen imellem, hvor vi hver især skriver under på at vi vil bidrage til gruppearbejdet - ikke at det på nogen måde har været nødvendig i vores gruppe, men det har vist sig at have været uundværlig i flere af de andre grupper. 4