Vejledere: Bjarne Slipsager, Mona Lyngs Kjærgaard, Anni Grøndal, Kirsten Kasch, Pernille Christiansen, Peter Storm- Henningsen

Transkript

1 - Odense Vinterjazz mjeldecs.com/style Rapport udarbejdet af: Christian Hamburger Grøngaard Jacob Emil Mjelde Jeanette Christensen Mikkel Mørk Vejledere: Bjarne Slipsager, Mona Lyngs Kjærgaard, Anni Grøndal, Kirsten Kasch, Pernille Christiansen, Peter Storm- Henningsen MMD Odense, November anslag

2 1. INDLEDNING! 2 2. PROBLEMFORMULERING! 3 3. METODE! 4 4. KOMMUNIKATION! Research og analyse! Idékatalog! Brugerscenarie! Mission statement! DESIGN! Research og analyse af modernisme! Karakteristika ved kubisme! Websites, der anvender kubismens karakteristika! Odense Vinterjazz! VIRKSOMHED! Observationsbaseret research & konceptudviklingsmetode! Projektstyring og evaluering! INTERAKTION! Analyse! Struktur/modellering! Realisering/kode! KONKLUSION! LITTERATURLISTE! Bøger! Websites! BILAG! Spørgeskema! Kommenteret visuel collage af målgruppen! London 2012! Fotodokumentation fra koncerten med No Slips! 26 Side 1 af 27

3 1. INDLEDNING Hvordan gør man jazz spændende på en måde så genren henvender sig til generationen af årige? Umiddelbart virker dette spørgsmål svært, men hvorfor egentlig. Kigger man på jazzens historie vil man opdage at genren har nogle karakteristika som passer utrolig godt til det unge segment. F.eks. er jazz en stilart, som kan være svær at afgrænse, da den indeholder forskellige musikgenrer. Dvs. at hvis du er til rock, pop eller elektronisk osv. kan du helt sikkert finde din niche når det gælder jazz. Jazzens begyndelse i USA var også skelsættende da den, modsat de allerede eksisterende genrer, udtrykte kropslighed, sensualitet og nærmest var synonym med sex. Man kan derfor med god grund undre sig over, hvorfor jazz ikke har formået at henvende sig til en bredere del af befolkningen end genren hidtil har været i stand til herhjemme. Her er det så at Odense Vinterjazz kommer ind i billedet, de mangler på nuværende tidspunkt et website som sigter mod de unge. Ønsket er at dette skal opnås på en unik, ny og anderledes måde, men måske det ønske kunne blive opfyldt ved at kigge på hvad jazz egentlig er og står for, og på en passende måde kommunikere dette til de unge. Side 2 af 27

4 2. PROBLEMFORMULERING 2.1 Vi ønsker at skabe et website til Odense Vinterjazz, som præsenterer jazz på en ny og spændende måde og som appellerer til det yngre publikum Vi ønsker at undersøge om det er hensigtsmæssigt at fange det yngre publikums interesse vha. et website Vi ønsker at udarbejde et website og grafisk identitet til Odense Vinterjazz som tager udgangspunkt i stilarten kubisme og anderkendte designprincipper Vi ønsker på website et at implementere en ny og spændende idé skræddersyet til målgruppen. Side 3 af 27

5 3. METODE 3.1 For at sikre os at det er hensigtsmæssigt at fange det yngre publikum med et website, laver vi en Field Research af målgruppen. Denne undersøgelse foretages på baggrund af et spørgeskema. 3.2 For at sikre os at website ets grafiske ramme udspiller sig inden for kubismen, laver vi en Desk Research af denne kunststilart. 3.3 På baggrund af besvarelser af vores spørgeskema sikrer vi os at vores idé til en ny og spændende implementation på website et er skræddersyet til målgruppen. Side 4 af 27

6 4. KOMMUNIKATION 4.1 Research og analyse Dataindsamling Til at indsamle data benyttes en kvantitativ analyse i form af et spørgeskema. Informationer indhentet vha. spørgeskemaer er primær data. Fordelene ved primær data er bl.a. at information er anskaffet til det konkrete formål og er derfor mere præcis, og at det er muligt selv at designe analysen. 1 Efter bestemmelse af dataindsamlingsmetode er næste skridt at få fastlagt og defineret respondenter til at løse opgaven. 2 I opgaveformuleringen er målgruppen allerede givet, altså studerende på Multimediedesigneruddannelsen. Se bilag 10.1 for spørgeskemaet Definition og karakteristik af målgruppen Målgruppen, studerende på Multimediedesigneruddannelsen, må antages at befinde sig i alderen år. I denne aldersgruppe finder man de moderne, de moderne individorienterede samt de moderne-fælleskabsorienterede 3. Disse tre segmenter adskiller sig på mange områder såsom politisk ståsted, syn på karriere og menneskesyn. Man kan med fordel se bort fra disse forskelle og i stedet fokusere på hvad de tre segmenter har tilfælles. En væsentlig del af det moderne segment og det moderne-fællesskabsorienterede segment er studerende. Alle tre segmenter er storforbrugere af computere til b.l.a. arbejde, informationssøgning og daglige gøremål. Det moderne-individorienterede og det moderne fællesskabsorienterede segment er politisk engageret og benytter sig begge af kulturelle forlystelser som f.eks. cafeer, restauranter, biografer og musikarrangementer. Det vil være relevant at tilføje at sidstnævnte segment ofte 1 Side 277, International markedsføring, Trojka 2 Side 299, International markedsføring, Trojka 3 Gallup, Side 5 af 27

7 lytter til jazz. Det moderne og det moderne individorienterede segment deler interessen for ny teknologi 4. Man kan sammenfatte ovenstående oplysninger og karakterisere målgruppen: Alder år Studerende Computerbrugere Internetbrugere Brugere af kulturelle forlystelser Interesse for ny teknologi Politisk engageret Informationssøgning via internet Se bilag 10.2 for en kommenteret visuel collage af målgruppen inspireret af Piet Mondrian s Composition No Resultater fra spørgeskema Aldersfordeling: år Gennemsnit: 25 år 4 Gallup, Side 6 af 27

8 Side 7 af 27

9 Side 8 af 27

10 4.1.4 Resultatrefleksion Resultaterne fra spørgeskemaerne bekræfter forventningerne til målgruppen. Størstedelen af deltagerne benytter facebook til at finde information om arrangementer og 60% benytter sig af kulturelle forlystelser én gang om ugen eller én gang om måneden, dermed er det bekræftet at segmenterne hyppigt benytter internettet og glædeligt deltager i kulturelle begivenheder. Derudover giver resultaterne nogle nye, relevante svar i processen for at udvikle et site til Odense Vinterjazz. F.eks viser det sig at kendskab til kunstner og musikgenre spiller en stor rolle og at rock er den helt store vinder blandt deltagernes favoritgenre. Ydermere er musikken prioriteret højere end f.eks. billetpris og socialt samvær. Side 9 af 27

11 4.2 Idékatalog Følgende idékatalog indeholder idéer til implementation på website et til Odense Vinterjazz. Tidslinie/Leksikon Genreopdagelse Info to phone Facebook-invitation Idéen går ud på at der i websitet implementeres en interaktiv tidslinie over jazzens historie. Tidslinien kan bruges til at gå på opdagelse og læse om jazzmusikkens milepæle og historiske ikoner. Idéen bygger på opdagelse af jazzmusikken gennem allerede kendte genrer. Vores målgruppeanalyse viste at de færreste hører jazz til hverdag. Informationer om jazzarrangementer kan sendes til brugerens telefon. Heriblandt informationer om gpskoordinater til vejvisning. Der implementeres mulighed for at invitere sine Facebook-venner til jazzarrangementer. 4.3 Brugerscenarie Her følger et brugerscenarie, hvor vi følger den Multimediedesignerstuderende Mark på 24 år, der besøger website et for Odense Vinterjazz for første gang: Mark har lyst til at høre noget livemusik i weekenden, han er derfor gået på facebook. En af Marks venner har linket til Odense Vinterjazz. Fedt med en festival, tænker Mark, men det var ikke lige jazz han ønskede at høre, Mark er mere til rock, men giver det alligevel en chance og trykker ind på odensevinterjazz.dk, dog nærmest med musen over vinduets luk-knap. Mark ser nu forsiden af odensevinterjazz.dk med de flotte farver og knappen The Jazzyfier, han tænker at det ikke lige var sådan en hjemmeside han havde forventet og fjerner langsomt musen fra browserens luk-knap, han er nysgerrig. Under Jazzyfi læser Mark at mange kunstnere deriblandt rockkunstnere mixer musikgenrer. Vha. Jazzyfi funktionen, trykker han på underkategorien rock og bliver henvist til youtube.com, hvor han lytter til et stykke jazzmusik med inspiration fra Side 10 af 27

12 rockgenren. Han er positivt overrasket over den smarte funktion og trykker på share on facebook knappen. Mark har nu fået vækket interessen idet han har fået øjnene op for at jazz kan være andet end Miles Davis, og køber en billet til Odense Vinterjazz. 4.4 Mission statement Vores mål med website et er at få flere unge mellem år til at interessere sig for Odense Vinterjazz. Vi forventer at kunne finde ud af, hvordan vi får dem til at interessere sig for dette ved hjælp af dybdegående research og analyse af vores målgruppe: Hvad er deres interesser, hvilke musikarrangementer deltager de oftest i, hvad ville gøre et jazzarrangement mere tiltalende og ikke mindst hvordan får vi fanget deres interesse? Ydermere vil vi gøre Odense Vinterjazz s website mere moderne og appellerende for det yngre publikum. Dette vil vi gøre ved at tage udgangspunkt i stilarten modernisme, researche på jazzen som genre og herved forsøge at skabe en anderledes og interessant oplevelse for de besøgende. 5 5 Center for Business Planning, Side 11 af 27

13 5. DESIGN 5.1 Research og analyse af modernisme Modernisme omslutter mange kunstneriske dialekter, her i blandt kubisme, fauvisme, surrealisme og pop art. Vi har valgt at tage udgangspunkt i stilarten kubisme til at udforme det grafiske udtryk på website et. I perioden indtil tiden omkring 2. Verdenskrig var Paris centrum for kunstenere fra hele verden. Her udsprang også kubismen omkring ved kunsterne Braque og Pablo Picasso. Helt specifikt betegnes Picassos billede Les Demoisleles d Avignon 6 som kubismens startbillede. 7, 8, Karakteristika ved kubisme Kubisme blev i sin begyndelse udformet Braque og Picasso omkring Karakteristika ved kubisme: Motiv på ensfarvet baggrund Ornamentale kompositionsformer kasseret til fordel for en lav, reliefagtig virkning Flade motiver, perspektiv skabes ved gensidige overlapninger og farvernes indbyrdes kontrastvirkninger Stærkt forenklede former, motivet bliver opløst i fragmenter af geometriske former Abstrakt Minimalisme 10, 11 6 Frøknerne fra Avignon 7 S. 220, Verdenskunsten - Fra fortid til nutid, Lademann 8 S. 98, Billedkunst - Ismer i dansk maleri efter 1870, Gyldendal 9 Den Store Danske, %2c_realisme_og_modernisme/modernisme_(Billedkunst) 10 S. 102, Billedkunst - Ismer i dansk maleri efter 1870, Gyldendal 11 Den Store Danske, Ekspressionisme,_kubisme,_symbolisme_og_futurisme_mv./kubisme Side 12 af 27

14 5.3 Websites, der anvender kubismens karakteristika Website et og logo til de kommende Olympiske Lege i London anvender tydeligt kubismens karakteristika. Især logoet, men også billeder og menupunkter på website ets forside er udformet i forenklede geometriske former. Se bilag 10.3 for screenshot af hele website et. 5.4 Odense Vinterjazz Hvordan bruger Odense Vinterjazz kubismens karakteristika Her ses et forstørret billede af vores logo til Odense Vinterjazz. Logoet benytter sig tydeligt af kubismens karakteristika. Logoet forestiller et snefnug skabt hvor perspektiv og formgivning skabes ved overlappende geometriske former. Side 13 af 27

15 5.4.2 Hvordan forholder Odense Vinterjazz sig til designprincipperne Logoet i forstørret udgave bruges som baggrundsbillede på website et til Odense Vinterjazz. Her gør designprincipperne gentagelse og kontrast sig særligt gældende. Farveskalaen i logoet er dobbeltkomplimentær mellem den turkis, lilla, gul og grøn. Side 14 af 27

16 5.4.3 Hvordan imødekommer Odense Vinterjazz brugergruppens behov og ønsker Dokumentation af vores nye og spændende idé skræddersyet til målgruppen Research og analyse viser at jazz ikke er den mest populære genrer hos de årige. Vores idé er baseret på at fange målgruppens opmærksomhed for jazz ved at skabe en sammenhæng mellem deres nuværende yndlingsmusik og jazz-genren. Vha. dybdegående research blev vi bekendte med at en del kunstnere mixer genrer som f.eks. hip hop, electronica, rock og pop med jazz. Disse genrer er allerede populære hos den yngre generation i modsætning til jazz. Ideen er så at udvikle og implementere en funktion på Odense Vinterjazz website, som jazzyfiserer brugerens, allerede foretrukne genre med jazz-genren. Vi kalder den The Jazzyfier. Derved skabes der sandsynligvis en interesse hos brugeren som forhåbentlig ender ud med at købe en billet til ét af Odense Vinterjazz arrangementer. Side 15 af 27

17 6. VIRKSOMHED 6.1 Observationsbaseret research & konceptudviklingsmetode Observationer og indtryk Den første observation vi gjorde os var den kreative visuelle del af koncerten. I baggrunden var der en storskærm, hvorpå der kørte slideshows af forskellige billeder og film der passede til musikken. Musikken blev pludselig noget mere end bare musik. Der blev udtrykt følelser og fortalt historier og indimellem var der korte pauser til at bearbejde - både verbalt, men også i form at skitsering på papir - de indtryk vi havde fået. Det vi primært fik ud af koncerten, og som havde stor indvirkning på vores koncept, var bandets nytænkende måde hvorpå de blandede billeder, video og tegning med musik. Nu var jazzen pludselig ikke så kedelig, som vi havde forventet. Konklusion var derfor at den vigtigste del af konceptet måtte være at finde en måde hvorpå de unges interesse kan fanges ud fra deres ønsker og behov Fotodokumentation Se bilag 10.4 for fotodokumentation fra koncerten med No Slips. Side 16 af 27

18 6.2 Projektstyring og evaluering Tidsplan og projektstyring Se bilag 10.5 for tidsplan Refleksion over projektforløb og gruppearbejde Gruppearbejdet har fra starten af været godt. Vi fik startet opgaven ved at dele ansvarsområder ud med udgangspunkt i hinandens forcer. Vores kommunikation har været mangelfri og vi har været gode til at holde status over, hvor langt vi var kommet i opgaven og hvad vi så skulle fortsætte med. Side 17 af 27

19 7. INTERAKTION 7.1 Analyse Til opbygning website et har vi valgt at bruge teknologierne XHTML 1.0, CSS3, JavaScript og PHP i udviklingsmiljøet Netbeans. Med Netbeans som ramme for projektet og med direkte forbindelse til vores FTP-server er det hurtigt og nemt at lave ændringer i website et. Til at style website et har vi gjort brug af CSS3-teknologier, som er den nyeste CSSspecifikation. Særligt har vi gjort brug af CSS3 s mulighed for nemt at lave runde hjørner (border-radius). Dette gør at website et - uden brug af billeder - har nogle ekstra features og lækre detaljer i en CSS3-enabled browser, men dog stadig er pæn og funktionel i en CSS2-browser. PHP bruges til inkludering af undersider på website et. Dette gør det muligt at kunne nøjes med en enkelt HTML-ramme med <head>-element og <body>-element. jquery, som er et JavaScript-bibliotek, har vi benyttet til detaljer som styring af gennemsigtighed og farveskift ved forskellige mouseover-events, samt Lightboxvinduer. 7.2 Struktur/modellering Sitemap - Odense Vinterjazz - Forside - Nyheder - Kalender - The Jazzyfier - Om OVJ - Kontakt Side 18 af 27

20 7.2.2 Wireframe Side 19 af 27

21 7.3 Realisering/kode Nedenstående kodeeksempel benyttes til at styre gennemsigtighed og farveskift på kalender-begivenheder på website et. Kodeeksempel 1: //lytter på mouseover på calenderevent kasserne $(".calenderevent").mouseover(function(){ //ved mouseover ændres farven på kanten til hvid $(this).addclass("white"); //ved mouseover ændres opacity på billedet til 1 $(this).find("img").css({ opacity : 1 }); //nu lyttes efter mouseout, og den hvis baggrund fjernes igen $(this).mouseout(function(){ //ved mouseout ændres opacity på billedet til 0.7 $(this).find("img").css({ opacity : 0.7 }); //ved mouseout fjernes den hvide kant $(this).removeclass("white"); }); }); Side 20 af 27

22 Nedenstående kodeeksempel er vores Jazzyfier. Musikstil vælges med radio-inputs, formen autosubmittes med jquery hvorefter resultaterne bliver inkluderet vha. PHP. Kodeeksempel 2: <?php //fanger værdien fra formen $radio = $_GET['radio'];?> <div id="contentwrapper"> <div class="contentevent ui-corner-tl ui-corner-br turkis" style="height: 660px;"> <div class="contenteventcontent ui-corner-tl ui-corner-br" style="height: 610px;"> <h1 class="newssuperheader">the JAZZYFIER</h1> <form action="" method="get" id="jazzyfierform"> <div id="radio"> <input type="radio" class="radiobutton" id="radio1" value="electronica" name="radio" <?php if($radio == "electronica"){ echo " checked='checked'"; }?>/><label for="radio1">electronica</label> <!-- For at gøre kodeeksemplet overskueligt har vi fjernet 5 radio-inputs --> <input type="hidden" class="radiobutton" value="jazzyfier" name="page" /> </div> </form> <?php //hvis der er valgt en musikgenre if(isset($radio)){ //inkluderes kunstere fra den genre der er valgt fra "THE JAZZYFIER" menuen include "includes/$radio.php"; } //ellers inkluderes forsiden til "THE JAZZYFIER" else { include 'jazzyfierfront.php'; }?> </div> </div> </div> Side 21 af 27

23 8. KONKLUSION Vi har ønsket at skabe et website til Odense Vinterjazz, som præsenterer jazz på en ny og spændende måde og som appellerer til det yngre publikum. Dette har vi gjort gennem omfattende Field Research af vores målgruppe, studerende på Multimediedesigneruddannelsen. Vi har ydermere gennem research af målgruppen konkluderet at det er hensigtsmæssigt at fange målgruppens interesse vha. et website. Gennem research af kunststilarten kubisme og jazz-genren og deres karakteristika er det lykkes os at udarbejde et website og en grafisk identitet der respekterer og gør brug af disse karakteristika. Derudover følger den grafiske identitet de anderkendte designprincipper. Derudover har vi på website et implementeret en ny og spændende idé skræddersyet til målgruppen i form af The Jazzyfier. Side 22 af 27

24 9. LITTERATURLISTE 9.1 Bøger Dorte Fogh, Hans Struve, Irene Søndergaard; Billedkunst - Ismer i dansk maleri efter 1870; 1. udgave, 4. oplag, 1995; Gyldendal Andersen, 2005, International markedsføring, Trojka Verdenskunsten - Fra fortid til nutid; 1971; Lademann 9.2 Websites Center for Business Planning, November 2011 Den Store Danske, November 2011 Gallup, November 2011 Jysk Analyse, November 2011 Side 23 af 27

25 10. BILAG 10.1 Spørgeskema Køn Alder Hvis du deltager i musikarrangement er, hvilke musikgenrer hører du så? Hvad får dig til at deltage i musikarrangement er? Hvor ofte tager du til musikarrangement er? Hvordan får du primært information om musikarrangement er? Mand: Sæt gerne flere krydser: - Socialt samvær - Musikgenren - Kendskab til kunstneren - God omtale - Mine venner deltager Sæt ét kryds: - Én gang om ugen - Én gang om måneden - Én gang hvert halve år - Én gang om året Sæt gerne flere krydser: - Facebook - Reklamer - Nyhedsbrev - Avisannoncer - Spillestedets hjemmeside Kvinde: Når du deltager i musikarrangement er, hvad lægger du så mest vægt på? Når du søger indformation om musikarrangement er, hvad er så vigtigst? Sæt gerne flere krydser: - Billige billetter - Billig drikkelse - Trygge rammer (vagter osv.) - Spændende show (lyd, lys, indretning etc) - Musikken - Socialt samvær - Spillestedet - Klar information om arrangementdatoer - Hurtigt overblik over priser - Information om den aktuelle genre og kunstner - Eksempler på kendte kunstnere indenfor den givne genre (link til eksempelvis youtube) Side 24 af 27

26 Style & Experience 10.2 Kommenteret visuel collage af målgruppen Cafelivet spiller også en stor rolle og cafeen bliver ofte brugt som studiecafe. Nutidens unge bruger meget tid ved computeren, derfor bliver begivenheder ofte spredt viralt via sociale sites. Alt er ikke fryd og gammen. Studierne optager meget tid hos den yngre del af befolkningen. Kulturforlystelser er et populært samlingspunkt for den unge generation. Sociallivet er en naturlig og stor del af generationen. Det afspejles også på populariteten af sociale websites. De unge er altid med helt i front nu det kommer til ny teknologi Side 25 af 27

27 10.3 London Fotodokumentation fra koncerten med No Slips Side 26 af 27

28 Side 27 af 27

29 10.5 Tidsplan Mandag Tirsdag Onsdag Torsdag Fredag Alle - Brainstorm - Uddelegering af ansvarsområder - Udarbejdelse af tidsplan - Udskrivning - Aflevering Christian - Udforming af logo og grafisk udtryk - Idékatalog - Designafsnittet - Website - Designafsnittet - Interaktionsafsnittet - Forside - Website - Sammenfatning af rapport - Konklusion - Interaktionsafsnittet - Metode Jacob - Website - Website - Website - Website - Interaktionsafsnittet Jeanette - Mission statement - Observationsbaseret research, konceptudviklingsmetode og spørgerskema - Metode - Sammenfatning af spørgeskema og målgruppe - Indledning - Metode Mikkel - Field Research - Sammenfatning af spørgeskema og målgruppe - Idékatalog - Analyse af data fra Field Research - Problemformulering - Målgruppecollage - Designafsnittet - Dokumentation af Jazzyfier - Brugerscenarie - Indledning