easj køge multimediedesign 1. semesterprojekt 2016 Præsentationsrapport kunde: køge bmx klub gruppe 6: hans ubbesen hcubbesen.com thomas bay mmtbay.dk pernille nybo sørensen pernillenybo.dk monique n. a. q. s wind monique-wind.com
indholdsfortegnelse 3indledning Problemformulering & projektledelse 8konceptudvikling Misson, vision & forretningsmodellen 13website 4metode Dataindsamling & design thinking process 9kommunikation Kommunikationskanaler & skriftlig kommunikation 14kodning 5brugertests Kortsortering & tænke-højt-test 10visuelle elementer Typografi- og farvevalg 15konklusion & refleksion 6målgruppeanalyse Persona 11 visuelle elementer Logo 7 målgruppeanalyse Brugerscenarie 12markedsføringsmaterialer Facebook, Instagram, Youtube & plakat
indledning problemformulering projektledelse Køge BMX Klub blev etableret i 2005. Klubben har siden start oplevet en stigende samt positiv udvikling i medlemstal og niveau. Deres omgivelser har ydermere udviklet sig fra at være ydmyge, til at være mere professionelle. Men på trods af dette, har deres online platforme og kommunikation ikke fulgt samme udvikling. På nuværende tidspunkt føler klubben ikke, at deres visuelle identitet og kommunikation signalere deres professionelle og abitiøse tilgang til sporten. Hvordan kan vi skabe en visuel identitet og kommunikative tiltag for Køge BMX klub, der afspejler deres mission og vision? 3
metode design thinking process Design Thinking danner grundlag for processen i dette projekt. For at opnå de bedste resultater, har vores proces været dynamisk som illustreret nedenfor. Primær dataindsamling - Interview - Observationer Sekundær dataindsamling - Faglitteratur - Internetkilder/desk research Discovery I denne fase har der været fokus på at skabe et grundlag for gruppens idéer, og på at skabe et resultat, der møder Køge BMX klubs ønsker. Ved hjælp af dataindsamling er der opnået indsigt i både kunden og målgruppens ønsker og behov. Interpretation Ved hjælp af et affinity diagram, er dataindsamlingen i denne fase blevet fortolket og transformeret til brugbar viden. En viden der danner grundlag for den videre idégenerering. Ideation På baggrund af foregående faser, er der ved hjælp af brainsorming, moodboards og storyboards generet en masse idéer. Experimentation Foregående idéer, er i denne fase blevet udviklet til tiltag og protyper på et website, video, logo samt marketingmaterialer. Evolution Endeligt er både tiltagende og prototyperne blevet præsenteret for Køge BMX Klub og modificeret herefter. 4
brugertests kortsortering tænke-højt-test For at fastlægge navigationsstrukturen på klubbens nye website, er en kortsorteringstest blevet udført. Testen er udført som en lukket kortsortering. Testpersonen blev præsenteret for forskellige navigationspunkter og herefter en bunke kort med emner/undersider. Testpersonen skulle fordele disse ud på de mest relevante navigationspunkter. Testen er udført på én person. En tænke-højt-test er udarbejdet for at teste brugervenligheden af det nye website. Testen er udført af fire personer fra målgruppen - to drenge på 14 og to forældre. Testpersonerne blev bedt om at navigere rundt og finde forskellig information på websitet. Imens skulle de forklare og begrunde deres valg. Testen blev udarbejdet på baggrund af nedenstående målsætninger Udbytte Testen viste, at testpersonen havde tendens til at placere de fleste undersider under navigationspunktet om klubben. For at dette navigationspunkt ikke skulle indeholde en masse undersider, og for at skabe en bedre gennemsigtighed på websitet, blev det besluttet at lave navigationspunktet aktiviteter. Målsætninger for websitet - Brugere skal nemt kunne identificere hjemmesidens tema - Førstegangsbesøgende skal inden for få sekunder forstå hjemmesidens budskab - Brugere skal være i stand til at finde informationer om prøvetræning på kort tid - Brugere skal være i stand til at finde informationer om priser og medlemskaber på kort tid - Brugere skal være i stand til at finde klubbens sociale medier - Brugere skal nemt kunne identificere, hvilket hold de bør køre på - Brugere skal hurtigt kunne danne sig et overblik over de forskellige trænings lokationer Udbytte Testpersonerne fandt det nemt at navigere rundt på websitet, ovenstående målsætninger for websitet blev derfor opfyldt. Det vurderes dog, at målsætningen om, at brugere nemt skulle lokalisere stierne til de sociale medier ikke blev opfyldt til tilfredshed. Efter testen har dette derfor været et fokuspunkt ved videreudvikling af websitet. 5
målgruppeanalyse persona Per (40) Heidi (39) Sebastian (11) Sofie (8) - Køge Familien bor i et parcelhus i Køge. Per arbejder som tømrer og Heidi som sygeplejerske. Sebastian og Sofie går i den lokale folkeskole, som ligger 5 minutter fra familiens hus. Sebastian og Sofie er aktive og energiske børn, der elsker at dyrke sport og røre sig. I fritiden går de til BMX i København, da klubben har et godt omdømme. Da klubben ligger et stykke fra Køge, skiftes både Heidi og Per til at køre dem til træning. Sebastians interesse for BMX startede, da han for nogle år siden, fik mulighed for at prøve kræfter med sporten, gennem SFO ens fritidsprogram. Sofies interesse startede umiddelbart efter Sebastians. Sebastian har nu gået til BMX i to år og Sofie i et år. De træner flere gange om ugen, og har deltaget i flere turneringer. Begge børn er meget sociale. Når de ikke er i skole eller til BMX træning, bruger de tiden sammen med deres venner. Når de er sammen, bruger de meget tid på de sociale medier, herunder Facebook, Instagram og Youtube. Facebook bliver mest brugt til at chatte med vennerne og lave statusopdateringer. Instagram bliver derimod brugt til at se billeder og videoer samt følge BMX idoler som Connor Fileds, Barry Loin og Nick Kimman. Youtube er mediet, der tager det mest af deres tid, her bruger de en masse tid på at se videoer af seje tricks, som de prøver at efterligne derhjemme eller til træning. 6
målgruppeanalyse brugerscenarie Sebastian og Sofies nuværende BMX klub er ikke ret stor. De fleste medlemmer er nybegyndere og kræver meget fokus fra trænerne. Dette har resulteret i, at de begge føler sig overset, da der ikke bliver langt ligeså meget energi i at træne de ældre og mere øvede. Derudover savner de også noget mere sammenhold med klubbens øvrige medlemmer. Familien er derfor begyndt at lede efter en ny BMX klub. Sebastian surfer lidt rundt på nettet, herunder også Instagram, hvor han finder en masse billeder og videoer fra Køge BMX Klub. Han beslutter sig for at undersøge klubben nærmere, da det ligner en klub med højt niveau og en fællesskabsfølelse. Sammen med Sofie, finder han klubbens hjemmeside, hvor der på forsiden er en video af et klubmedlem, der kører rundt på banen. Det er noget, der fanger deres opmærksomhed. De fortæller Per om klubben, og viser ham hjemmesiden. Per kigger nærmere på den og ser, at Køge BMX klub har vundet mange trofæer og konkurrencer. Han tænker, at det er en god mulighed for at øge både Sebastian og Sofies ambitioner og evner. Et par dage efter er Sofie og Sebastian ude til en prøvetræning i Klubben. Begge børn er ret begejstret for klubben, niveauet og de andre medlemmer. De beslutter derfor i fællesskab med Heidi at tilmelde dem gennem klubbens hjemmeside. 7
konceptudvikling misson og vision mission Køge BMX klub vil være et samlingsted for børn, unge og voksne, der vision Køge BMX klub vil skabe fremtidens BMX talenter, uden at gå på kompromis ønsker at dyrke BMX sporten under professionelle forhold. med fællesskabet. forretningsmodellen 8
kommunikation kommunikationskanaler De viste kommunikationskanaler, er på baggrund af foregående undersøgelser, blevet udvalgt. Køge BMX klub skal i fremtiden skabe større synlighed på de sociale medier. Youtube og Instagram skal derfor være en del af klubbens fremtidige kommunikationskanaler. Derudover skal klubben også benytte sig af trykte medier som plakater. Websitet vurderes som den platform, hvor rekrutteringen af nye medlemmer foregår. Det primære mål med de nye kommunikationskanaler er derfor at skabe mere trafik på klubbens website. Ved at lade de valgte kanaler indgå i en større kommunikativ sammenhæng, bliver der skabt en synergieffekt af klubbens budskaber. På de udarbejdede prototyper og mock-ups af kanalerne kan det blandt andet ses, at budskabet om åbent hus arrangementet promoveres på de forskellige kanaler og alle har en naturlig overgang til websitet. Effekten af buskabet om arrangementet antages derved, at være højere end hvad ét medie ville kunne opnå alene. Alle medier har styrker og svagheder og rammer forskellige målgrupper (se illustration ovenfor), synergieffekten og integrationen af de forskellige medier er derfor vigtig for at optimere styrkerne. skriftlig kommunikation Ved udformning af den skriftlige kommunikation på Køge BMX klubs nye website, har der været fokus på at kommunikere til den typiske webbruger, der blandt andet har travlt og er utålmodig. Der er derfor benyttet korte sætninger og tekster, og overskrifterne er sigende for indholdet. I alt skriftlig kommunikation har der været fokus på modtageren al overflødigt indhold fra klubbens nuværende website er derved blevet ekskluderet. Det nuværende site indeholder derfor kun relevant modtagerorienteret indhold. For at personliggøre teksterne, er de skrevet i anden person. 9
visuelle elementer typografi og farvevalg Typografi og farvevalget er fastsat på baggrund af gruppens udarbejdede moodboards og dataindsamling. Den organgerøde farve udtrykker den fart og styrke som BMX sporten repræsenterer. De grå nuancer skal derimod signalere jord og asfalt, og drage assosiationer til det mere urbane og street aspekt af sporten. Capture Smallz er den typografi, som blandt andet anvendes på logoet. Typografien har et råt udtryk og skal, ligesom de grå nuancer, repræsentere sportens oprindelse. Typografien Arial anvendes på klubbens website. Arial er valgt da den er læsevenlig, herunder også på en computerskærm. Både Capture Smallz og Arial er sans serif typografier, hvilket skaber et mere moderne udtryk. Tilsammen danner disse farver og typografier grundlag for klubbens nye visuelle identitet. 10
visuelle elementer logo Med redesignet af klubbens logo er der forsøgt at skabe et nyt udtryk for klubben. Formålet med logoet er et simpelt design, som skal signalere fællesskab og sammenhold, men stadig med fokus på sporten BMX. Dette kommer til udtryk ved den runde form og cyklen. Sportens rå udtryk kommer til syne i valget af typografien og dens fremtræden. 11
markedsføringsmaterialer instagram, youtube, facebook & plakat 12
website 13
kodning html, css & jquery Alle i gruppen har minimum kodet en side hver. Dette har sikret, at alle har været med i processen om udviklingen af prototypen. Alle sider er kodet til at være responsive til forskellige skærmstørrelser. Til kodningen af websitet er der benyttet HTML, CSS og Javascript, bl.a. i form af jquery. I udviklingen af websitet er der ikke benyttet et framework til layout, hvilket betyder, at alt kode er selvskrevet af gruppens medlemmer. Der er undervejs lavet store ændringer i designet og layoutet af websitet for at imødekomme det feedback, som er modtaget ved de forskellige brugertests. Da websitet er kodet både til desktop og mobil, er der taget beslutninger om at ekskludere bestemt indhold, som vil være til besvær på mobilsiden. Her er der blandt andet tale om store billeder, videofiler og google maps plugin. Dette er gjort for at holde datamængden overskuelig for mobilbrugere og for at gøre siden mere overskuelig og brugervenlig. 14
konklusion & refleksion konklusion refleksion For både at skabe en visuel identitet samt kommunikative tiltag, der afspejler klubbens Ved projektets afsluttede fase, er der blevet reflekteret over processen ved udarbejdelsen af mission og vision konkluderes det, at der skal udarbejdes et redesign af klubbens logo, websi- dette projekt. te, sociale medier og marketingmaterialer. Overordnet set har processen været tilfredsstillende, da alle gruppemedlemmer har været For at imødekomme klubbens ønsker for redesignet, har det været nødvendigt at modificere involverede og engagerede i udarbejdelsen af projektet. Gruppens medlemmer har alle udfor- klubbens nuværende forretningensmodel, herunder også deres mission og vision - dette har drets deres svage sider, ved at varetage opgaver uden for kernekompetencerne. skabt de overordnede rammer for redesignets primære udtryk. I fremtiden bør der være mere fokus på udarbejdelse af mock-ups i designprocessen. Mangel Redesignet vil skabe en mere professionel og ambitions fremtræden af klubben samt en bed- på mock-ups af alle undersider, har forsinket og kompliceret kodningsprocessen grundet re sammenhæng mellem website og sociale medier. Da undersøgelserne påviste, at de socia- mange løbende ændringer. le medier er vigtige for målgruppen, har disse været i fokus ved udviklingen af redesignet. For at optimere processen i fremtiden bør gruppemedlemmernes Belbin roller være mere Redesignet har resulteret i en modificeret forretningsmodel og koncept, et nyt website samt prioriteret for at skabe en endnu bedre dynamik og arbejdsfordeling. Dog har der i gruppen nye marketingmaterialer (sociale medier og plakat), der afspejler kundens ønsker og som ikke været fokus på, at disse projekter er læringsprocesser, så der har derfor været fokus på, at går på kompromis med design og brugervenlighed. alle i gruppen har været involveret i de fleste fagområder, men med et vist ansvar. 15