Indledning 4. Problemformulering! 4. Underspørgsmål: 4. Afgrænsning! 4. Metode! 4. Hvad er Jazz?! 4. Jazz arrangement på MMD! 5.

Transkript

1

2 Indholdsfortegnelse Indledning 4 Problemformulering! 4 Underspørgsmål: 4 Afgrænsning! 4 Metode! 4 Hvad er Jazz?! 4 Jazz arrangement på MMD! 5 Målgruppen 5 Gallup Kompas! 7 Tendenser for målgruppen! 9 Valg af stilart til hjemmesiden! 9 Historien bag Modernisme/Minimalisme! 10 Karakteristika ved Modernisme/Minimalisme! 10 Web eksempel på Modernisme/Minimalisme 12 Del konklussion! 13 Hjemmeside 13 Mission Statement! 13 Idekatalog til hjemmesiden! 14 Ideer uden for hjemmesiden! 16 Ny identitet 17 Ny struktur 17 Aggressiv/innovativ markedsføring 17 Skabe interesse via events 17 Side 2 af 36

3 Feedback 19 Teknologier og værktøjer 19 Præsentation af hjemmeside 22 Evaluering af hjemmeside 22 CRAP analyse (kommunikation)! 22 Contrast: 22 Repeat: 23 Alignment: 23 Proximity: 24 Begrundelse for udformning af website! 24 Kodeuddrag! 26 Kodeeksempel 1: 26 Kodeeksempel 2: 27 Brugerprofil! 27 Brugerscenarie! 29 Projektforløb og evaluering 29 Gruppemedlemmer! 30 Refleksion af forløb! 32 Konklusion 32 Litteratur/Kilder 34 Billag 35 Side 3 af 36

4 Indledning Problemformulering Hvordan kan vi gøre Odense Vinterjazz mere attraktiv for at nå et yngre publikum? Underspørgsmål: Vil en hjemmeside som reklame-middel være nok? Hvem er målgruppen? definition af målgruppen. Hvilken stilart vil være relevant til udformning af design på en hjemmeside, og hvad skal vi være opmærksomme på ved denne stilart? Hvilket formål vil vi opnå med hjemmesiden? Afgrænsning Ud fra opgavens problemformulering opbygges en hjemmeside, som skal fange et ungt publikum. Der ønskes at skabt et univers omkring Odense Vinterjazz. Universet formes ved at bygge et brand op omkring foreningen. Der benyttes en stilart, som matcher målgruppen for at opnå maksimalt potentiale. Metode Ud fra brugersegmentering bliver målgruppen beskrevet og argumenteret. Gallup har inddelt alle mennesker i 8 forskellige segmenter. 1 Det er ved hjælp af dem, vi vil beskrive og komme med det mest optimale produkt. Der gøres desuden brug af eksisterende undersøgelser om relaterede jazzarrangementer, til argumentation for vores valg. Hvad er Jazz? Jazz er en musikgenre, der kan opdeles i flere subgenre. Blandt dem kan nævnes Swing, cool Jazz, Bebop, free Jazz med flere. 2 1 Se Gallup Kompas i infographics målgruppe 2 Side 4 af 36

5 I 1920 erne kom Jazz genren til Danmark i form af Amerikanske grammofonplader, efterfulgt af besøg fra musikere og orkestre. Det første danske Jazz orkester blev formet i 1923, af Valdemar Eiberg, som spillede på saxofon. 3 Siden har der været mange danske jazzorkestre. Jazz er mere end bare instrumenter. Det handler om rytme og god lyd, lige meget om det er på saxofon eller om det er på guitar. Jazz arrangement på MMD Mandag den 28. nov 2011, deltog vi i et arrangement, hvor vi fik et alternativt indtryk af hvad jazz kan være og hvordan det kan kombineres med andre stilarter indenfor musik. I koncerten blev elektronika og jazz kombineret, hvilket skabte musik på en innovativ måde. Med musikken som inspiration skulle vi tegne og/eller skrive på et stykke papirm, hvad musikken bragte frem i os. Dette skabte nogle kreative tegninger, som til dels vil blive brugt som inspirationskilde, til vores design på hjemmesiden. Da det er første gang vi har været til en jazz koncert, gav koncerten os, også et bedre indblik i hvad jazz er for en størrelse. Det er en oplevelse at høre, hvordan Jazz både kan give en følelse af triste ting, men også en glæde på samme tid - alt afhængig af situationen og måden det præsenteres på. Målgruppen For at få de bedste forudsætninger for at lave en hjemmeside der passer til målgruppen, analyseres målgruppen nærmere. Dette sker blandt andet via Gallup Kompas. Vi har ud fra vores afgrænsning bestemt at vores målgruppe er det yngre publikum, og har her vurderet at det er folk mellem år. For at afgrænse vores målgruppe yderligere, har vi anvendt en analyse af Copenhagen Jazz Festival 4, som viser at dette arrangement tiltrækker flest deltagere Side 5 af 36

6 Side 6 af 36

7 fra hovedstads området, hvor det afholdes. Hele 78% kommer derfra og 11% fra resten af Sjælland. Fra Fyn og Jylland kommer kun 11% tilsammen. Herfra kan vi drage paralleller og konkludere, at det er mest sandsynligt, at det er folk fra Odense, og generelt Fyn der er relevante for Odense VinterJazz, da det afholdes i Odense. Vi forventer altså at det (som Copenhagen Jazz Festival også har oplevet) er fra nærområdet der tiltrækkes flest gæster. Målgruppen der bruges til videre analyse vil, ud fra ovenstående, være folk fra Fyn i en aldersgruppe af 20-29år, og dette vil derfor også blive anvendt i Gallup Kompas. Gallup Kompas Ved hjælp af Gallup Kompas har vi konstateret at den største del, med 19%, af målgruppen, er moderne-individ orienteret. Dog ligger den moderne orienteret gruppe lige efter med 18%. De to grupper minder i store træk om hinanden og vil hjælpe os i form af designvalg og hjemmesideopbygning. Resten af målgruppen ligger som følger: 10% er individ orienteret, 10% er Traditionelindivid orienteret, 6% traditionelle, 5% traditionelle orienteret, 9% fællesskabs orienteret, 16% moderne fællesskabsorienteret og 7% ligger i centergruppen. Gruppen, Moderne-individ orienteret, er unge mennesker som er oppe på beatet og lever et liv hvor tilbud uden for huset flittigt bliver brugt. Udover at være med på beatet så er de tit på cafeer, restaurant eller diskotek hvor de har chance for at vise deres udseende frem, som også er højt på dagsordenen. 5 I dag, når man er med på beatet, vil det typisk også sige at man er med på den digitale bølge lige meget om det er smartphones eller gadgets. Målgruppen bruger meget tid på internettet hvor de bruger tid på konkurrencer, informationssøgning, netbank og mange andre digitale værktøjer. Der hvor de moderne-individ orienteret differencerer fra det moderne segment er ved fokus omkring uddannelse. Det moderne segment bruger meget energi på uddannelse, og har også typisk en arbejdsuge på over 40 timer Side 7 af 36

8 Side 8 af 36

9 Tendenser for målgruppen Et af de mest karakteristiske træk ved målgruppen er at de er flittige brugere af smartphones og internettet. Hele 51% 7 af de unge i alderen ejer en smartphone. Udover at de unge er med på smartphone bølgen er 39% af dem i alderen fra også med. Herunder ses to populære smartphones: Til venstre kan man se Apple s iphone 4 og til højre ses en HTC Evo med et android styresystem 8. Hos Apple ses et meget minimalistisk design, mobilen har også modernistiske træk, i og med de rene linier definerer mobilen. HTC har tilnærmelsesvis også et minimalistisk design, ikke i samme enkelthed som Apple, men det er tydeligt at se de rene linjer samt figurer som de bruger i hvert deres styresystem. For eksempel er det meget tydelig i Apple s kamera app. Til venstre har de en firkant, som viser det sidst taget billede, og i midten en firkant med meget runde hjørner til at tage et billede. Til højre et værktøj til skift mellem kamera og videokamera. Næsten alle værktøjer har en firkantet struktur med runde hjørner. Valg af stilart til hjemmesiden I førnævnte beskrivelse af målgruppen har vi fundet nogle modernistiske træk i et af de redskaber, som de unge er meget flittige brugere af. Vi vælger derfor på den baggrund at basere vores løsning på stilarten: Modernismen. Herunder vil der blive gået i dybden med hvad modernismen er, samt lidt af dens historie Side 9 af 36

10 Historien bag Modernisme/Minimalisme I starten af 1900 tallet, opstod design fænomenet Modernisme 9 - Modernisme kan til tider læne sig meget op af et nyere fænomen, Minimalisme. I modernisme ønskes et enkelt og stilrent design, hvor der hellere end gerne må forekomme store tomme flader. Modernisme kan virker koldt og kynisk i forhold til andre stilarter, men er i sig selv en charme for des design. Designet er oftest altid præget af former så som cirkler, trekanter og firkanter. Minimalisme benytter sig af mange af de samme komponenter og elementer som Modernisme, men trækker det til tider til ekstremer. Herunder benytter modernisme sig også af alignment, som også er kendt inden for det grafiske, dette betyder i modernismens sammenhæng, at alt passer til hinanden, og fremstår rent og lige. Karakteristika ved Modernisme/ Minimalisme Sans serif fonts Sort/Hvid ( Ellers primære farver: RØD, GUL, BLÅ, GRØN) 10 Vertikale, horisontale og diagonale linjer Kontrast - Størrelse og farver af elementer Der er få variationer på siden (2 fonts - 2 skriftsafsnit) Der bruges rene linjer og kendte former (Firkanter, trekanter og cirkler) Klare marginer, klar adskillelse mellem tekst og illustrationer Der gives plads til tom-rum hvilket sætter indhold mere i fokus Opdeling af rum i harmoniske dele (matematisk udarbejdet mønster) 9 Mediekompendiumet, opslag #1 - SDU: Medievidenskab ano Se Infographics colorscheme Side 10 af 36

11 Side 11 af 36

12 Web eksempel på Modernisme/Minimalisme De rene linier, og brugen af sort og hvid er indikator på at der er tale om modernisme. Der bliver brugt en sans sherif/sherif font. - Der er klare linier(alignment) og kontrast på siden. På PushPopPress, benytter de sig igen af kontrast farver sort/hvid og med mere iøjensprængende farver, for at skabe fokus på bestemte emner (se forside) Igen bliver der brugt en Sans-Sherif font, som er kendetegnende ved Modernisme. Der er alignment på siden, i form af de rene linier. Side 12 af 36

13 Trykt eksempel på Modernisme/Minimalisme BY: Transfer Studio Eksemplet ovenover, er valgt, pga det lidt mere abstrakte modernistiske design der er taget i brug. - En ting vi selv ønsker at benytte os af. Der er igen brugt kontrast farver, med nogle små udfald af andre farvevalg for at skabe en stemning. - Der er brugt simple former til at fremstille ting grafisk. Del konklussion Gennem bestemmelse af målgruppe og målgruppens karakteristika har vi fået bestemt hvilken stilart skal anvendes - altså Modernisme. Modernismen vil blive brugt til det grundlæggende design på vores hjemmeside, hvor de rene linier og det enkle design der vil være i fokus. De beskrevne karakteristika og eksemplerne på modernismen, giver et indblik i hvilket områder vi skal være opmærksomme på når vores side bliver bygget op. Hjemmeside Mission Statement Formålet med Odense VinterJazzes nye hjemmeside er at promovere arrangementerne som OVJ afholder, samt på en spændende måde komme ud med informationer til besøgende. Hjemmesiden skal desuden være en del af et nyt og forbedret brand af Odense VinterJazz, som skal være med til at skabe en større potentiel kundekreds. Designet har, særligt fokus på det unge publikum mellem 20 og 29 målgruppen. Side 13 af 36

14 Idekatalog til hjemmesiden - Wall of fame En hall of fame, som er bygget op som Nike better worlds side. 11 Alternativt kunne være en pæn opsætning. Vi har faktisk allerede lavet en Hall of Fame som Nike s side, men grundet HTML5, har vi ikke kunne få den valideret til at opfylde de tekniske krav. - Overskuelig kalender En kalender hvor det hurtigt er muligt at se og få overblik kommende koncerter. - Intro/info video Det vil være muligt at implementere en intro video på hjemmesidens forside, som fortæller om hvad Odense VinterJazz er, og hvad folk kan forvente. En video ville kunne skabe en følelse af hvordan det er, at være til OVJ s koncerter. - Synes godt om på facebook For at vi kan nå målgruppen, har vi implementeret en synes godt om knap på hjemmesiden. Dette gør at besøgende let kan følge OVJ på facebook og altså få de seneste opdateringer. - Musik Musik på hjemmesiden kan både være en forbandelse, men kan også være med til at give den rette stemning. Vigtigt er her at det er let at slukke for musikken, og måske skal det endda være så man selv skal starte den. - Uendelig nyhedsstrøm som facebook For at nyhedslisten på hjemmesiden ikke bliver for lang og uoverskuelig, kan man anvende samme teknologi som facebook 12 har anvendt under deres nyhedsstrøm. Dette gør at det kun er de nyeste nyheder der kommer først, og man så kan scrolle ned og vælge hvis man vil have ældre nyheder. - Fixed submenu For at gøre det lettere at navigere under punktet nyheder, på hjemmesiden kan det være en ide at lave menuen Nyhedsoversigt om til at være fixed, så den følger med ned når man scroller i nyhederne Side 14 af 36

15 Side 15 af 36

16 - Galleri For at potentielle gæster kan se hvordan stemningen har været, de andre år, man har holdt vinterjazz. Stemningsbilleder kan fortælle meget om, hvordan et arrangement har været. - Blog En blog hvor man kan følge med i, hvem de aftaler koncerter med og hvem der kommer næste år. - Videostrøm - Jazz Videoer For at skabe større interesse kunne man lave en videostrøm, med moderne jazz numre eller professionelle videoer. - Kort over spillesteder Overskuelighed skal være kodeordet over alle, derfor vil et Google map med spillestederne plottet ind, gør det nemmere og hurtigere at finde de steder hvor der bliver holdt koncerter. - Nyhedsslider For at skabe en mere livlig hjemmeside, kan det store frontbillede bruges som nyhedsslider med nogle flotte billeder. Billederne skal være med til at skabe interessen, når bruger besøger siden. - Tekst om koncerterne Når man går til koncert eller er på nippet til at gå til koncert eller ej, så er ekstra info om den kommende koncert altafgørende for brugeren. - Stor menu Stor menu skal være med til at lave de blok elementer, som vi ønsker at lave en stil ud fra. - Historie om ovj Historie er altid vigtig, den viser det format det hele startede med og det viser også en udvikling. Ideer uden for hjemmesiden For at OVJ skal få mere succes, er det en god ide at de får skabt sig et godt brand. Herunder er vi kommet med et forslag, til hvordan dette kan gøres. Vi har valgt at inkludere en fremtidig plan, for Odense Vinter Jazz. Hensigten med dette vil være at skabe et brand omkring OVJ. For at fremme Jazz i dagens ungdom, Side 16 af 36

17 er man nød til at tage innovative markedsførings metoder i brug. OVJ har brug for et fornyet image, og overveje hvor meget de vil ligge i en evt. fremtidig plan. En aggressiv markedsføringsstrategi er nødvendig for OVJ, for at kunne penetrere et solidt mainstream publikum. De har brug for følgende: Ny identitet Ny struktur Aggressiv/innovativ markedsføring Skabe interesse via events Feedback Ny identitet Odense Vinter Jazz er nød til re-lancere sig selv, ved at skabe sig en ny identitet i form af: nyt logo, ny hjemmeside, og alternativ markedsføring. Ny struktur Strukturen i foreningen skal lægges om, hvis Odense Vinter Jazz ønsker at vokse. Aggressiv/innovativ markedsføring Med aggressiv/innovativ markedsføring forstås at Odense Vinter Jazz, skal ud og finde på nye måder at markedsføre sig på. Følgende er tre eksempler på dette: Der doneres 1000 indkøbsposer til tøjbutikker rundt omkring i Odense, med deres nye design, logo og hjemmeside på. På den måde får målgruppen lagt informationen i hånden, og ser brandet. oftest vil posen blive genbrugt, og derfor set af andre. Der kunne afholdes events rundt omkring i byen om sommeren, for at skabe en stemning i bybilledet. Igen skal deres identitet være synlig i form af bannere, stickers, flyers. m.m. De kunne benytte sig af regnslag til cykelsadler. Dette er et fænomen der langsomt er voksende i større byer i Danmark. Senest er det set lokalt ved at Bar Sushi har placeret de såkaldte regnslag på alle bycykler, med deres brand og kontakt informationer på. - Dette er en yderst spændende og, innovativ brug af reklame. Skabe interesse via events I form af at Odense er en af Danmarks største studiebyer, med bl.a. Syddansk Universitet, er byen oplagt for at lave events ved semester opstart. Det er nemt at Side 17 af 36

18 Side 18 af 36

19 trække nye folk til, folk der er flyttet til byen og byde dem velkommen. - Der findes masser af små spillesteder rundt omkring i byen, der er velegnet til de lidt mere intime koncerter. Udover det vil det være med til at skabe et kendskab til internationale såvel også lokale Jazz artister. Feedback For at kunne vurdere om en reklame kampagne eller markedsføringsstrategi har virket som ønsket, er man nødt til at skaffe feedback. Her er facebook eller andre social medier oplagte til at skaffe feedback. De nye polls har gjort det nemt at skaffe den feedback man ønsker. Udover det er det nemt at etablere en målrettet informationsspredning til udvalgte målgrupper. Teknologier og værktøjer Vi har valgt at forme vores hjemmeside i XHTML og CSS. XHTML er en sammenblanding af XML og HTML. XML(eXtensible Markup Language) er et regelsæt for informationsbaseret tekst maskiner så de nemmere kan forstå og indexere. HTML(HyperText Markup Language) er et regelsæt for hvordan man kan lave hjemmesider så computere kan læse og fremvise det på samme måde gang for gang. Blandingen sikrer endnu bedre kompilatet på tvær af browsere og platforme. I 2002 begyndte W3.org at anbefale man brugte xhtml istedet for det tidligere udviklet HTML. I dag findes der flere versioner eller gradbøjninger af xhtml, det skal forstås på den måde at hvis man skal have sine HTML dokumenter valideret i følge xhtml standart så kan man vælge hvor hårde reglerne skal være. Der findes Strict, Transitionel og Basic, Strict med det strengeste regelsæt og de andre to derefter. CSS (Cascading StyleSheet) er et ekstern dokument hvori man kan holde styr på sine farvevalg, skriftstørrelser og meget mere. Ved hjælp af det eksterne stylesheet kan man holde sin HTML kode ren for styles, dette kan især være hjælpsomt hvis man har et HTML dokument som i forvejen er på 300 linier. xhtml og CSS er udviklet meget siden det kom ud, udviklere har også skiftet tendenser alt efter udvikling. Førhen var tendensen at alt information, både framework, farvevalg, tekst og så videre stod i sit HTML dokument. Idag ser det anderledes ud, her bruger man kun sin HTML fil til at plotte tekst ind i frames og så bruger man CSS til at give deres frames farver, størrelser osv. Side 19 af 36

20 Vi anvender en text-editor med syntax highlightning, i dette tilfælde et program som hedder coda. Vi mener personligt at det giver et bedre overblik, over koden og giver os større frihed i udviklingen. Som det fremgår af billedet herover er der forskellige farver, den mørke gule fortæller at det er et HTML tag, den mørke orange at det er en attribut, den grønne at det er en enhed og det hvide er normal tekst. Med lidt træning kan man hurtigt danne sig et overblik over sidens egenskaber og indhold. Side 20 af 36

21 Side 21 af 36

22 1 SEM DK WEB A! Præsentation af hjemmeside Billeder siger mere en tusinde ord, så vi vil lade billederne tale og lade jer opleve siden selv: Du kan besøge siden her: Evaluering af hjemmeside CRAP analyse (kommunikation) Crap analysen er et væktøj til at se om man har opfyldt de fire designprincipper. Contrast: Som de to billedeksempler viser, er der masser af kontrast på siden. Blandt andet er der brugt inverse farver i menuen, udover den store kontrast som sort og hvid giver har vi valgt en orange til at bryde det kedelige sort og hvid. Side 22 af 36

23 Repeat: Som det næsten kan ses i de to billede eksempler for oven er repeat en stor del af hjemmesiden. Der er både repeat i farvevalg, der er repeat i kolonne bredder og i designmæssige valg. Vi har også knapper som minder om vores menu i toppen. Alignment: Her er det også tydeligt at vi har lavet nogle overvejelser, hvad angår alignment. Det hjælper øjet i sin læse process. Det er en proces som er vigtig, for når en bruger besøger en hjemmeside går der omkring 2-3 sekunder hvor man danner sig indblik og vælger om man gider se mere af siden. Side 23 af 36

24 Proximity: Hvis man ligger mærke til det er der også tænkt over den nærhed som teksten har i forhold til sine grupperinger. Teksten er holdt sammen så man ikke skal skifte stilling undervejs. Det samme med knapperne, de hører til den gruppering. Under knapperne er der så luft og derved starter en ny gruppering. Begrundelse for udformning af website Begrundelsen for de valg vi har taget på vores hjemmeside grunder i, at vi ønskede et let overskueligt og brugervenligt design. Vi har satset på at der lægges vægt på at brugeren ikke skal bruge alt for meget tid på at navigere rundt. Vi har truffet nogle valg, der gør at vi afviger lidt fra modernismen, men ikke træder ind på de andre stilarters territorium. Vi har truffet de valgt vi har gjort, ud fra designmæssige overvejelser, om hvorvidt der var plads til lidt anderledes farver. Jazz har meget med liv og følelser at gøre, så derfor ville en side, der falder 100% i Modernismen, være for trist. Vi har genoplivet modernismen til tonerne af Jazz. Vi mener vores hjemmeside passer godt på vores karakteristika. Vi har rene linier, sorte og hvide farver, samt gode kontraster. Vi har valgt at udfordre farverne lidt, ved at justere lidt på dem, men beholde de klare farver. Design principperne på siden, bliver udført ved at skabe kontraster på siden, fra baggrund til tekst, og i form af vores logo. Der bruges gentagelser på siden i form af vores colorscheme, og at logoet gentager sig i bunden af siden. Side 24 af 36

25 Side 25 af 36

26 Alignment bliver overholdt med de linjer der ligger på siden (Se wireframe) Odense Vinterjazz ønskede sig et godt sammenspil mellem tekst, billede og lyd/film. Dette er gjort muligt via en hall of fame side, samt et galleri på forsiden. teksten er gjort kort og letlæselig for unge folk, der ønsker sig mere interaktion end tekst. Med siderne nyheder, koncerter, om OVJ og spillesteder opfylder vi kravet om vigtigste informationer, og nyheder samt aktiviteter. Kodeuddrag Kodeeksempel 1: <div id="menu"> <ul> <li><a href="nyheder.html">nyheder</a></li> </ul> </div><!-- menu slutter her --> Tilhørende CSS: #menu li a { display: block; width: 90px; height: 80px; text-decoration: none; padding: 40px 15px 0 5px; font-size: 22px; } #menu li a:hover { background:#ff6b43 url('../images/menu_bg1.png') no-repeat 50% 0%; color: white; height: 60px; padding: 60px 15px 0 5px; -webkit-transition: background.2s ease-out; -moz-transition: background.2s ease-out; -o-transition: background.2s ease-out; } Grunden til at vi har valgt netop dette kode eksempel er fordi man med få koder kan ændre en normal liste visning til at matche en hvilken som helst stil. HTML uddraget er utrolig simpelt og rent og så kan man se i CSS en er alle attributter udfyldt så den rammer den ønskede stil. forskellen på a og a:hover er at a fortæller hvordan et link skal se ud når det loades på hjemmesiden, a:hover definerer hvad der skal ske når du har musen henover. Side 26 af 36

27 Kodeeksempel 2: <h2>quen kommer på Air Pub</h2> <h4><i> Oktober <a href="#">air Pub</a></i></h4> <p><img src="images/queen-cover.jpg" class="cimg" alt="queen Cover"/>Phasellus.. en masse tekst.. risus.</p> <div class="knap"><a href="#">køb billetter<br/>til 27. Okt</a></div> <div class="knap"><a href="#">køb billetter<br/>til 28. Okt</a></div> <div class="knap"><a href="#">køb billetter<br/>til 29. Okt</a></div> Dette kodeeksempel er valgt for at vise hvor let og rent kode kan se ud hvis man benytter sig af CSS, hvis man ikke har kendskab til XHTML kodning kan det ved første øjekast se meget uoverskueligt ud, men hvis man er lidt god til at gætte, kan man måske gætte a h2 står for heading2, i for italic, a for anchor (link), p for paragraph, img for image, knap definerer en knap osv. Alt det vi ser samt en masse CSS giver følgende resultat. Brugerprofil Navn: Marianne Jensen Alder: 25 Marianne er en ung kvinde på 25år der kommer fra Odense C. Hende musik stil er det hun vil kalde almindelig, men har også en tildens til at udforske sin musiksmag lidt. Hun går i byen nogle gange om måneden hvor hun primært tager på diskoteker hvor de spiller det nye hippe musik. Dette er ikke fordi det er det eneste musik hun lytter til, men fordi det er her hendes venner og veninder kommer, og hun sætter det sociale i en bytur meget højt. Side 27 af 36

28 Side 28 af 36

29 Hun er den typiske unge kvinde der er moderne individ orienteret, og hun ejer som de fleste af hendes venner også en iphone. Brugerscenarie Marianne har lige været inde på gågaden kigget på tøj med hendes veninde. I H&M finder Marianne et par flotte bukser som hun går op og til kassen og betaler for. I stedet for at ekspedienten ligger de ny købte bukser i en normal H&M pose, bliver det lagt i en farverig orange papirs pose, som reklamere for Odense VinterJazz. Om aftenen sidder hun ved sin computer, hvor hun lytter til musik og surfer på internettet. Pludselig for hun øje på posen som hendes tøj lå i, da hun købte tøjet. Da hun alligevel sidder på nettet og surfer, tjekker hun hjemmesiden OdenseVinterJazz.dk. Først virker det ikke som noget hun kunne være interesseret i, men allerede på forsiden er der et video klip, med noget jazz. Her bliver der fokuseret på stemningen og den afslappende musik jazz kan indeholde. Selvom hun ikke tror Jazz er noget for hende, virker stemningen ved arrangementerne meget tiltrækkende, og hun aftaler med hendes veninde de tager til en koncert der ikke er så dyr, og som afholdes weekenden efter. Hun går ind under billetsalg og bliver positivt overrasket over hvor let hun kan få fat på billetter til koncerten. De får en rigtig god oplevelse af både arrangement, men også hjemmeside. Efterfølgende deltager de i andre lignende arrangementer, med flere forskellige af deres venner og veninder. Projektforløb og evaluering Redegørelse for anvendt metode og udvikling af koncept (virksomheden) Vi har anvendt Gallup Kompas, da den giver et godt indblik i vores målgruppes karakteristika. Gallup er altså brugt som det analyse værktøj, som vores opgave er baseret på. Herudfra har vi draget sammenligning med modernismen i forhold til målgruppens telefon vaner. Som det også fremgår af rapporten er vores stilart altså Modernismen. Vi har desuden brugt en undersøgelse lavet om Copenhagen Jazz Festival til at bestemme vores målgruppe, så vi kunne få de relevante data fra Gantt Charten. Side 29 af 36

30 Vores koncept er bygget på undersøgelser og analyser, med en innovativ vinkel fra os selv. Under mission statements, fremgår det hvor vi vil hen med hjemmesiden, hvilket også er konceptet i vores opgave. Gruppemedlemmer Vi har valgt at udnævne som vores projektleder da han klarede det forrygende i vores tidligere projekt (Research and Innovation). Vi har dog hele tiden været enige om at vi har et fælles ansvar for opgaven, og vi alle skal tage projektforløbet seriøst. Vi har taget en opgave adgangen og lavet den færdig før vi er gået videre til næste. Det vil også sige at vi ikke på forhånd havde planlagt hvem der havde ansvaret for at der blev lavet et oplæg til de forskellige emner som gruppen kunne diskutere. Under Gantt Chart kan man se hvordan vores arbejds- og ansvarsfordeling har været. Side 30 af 36

31 Side 31 af 36

32 Refleksion af forløb Når projektforløbet kun varer en uge er det nemt at blive påvirket at tidspres, derfor har vi været utrolig produktive på skæve tider af døgnet for at indhente vores ønskede delmål. Det har måske været forårsaget af, at vi nogle gange måtte gå vores tekst igennem to gange, men vi har nået vores delmål. Som man kan se på vores Gantt Chart har vi formodet at være rigtig produktive hele vejen igennem forløbet. Vores dage har af den grund varet omkring 12 timer, dog ikke i træk. Vi har været gode til at holde pauser og komme væk fra hinanden, så vi kunne starte på en frisk når vi mødtes igen. Vi har kunnet mærke sidst på ugen at forløbet nok ville have gået mere glidende hvis vi tidligt, omkring mandag eller tirsdag, fik en oversigt over rapportens undertitler på plads. Som det fremgår af Gantt Chart blev det først gjort onsdag, indtil da havde vi noget forvirring omkring opgaven. I fremtiden skal vi også være bedre til at søge vejledning, når vi støder på projektorienteret problemer og ikke først søge hjælp når vi tilfældigt støder på en vejleder. Vi var også uheldige med den vejledningstime som vi søgte tirsdag. Grundet noget forvirring mødte læreren aldrig op, skylden kan deles ud på alle skuldre. Derfor måtte vi vente en hel dag på noget vejledning, som skulle bruges for at vi kunne fortsætte med rapporten. På trods af de små smuttere vi har oplevet undervejs har vi løst opgaven og ved fælles hjælp kommet frem til en rapport og et produkt, som har den røde tråd og design vi ønsker. Konklusion Ud fra analysen af vores målgruppe, som er afgrænset til unge mellem år på Fyn, har vi fundet nogle typiske tendenser i de unges hyppige brug af smartphones. Dette har dannet baggrund for valget af stilart til hjemmesiden - Modernismen. Ud fra Modernismen og dennes karakeristika har vi designet en hjemmeside, som lever op til de retningslinier der er inden for denne stilart. Hjemmesidens farver afviger en smule fra de modernistiske træk, men vi har beholdt de klare farver - ligeledes afviger skrifttypen Georgia, hvilket vi har argumenteret for under design. Side 32 af 36

33 Formålet med hjemmesiden er at skabe fokus på Odense VinterJazz og arrangementerne der afholdes. På hjemmesiden appelleres til det yngre publikum, hvilket vil sige vi anvender en koncentreret markedsføring. Vi har vurderet at en hjemmeside ikke er reklame nok for målgruppen. Derfor er vi kommet med en løsning i vores idekatalog, til hvordan man kan skabe et brand ud af Odense VinterJazz. Der skal blandt andet udføres aggressiv markedsføring. For at sikre en fremgang i antal af besøgene på websitet og til arrangementerne er det vigtigt de også laver undersøgelser om, hvorvidt de rammer den ønskede målgruppe. Side 33 af 36

34 Litteratur/Kilder Odense Kommune (Odense i tal) - Odense%20i%20tal%20og%20ord/Statistik/Odense%20i%20tal.aspx Nov 2011 Gallup Kompas (brugersegmenter) - medier/printmedier/gallupkompas/kompas-segmenter.aspx Nov 2011 Jazz koncert på MMD Nov 2011 Mediekompendiumet // Medievidenskab SDU 4. semester Anno % pdf Nov Nov _Jazz) Nov % pdf Nov Nov Nov Nov Nov 2011 Mediekompendiumet, opslag #1 - SDU: Medievidenskab ano Nov 2011 Side 34 af 36

35 Billag Billedemateriale fra No MMD Odense Side 35 af 36

36 Side 36 af 36