Project 3

Erhvervsakademiet Lillebælt - MMD Odense

Anslag: 45.622 Afleveringsdato: 25/5-18

Gruppe 16: Camilla Sylvester Tofte Hansen, Ása Lára

Prototype: http://vardemiddelalderfestival.asatoris.com/

Þórisdóttir, Amalie Alexandra Gregersen

Styleguide: http://styleguide.asatoris.com/ Klientvideo: https://youtu.be/ODmaRguLfss

Vejledere: Kenneth Jepsen Clausen, Thomas Carsten Eriksen, Morten Sabro Damgaard, Jesper Fromm, Karen Malene Elmann Andreasen

Kodevideo: https://youtu.be/X50PfvbdkZI Git: https://github.com/amaliealexandra/VardeMedievalFestival.git

Indholdsfortegnelse Executive Summary (Camilla).............................................................................................3 Indledning (Camilla)............................................................................................................ 4 Problemformulering...........................................................................................................5 Metoder.................................................................................................................................6 AfgrÌnsning (Camilla)..........................................................................................................9 Analyse.................................................................................................................................10 Discovery......................................................................................................................10 Design Thinking (Asa).................................................................................................... 10 Desk Research (Camilla)................................................................................................. 10 SWOT-Analyse (Camilla)................................................................................................. 10 BMC (Asa)..................................................................................................................... 11 Risk Analysis (Camilla)................................................................................................... 11 Scrum (Asa) .................................................................................................................11 Stakeholder Map (Amalie)............................................................................................. 12 Interpretation................................................................................................................ 13 Field Research (Camilla)................................................................................................. 13 Persona (Camilla).......................................................................................................... 14 Scenarie (Camilla).......................................................................................................... 14 Ideation........................................................................................................................ 15 Closed Card Sorting (Camilla)........................................................................................ 15 Wireframe (Asa)............................................................................................................ 15 Moodboard (Asa).......................................................................................................... 15 Styleguide (Asa)............................................................................................................ 15 Content Strategy – Transmedia Storytelling (Asa).......................................................... 16 Experimentation............................................................................................................ 18 Mockup (Amalie)........................................................................................................... 18 C.R.A.P. (Camilla).......................................................................................................... 18 A/B test (Amalie)........................................................................................................... 20 Visuel identitet (Amalie)................................................................................................. 21 Storyboard & Script (Amalie).......................................................................................... 21 GitHub (Amalie)............................................................................................................ 21 SEO (Camilla................................................................................................................. 21 Prototype (Asa.............................................................................................................. 22 Evaluation (Camilla).....................................................................................................................23 Konklusion (Camilla)....................................................................................................................25 Litteraturliste................................................................................................................................26 Bilag................................................................................................................................................28

Varde Middelalderfestival Executive summary

The issue for the client as it is right now, is that they want the Medieval festival to be branded towards tourist, especially those from the West Coast. They already do a lot of marketing and branding inside of the Varde municipality.

Their main communication channel is thru printed media as newspapers, posters, pamphlets etc. The client doesn’t wish to get products that’s time and resource demanding.

Therefore, a survey was made with the focus to find out where people find information for tourists. Fifteen people answered that they find the information on the internet. Which tells, that a new product should probably be addressed towards that. It was therefore decided to do a one-page website solution that isn’t time or resource demanding. The originally colours are used on the one-page site, with a small difference in the white/grey colour which is made brighter, to have more contrast compared to the other colours. This is decided to keep the already existing visual identity. It should also be possibly to choose which language the user want the site to be on. They can choose between English, Danish or Germany. This is to make the site more tourist-friendly.

Another product that’s made for the client, is a new poster with three different languages; Danish, Germany and English. This is a poster the client can give to institutions, shops, holiday resorts etc. To attract more people to participate in the festival, the purpose with this poster is that the client should brand themselves towards all of Denmark and especially at the border between Germany and Denmark.

By doing that, more tourist from for an example Germany, should be more announced of what and where this Medieval festival takes place.

Asa Lara Thorisdottir asax0075@edu.eal.dk

Camilla Sylvester Tofte Hansen cami427j@edu.eal.dk

Amalie Gregersen amalie.gregersen@hotmail.com

3

Indledning Varde middelalderfestival er en begivenhed som er med til at styrke sammenhold og det sociale aspekt i Varde, det er en turistattraktion, det sætter Varde på landkortet og det er familievenligt m.m. Denne middelalderfestival bestræber sig på at være så autentisk som overhovedet muligt, men samtidig skal der være plads til folks egne lyster i forhold til f.eks. udklædning. Meningen er at skabe en middelalderstemning, hvor både store og små kan have det hyggeligt.

Det er Varde Kultur & Fritid, som er klienten, der står for arrangementet og de sørgede for at de i 2017, havde en brag af en fest i middelalderens ånd. De kunne dog godt tænke sig at tiltrække flere, og gerne turister fra Vestkysten, når vi skriver 2019.

Det er det denne opgave vil prøve at belyse og komme med løsninger til. Der vil dog blive taget hensyn og fokus på turister generelt og altså ikke blot fra Vestkysten.

Der er blevet produceret to produkter til klienten, som gerne skal kunne opfylde denne opgave. Produkterne skal også gerne skabe en visuel identitet og dermed en rød tråd i forhold til de originale designs, som Varde Kommune havde udviklet til at starte med.

4

Problemformulering •

Hvordan kan Middelalderfestivalen i Varde brande dem selv og tiltrække samt oplyse turister?

•

Hvilke interaktive produkter vil kunne opfylde disse betingelser?

•

Hvordan kan der skabes bedst mulig visuel identitet på de færdige produkter?

•

Hvilket content strategy vil være optimalt at benytte på produkterne?

5

Metoder

Desk research

Scrum

Denne metode er brugt til at lave research på alleredeeksisterende data. I dette tilfælde er der gjort brug af dette når artikler skulle læses, YouTube videoer skulle ses, når der er søgt på hjemmesider m.m.

Denne metode er blevet brugt til at sørge for at processen og gruppearbejdet har forløbet godt. Den er også blevet brugt til at sikre at alt er blevet afleveret og ordnet til tiden, holde øje med hvem der laver hvilke opgaver, hvilke opgaver der er færdige, hvad der skal kigges på osv. Denne metode er brugt gennem hele processen og er blevet afholdt hver dag, gennem daglige scrum møder.

Field research Denne metode er brugt da et spørgeskema blev produceret og delt på Facebook. Metoden er også blevet brugt i det første stadie af Design Thinking, og har været med til at afgrænse en målgruppe. Metoden er også brugt i forbindelse med card sorting, hvor folk er blevet fysisk bedt om at sortere labels ind i kategorier.

SWOT analyse Denne metode er brugt til at skabe et overblik samt indblik i vores klient som en virksomhed. Med denne metode er det muligt at se hvordan virksomheden klarer sig i konkurrence i forhold til andre virksomheder.

Persona Der er blevet udformet en persona, som er baseret på svar fra spørgeskemaet. Dette er for at have en gennemsnitlig bruger, som er med til at hjælpe med at have en rød tråd gennem processen. Det er også for at fokus ikke forsvinder fra den repræsentative målgruppe.

Personaen hjælper med at udvikle produkter der er appellerende til brugeren. Udover det så får man også en større forståelse for den gennemsnitlige bruger.

Scenarie

Design Thinking Denne metode ligger bag hele processen fra at lave research til at teste og til sidst at ende ud med det færdige produkt. Den har også sørget for at holde målgruppen (de potentielle brugere) i fokus gennem alle stadier i Design Thinking.

Stakeholder map Dette værktøj er brugt som en hjælp til at overskueliggøre og vise hvilke faktorer der spiller en rolle, samt hvor stor en rolle, i forhold til projektet og eksamen.

BMC Denne metode er brugt til både at beskrive og udvikle en model til vores klient. Metoden henvender sig til en forretningsudvikling og har gjort det overskueligt at se hvilke byggesten, der er involveret i forhold til klienten.

Disse byggesten har indflydelse på hinanden, og er alle med til at sikre en udvikling i en virksomhed, projekt el.lign.

Der er blevet udformet et scenarie, som er blevet brugt til at forudsige hvordan nogle typer, i dette tilfælde er det personaen, vil interagere med det færdige produkt i en given situation.

6

Metoder

C.R.A.P. principper Dette er blevet brugt som en overordnet retningslinje for hvordan designet på produkterne skal se ud. De fire principper er blevet brugt for at skabe et bedst muligt design, der går op i ensformighed, en god kontrast og god genkendelighed for brugeren.

Mockup Der er blevet produceret fire forskellige mockups, som er et værktøj og en skitse af det forventede design.

Mockuppen er blevet udformet efter closed card sorting, således at målgruppens sortering af labels stadig er i fokus. Der er blevet udformet fire forskellige designs, for derefter at lave endnu en undersøgelse, for at finde det retmæssige design.

Risk analysis For at være i stand til at eliminere eventuelle problemer, der kunne opstå under dette projekt, er der blevet udformet en risk analysis. Denne er med til at at give en fælles forståelse samt for hvordan gruppen skal reagere, hvis der opstår problemer.

Visuel Identitet Dette er blevet brugt som et overordnet værktøj til at skabe en identitet på websitet. Dette værktøj er især blevet brugt i forhold til farvevalg, logo og billeder.

Brugertest Der er blevet udformet en click-first test, som skal være behjælpelig med at finde ud af om designet på one-page hjemmesiden er optimalt i forhold til brugeroplevelsen.

Det er også en måde til at finde fejl og mangler samt hvad der fungerer.

Styleguide

Content strategy transmedia storytelling Denne metode blev brugt til at kommunikere med publikum gennem flere platforme og formater. For at nå et bredere publikum bruges flere platforme, fordi "one size fits all" ikke længere er tilstrækkelig. Målet er at skabe en underholdende historie, der gør folk opmærksomt på festivalen og tiltrækker folks interesse.

GitHub Dette program er blevet brugt som et værktøj til at dele kode mellem forskellige parter.

Closed Card sorting Denne metode er blevet brugt som en research teknik til at finde ud af hvor mange mennesker, der forstår og kategoriserer information og på hvilke måder. Metoden er blevet brugt til at gruppere information på det kodede produkt, efter hvad der giver mest mening for brugerne.

Prototyping Der er blevet udformet en prototype i programmet Experience Design, som er behjælpelig med at se et færdigt resultat inden kodning. Det giver derfor en idé om selve designet, funktionalitet og om elementerne på siden lever op til sin funktion. En brugertest er også mulig at udføre på denne prototype.

SEO Search Engine Optimization blev brugt til at få mere trafik til kampagnesiden. Det er gjort ved at bruge de rigtige søgeord, der er relevante for websidens indhold.

Denne metode kræver en keyword-research, for at finde de ord som folk indtaster på en søgefunktion på nettet.

Denne metode er blevet brugt i forhold til at holde designet på one-page sitet nemt for alle gruppemedlemmer at se, samt at holde det ensformigt under kodning.

7

Metoder

Design process I design processen blev disse metoder brugt:

Wireframe Dette er blevet brugt som et visualiseringsværktøj som der præsenterer mulige funktioner, indhold og struktur på et website. Denne er blevet brugt som en inspiration til videre design af produkt.

Moodboard Der er blevet udformet et moodboard, som er med til at formidle stemningen visuelt i forhold til middelalderfestivalen.

Storyboard Storyboard er blevet brugt som et visuelt værktøj til at illustrere hvorledes videoen skal sættes op. Med hjælp af frames kan nøje planlægge så der kommer et flow i hele videoen.

Script Dette er blevet brugt som et manuskript til de videoer der skulle produceres. Disse er blevet brugt af gruppemedlemmerne.

C.R.A.P. principper På de færdige produkter er der blevet gjort brug af de fire principper: contrast, repetition, alignment og proximity.

Dette for at skabe den bedst mulige brugeroplevelse.

8

Afgrænsning

I forhold til klientens ønske om at brande sig mere imod turister fra Vestkysten, er der her valgt i denne opgave at fokusere på turister som en generel folkemængde. Dette er besluttet ud fra et spørgeskema, hvoraf der blev spurgt 16 personer om de har hørt om Varde middelalderfestival, hvor størstedelen svarede nej. Det vigtigste i denne opgave er at få svar på, hvordan klienten kan brande sig på bedst mulig vis gennem de udformede produkter.

Klienten har fra start af gjort det tydeligt, at nye produkter ikke skal være tids- eller ressourcekrævende. Derfor er der blevet fokuseret på nemme løsninger men med god funktionalitet, som bevarer den visuelle identitet.

I forhold til det udformede spørgeskema svarer resultatet af en gennemsnitlig alder, ikke til klientens hyppige besøgende af middelalderfestivalen - som er modne voksne eller børnefamilier. Resultatet fra spørgeskemaet gav et svar på en aldersgruppe på 21-26 år. Dette er selvfølgelig fordi spørgeskemaet er blevet delt på gruppemedlemmernes egne Facebookprofiler, så det er derfor den målgruppe er blevet ramt. Denne målgruppe er dog ikke den der bliver taget hensyn til, men derimod målgruppen; børnefamilier.

Der er blevet produceret to nye produkter; en one-page hjemmeside samt en plakat. Der vil være mest fokus på hjemmesiden i denne rapport og dermed er plakaten et ekstra produkt. På plakaten er der blevet gjort brug af metoder, som visuel identitet og C.R.A.P. principperne, som har gjort det muligt at udvikle et produkt som ender ud med samme identitet som one-page hjemmesiden.

9

Analyse Discovery Design Thinking Der er gennem dette projekt blevet fuldt Design Thinking processen, der er derfor startet med at lave en masse research for derved at til sidst at ende ud med en brugertest af produkterne. Design Thinking har også hjulpet med at holde målgruppen i fokus hele processen igennem. Med denne metode tænker man meget på de problemer man støder på og hvordan man derfra vil løse dem. Design Thinking har fem primære stadier som der i denne rapport alle vil blive berørt.

Desk Research Klienterne, Varde Kultur og Fritid - Middelalder festival (KF), ønsker at gøre deres festival mere autentisk, samt tiltrække flere turister. Dette ønsker de hjælp til. Deres mission er at give Vardes Kommunes borgere en oplevelse, ud over det sædvanlige samt at synliggøre Varde Kommune som et godt sted at bo både for borgere, men også for turister. Selve formidlingen og oplevelserne skal være så autentiske som muligt, og så er et godt samarbejde på tværs af kommunen, frivillige foreninger og institutioner meget vigtige for dem.

Til det første klient møde, fortalte de også om de frivillige foreninger der hjælper til. Disse får 100 kr. i timen. De hyrer også performere og musik m.m. som er med til at skabe stemning. Udover det, så fortalte de også at festivalen strækker sig på tre forskellige locations, nemlig ved en gammel kirke, Varde midtby og nede ved Varde Å. Der bliver sørget for at blive pyntet op på disse locations, så det skaber en middelalder stemning. Byen holder desuden også open-by-night og der vil også her være performere, både for voksne og for børn. Det er vigtigt for klienten at der er noget for alle institutioner i form af underholdning. De fortæller selv at deres primær besøgende er børnefamilier eller modne voksne. De ønsker dog at tiltrække flest muligt og ser også gerne at unge vil deltage i festlighederne.

Klienten fortæller også til dette møde at de selv er gode til at brande dem og benytter sig af mange kanaler, dog primært trykte kanaler. De vil på trods af dette, gerne undgå turistbrochurer, da de skal opdateres for hver gang og derved have trykt nye. De ønsker heller ikke at få en hjemmeside, da denne vil være for tidskrævende og for ressourcekrævende. En underside til Varde Kommunes hjemmeside, ville dog være en løsning. Selve dette møde med klienten har givet en god forståelse for både dem, såvel også for deres festival. Det står klart at de går meget op i sammenhold og det at gøre noget godt for Varde Kommunes borgere, men også at tiltrække så mange nye som overhovedet muligt. Ud fra alle disse informationer, er der ydermere blevet gjort brug af desk research da der er blevet søgt efter allerede-eksisterende data om klienten og festivalen. Dette er for at skabe et endnu bedre billede af klienten og selve festivalen. Der er derfor blevet set på meget billedmateriale og videoer, som har været med til at give et godt indblik i den stemning der er under festivalen. Middelalderfestivalens Facebook sider er der også blevet researchet på, og der er her blevet set på alle billederne samt opdateringer og kommentarer.

10

Analyse Discovery SWOT-Analyse Ud fra alle fundne informationer er der blevet udformet en SWOT-analyse (se bilag 11), som er et værktøj der er med til at give et overblik og indblik i klienten som en virksomhed. Dette værktøj har også givet et billede af klientens største trusler i forhold til Middelalderfestivalen. De er f.eks. meget afhængige af vejret, for om det bliver en succes eller ikke, da et dårligt vejr muligvis vil holde folk indendørs og dermed ikke deltage i festivalen. Hvorimod et godt vejr kan ende ud i at være en tiltrækningsfaktor for folk. En anden trussel for klienten og dermed festi-valen, er at der er en lignende middelalderfestival i både Horsens og på Sjælland. Den i Horsens er ovenikøbet den største, og så er Varde Middelalderfestival også afhængige af at fastsætte en dato af Horsens. Dette fordi de to festivaler ikke skal ramme ind i hinanden.

let tilgængelige informationer. Når man googler “middelalderfestival i Danmark”, kommer der ingen resultater frem på festivalen i Varde, men udelukkende den Europæiske Middelalderfestival i Horsens. Udover det så er det også en svaghed at klienten har to Facebook sider til den samme begivenhed. Dette gør det for kompliceret at følge med i nye tiltag, opdateringer osv. og er lettere uoverskueligt. Klienten er, som de selv siger, god til at markedsføre sig og har især gjort brug af kanaler indenfor kommunen. De ønsker dog at ramme flere turister, så det vil derfor være ideelt at føre markedsføringen videre og benytte sig af kanaler uden for kommunen også.

BMC Ud fra alle informationer er der også blevet udformet en BMC (Business Model Canvas), som giver et billede af de afhængige byggesten der skal til for at opnå en forretningsmæssig udvikling (se bilag 19). Dette er en model som klienten kan benytte sig af, men overordnet set giver den også et godt indblik for udefrakommende i klienten som en virksomhed. Disse resultater samt informationer har været et godt grundlag og byggesten for det viderekommende arbejde, samt beslutninger der har måtte være taget.

Risk Analysis I forhold til selve gruppearbejdet er der blevet udformet en risk analysis både en maxi- (se bilag 21) og en mini risk (se bilag 21), som har medvirket til at kunne eliminere eventuelle opståede problemer både internt og eksternt.

Det er fælles regler der gælder for gruppen samt fælles konsekvenser. Disse regler er også blevet udformet i fællesskab, således ingen er tvivl om rammerne omkring dette projekt og hvordan det skal lykkedes.

SWOT-analysen har også givet et indblik i klientens muligheder og styrker, hvilket især ses i deres locations samt gode relationer til frivillige foreninger, borgere i Varde m.m. Hvad der også bliver fokuseret på, er deres svagheder som f.eks. at det er svært at google sig frem til

Scrum Der er også sørget for at afholde daglige scrum møder.

Disse er enten blevet holdt om morgenen, når gruppen er mødt ind på det aftalte mødetidspunkt, eller om aftenen over en online Facebook chat. Disse møder er med

11

Analyse Discovery til at sætte dagsordenen, således ingen er i tvivl om hvem der laver hvilke opgaver, hvilke opgaver der mangler, hvilke færdige opgaver der skal vurderes osv. Selve scrum boardet har bestået af en sprint backlog, med alle de sprints (opgaver) der skal udføres i projektet. Derudover har det også bestået af kolonner, nemlig “to do”, “doing”, “needs a review” og “done”. Scrumboardet har foregået online på websitet Trello.com (se bilag 22). Det er foregået således at der har været én scrummaster, men alle har rykket på deres opgaver efterhånden som de har følt for det. Scrum Masteren har dog skulle have overblikket og minde resten af gruppen om at følge op på boardet.

Stakeholder Map I forhold til gruppearbejdet er der også blevet udformet et stakeholder map (se bilag 12). Dette har været en hjælp for gruppen til at se hvilke faktorer der spiller ind i forhold til projektet. Dette i forhold til faciliteter, mennesker klienten, institutionen osv. Disse er også de vigtigste faktorer, som gruppen kan have gavn og nytte af. Disse er markeret tættest på projektet i midten. Disse faktorer har også indflydelse på projektet og er delt op i “non money based” og i “money based” relationer.

12

Analyse Interpretation Ud fra alle informationer, modeller og metoder der er analyseret er idéen at udvikle en one-page side til klienten.

Dette er valgt for at ramme spørgeskemaets testpersoners svar, med at den foretrukne platform for at finde turistinformationer, er på internettet. Samtidig skal det også være nemt at vedligeholde hjemmesiden og udover det skal den heller ikke kræve for mange ressourcer. Hjemmesiden skal indeholde nødvendige informationer og gerne signalerer middelalderen. Der er derfor brugt nogle forskellige metoder til at få dette til at lykkedes.

Det er også blevet besluttet at for at ramme turister fra Vestkysten, at så skal der også produceres en plakat. Denne skal gøre det muligt for klienten at sende ud, således at caféer, butikker, restauranter, feriesteder osv. kan hænge plakaten op, så middelalderfestivalen i Varde forhåbentligt derved bliver informeret ud til flere. Idéen er at plakaten skal ligne one-page hjemmesiden så vidt muligt, da man derved opretholder den visuelle identitet. Plakaten skal også være på tre sprog, nemlig engelsk, dansk og tysk, da dette er de sprog som gør det muligt for de fleste at kunne forstå.

Field Research Med den information der fundet efter desk research, er der gjort brug af metoden field research. Med denne metode finder man frem til ikke-kendte data, som senere kan bruges. Denne metode er blevet brugt i form af udformningen af et spørgeskema, der er sat op ved hjælp af surveymonkey.com. Der er blevet udformet 8 spørgsmål, med de intentioner at finde ud af en målgruppe, samt hvilke platforme folk finder turistinformationer på. Det var også for at finde ud af hvilken platform, der er rentabelt at produktet skal være på, f.eks. om det er trykte platforme eller tilgængelighed på internettet.

Der har i alt været 16 personer der har svaret på spørgeskemaet, primært kvinder og i alderen af 21-26 år. Den primære målgruppe i forhold til middelalderfestivalen er enten børnefamilier eller modne voksne. Derfor er målgruppen i forhold til det udformede spørgeskema lidt misvisende. Spørgeskemaet er blevet delt på forskellige Facebook sider, samt gruppemedlemmernes egne Facebookprofiler. Dette forklarer også den aldersgruppe der primært har svaret på spørgeskemaet. Gruppemedlemmerne har primært også kun venner fra enten Island, Fyn eller Sjælland. I spørgeskemaet blev de også spurgt

om, om de kender til Varde middelalderfestival (se bilag 4). Hertil svarede 14 ud af 16 nej.

De blev også spurgt om hvordan de fandt frem til Varde middelalder, hvortil de 2 der svarede ja til forrige spørgsmål, svarede at de havde fået det anbefalet fra venner eller bekendte (se bilag 5). De blev også spurgt om de har deltaget i Varde middelalderfestival, hvortil det kun var én der svarede ja (se bilag 6). Man kan derfor formode at det kun er få fra enten Fyn, Island eller Sjælland der har hørt eller deltaget i Varde middelalderfestival. Man kan derfor også have en formodning om, at det muligvis primært kun er blevet markedsført optimalt i Varde området eller hele Jylland. Dette giver et klart billede om hvordan markedsføringen skal være, i forhold til at ramme flest mulig fra hele landet.

En anden vigtig faktor som de også blev spurgt om, er hvor de finder turistinformationer. Hertil svarede en enkelt at han eller hun finder turistinformationer på sit feriested. 15 personer svarede “Google er min ven” (se bilag 8). Ud fra dette kan man udlede at et nyt produkt til klienten, derfor skal henvende sig til internettet.

13

Analyse

Interpretation Persona Ud fra spørgeskemaets resultater er der blevet udformet en persona (se bilag 9). Denne persona skal forestille den gennemsnitlige bruger af et nyt produkt. Personaen er en del af hele processen og skal sørge for at der er en rød tråd. Den skal også sørge for at gruppen ikke mister fokus fra personaen, samt at man får en større forståelse.

Personaen hjælper også med at træffe beslutninger, der i sidste ende vil appellere til brugeren. Personaen i dette tilfælde er en kvinde, Ella Møller, på 25 år som godt kan lide at få nye og gode oplevelser.

Scenarie I forlængelse med personaen er der også blevet udformet et scenarie (se bilag 10), hvoraf personaen fortæller at hun godt kan lide nye oplevelser og at hun er interesseret i middelalderen, men at hun ikke ved hvor hun skal finde informationer omkring sådanne begivenheder. Hun er i et forhold og har et barn. Det skal derfor også være børnevenligt og autentisk. Samtidig foretrækker hun også at benytte internettet til at google sig frem til oplysninger. Scenariet vil hjælpe processen med at finde ud af hvordan den gennemsnitlige bruger, i dette tilfælde personaen, vil interagere med et færdigt produkt i en given situation. Ligesom personaen, så hjælper scenariet også med at bevare den røde tråd samt sørge for at gruppen ikke mister fokus.

14

Analyse Ideation

Styleguide I denne fase er der også blevet besluttet at udforme en styleguide. Denne skal indeholde alle de eksempler af elementer one-page hjemmesiden skal indeholde (se link på forsiden). Det er besluttet at de originale farver samt logo skal bruges. Dog er logoet blevet lavet lidt om, da Varde i 2019 ikke længere har et jubilæum. Derfor er den originale tekst fjernet. Styleguiden er blevet udformet således at der er flere forskellige eksempler af ét element. Dette kan enten være i form af dens former eller farver. Styleguiden er med til at gøre det nemmere for både designerne samt dem der koder websitet. Dette fordi alle har adgang til de samme elementer og selve designet og stilen for hjemmesiden er tilgængelig. Det er også en guidning i forhold til at opnå et ensformigt look på et website.

Closed Card Sorting Der er blevet gjort brug af en brugertest, som i denne fase er en closed card sorting test (se bilag 25). Der er i alt blevet spurgt ti testpersoner. Formålet med denne test var at finde ud af hvilken rækkefølge testpersonerne, ønsker at få forskellig information på hjemmesiden. Testpersonerne er inden teststart blevet informeret omkring klienten Varde middelalderfest og at det er en one-page hjemmeside. De er derfor blevet bedt om at opstille de forskellige labels efter kategorier, som er “øverst”, “midten”, “nederst” og “ikke vigtigt”.

Det har derfor været en lukket test i og med at kategorier samt labels er givet på forhånd. Testpersonerne har ikke haft mulighed for selv at tilføje labels eller kategorier. De har derimod haft kategorien “ikke vigtigt” i tilfælde af at nogle labels ikke var relevant i forhold til hjemmesiden. Ud fra de fundne data er der derefter blevet analyseret samt udformet tabeller, der fortæller hvor mange testpersoner der mener at f.eks. en footer skal være øverst (se fra bilag 26-28). Disse data har været med til at bestemme hvordan informationernes hierarki skal være.

Wireframe Efter closed card sorting var det muligt at producere en wireframe (se bilag 29), som skulle give en idé om opbygningen af one-page hjemmesiden. Wireframen er også med til at vise foreslåede strukturer, funktioner og indhold. Wireframen er begyndelsen på en design process og som er en byggesten for en eventuelt mockup. Denne wireframe er som sagt udformet efter resultaterne i closed card sorting, hvilket vil sige at informationerne er sat op i hierarki efter dette. Det er gjort for at efterkomme brugernes ønsker og derved bevares den røde tråd og den gode brugeroplevelse.

Moodboard Der er blevet udformet et moodboard, som har været med til at formidle stemningen visuelt i forhold til middelalderfestivalen i Varde (se bilag 23). Moodboardet er en hjælp for gruppen til at se på og skabe idéer, men samtidig også til at se de valgte farver som skal være synlige på et produkt. Stemningen er sat ved at bruge originale billeder fra festivalen klientens Facebook sider. Dette moodboard kan også benyttes af udefrakommende, hvilket skal gøre det muligt for dem også at se og føle stemningen visuelt. Det er også blevet besluttet at bruge klientens originale farver, i hvert fald den blå og orange, men med en lysere tone i den grå. Dette for at skabe en bedre kontrast mellem farverne.

15

Analyse Ideation

Content Strategy - Transmedia Storytelling Til at gennemføre transmedia storytelling startede processen ved at definere målet for at skabe en historie eller oplevelse for målgruppen. Ud fra klientens ønsker og analyse fra vores research er der blevet defineret på hvilken måde transmedia storytelling skal udføres. Indholdet til transmedia storytelling er opbygget omkring one-page hjemmesiden, dvs. alt indhold i transmedia storytelling er lavet til at få folk til at besøge hjemmesiden for at få mere information og forhåbentlig komme til festivalen.

Her er en definition på dette: Goals: Brande Middelalderfestivalen i Varde og tiltrække flere turister og børnefamilier uden for Varde kommune.

Scope: Oprette multimedieprodukter til forskellige platforme kræver færdigheder i kodning, Adobe Illustrator, Photoshop og Adobe InDesign Success criteria : Flere turister/gæster kommer til festivalen, mere salg ved boderne.

Målgruppe: Primary målgruppen er turister fra Tyskland og børnefamilier i hele Danmark.

Hvad er historien, der skal fortælles?

Vi ser unge søskende der leger ude på en campingplads i Tyskland nær grænsen til Danmark. Når de finder et gammelt stykke træ, formet som en halvdel af skjold, sker der noget ekstraordinært. Når de begge rører ved skjoldet, rejser de pludselige tilbage i tiden og finder sig i middelalderen. Deres opgave er at finde den anden halvdel og kombinere dem for at komme tilbage til deres tid.

Hvordan kan historien blive leveret?

One-page hjemmeside - viser et kort over begivenheder, programmer for alle dage, billeder af sidste festival og vigtige tidspunkter.

Plakat 1 - teaser plakat for at opnå målgruppens opmærksomhed. Der skal være 3 forskellige sprog på plakaterne (Engelsk, dansk og tysk) og de er primært til opsætning i fx. tog, skoler, børnehave, offentlige steder.

Plakat 2 - Plakat til infoskærmer omkring Varde. Disse plakater kan ikke have meget indhold på sig, fordi det er til skærme der står ved motorvejen. Stærkt slogan eller meget enkelt og til at huske, men effektiv tekst der henleder opmærksomhed.

Nyhedsbrev - sendt ud til alle sommerhuse og boliger i nærheden af ​​Varde kommune. Nyhedsbrevet kan omfatte den ene halvdel af skjoldet.

Ekstra anbefaling www.visitdenmark.dk - Hvis du søger efter "middelalderfestival" på VisitDenmark, får du kun information om Horsens og Nyborg festival. Intet om Varde, det anbefales derfor at kontakte dem og få lagt en meddelelse ind på Visitdenmark.dk. Meddelelsen skal indeholde praktiske oplysninger om festivalen, billeder og link til hjemmesiden.

16

Analyse Ideation

Hvilken slags deltagelse fra publikum skal der bruges?

Familier og børn kan deltage i workshops på festivalen, til at skabe den anden halvdel af skjoldet. Det afhænger dog af de ressourcer kommunen har. Der kunne være en print-version af skjoldet som børnene kan male, eller et værksted hvor børnene laver deres eget skjold.

Denne transmedia storytelling er enkel og let udført, men vil øge bevidstheden om festivalen og forhåbentlig tiltrække flere gæster.

17

Analyse

Experimentation I denne fase begynder den funktionelle proces, som tager udgangspunkt i de foregående fasers analyse- og researcharbejde. Her udarbejdes der f.eks. en mockup, som der til slut skal ende ud i en velfungerende prototype. Der bliver også taget højde for C.R.A.P. principperne, som skal hjælpe med at skabe en god visuel brugeroplevelse på one-page hjemmesiden. Endvidere bliver den visuelle identitet også berørt, da det er besluttet at bibeholde de originale farver og logoer fra klienten.

Mockup Der udarbejdes en mockup (se bilag 24) for klienten, Varde Middelalder Festival bedre kan forholde sig til hvorledes deres fremtidige kampagne-hjemmeside vil komme til at se ud. Derudover virkeliggøres kampagne-hjemmesidens webdesign således at klienten har mulighed for at kommentere på hvad der kan forbedres, så det endelige resultat af hjemmesiden er i overens med klientens ønsker.

Denne mockup repræsenterer strukturen af Varde Middelalder Festivals information (bilag 24) til deres gæster omkring deres kommende festival arrangement. Derudover visualiserer det Varde Middelalder Festivals indhold af informationer, så det er let tilgængeligt og læsevenligt for de besøgende. Så demonstrerer mockup de basale funktioner, som vil blive implementeret i slutproduktet, onepage kampagne-hjemmesiden.

C.R.A.P. Disse principper er brugt for at skabe et design der fungerer. Disse fire principper, skaber tilsammen et design, som for det meste vil være effektivt i stedet for det modsatte.

Contrast: er med til at få nogle elementer på et design til at træde frem. “Contrast” er med til at drive en brugers opmærksomhed til et specifikt element, men kan også være i forhold til f.eks. farver. I forhold til one-page hjemmesiden er der skabt en god kontrast i forhold til farvevalget. Der er skabt god kontrast ved at have den mørkeblå som baggrund, med den grå-hvide farve som tekst. En kontrast træder især også frem ved de fire programmer, med den blå baggrund og de hvide logoer.

18

Analyse

Experimentation Dette gør også at brugernes blikfang især er på disse.

En god kontrast er også skabt ved at have noget tekst større end den anden, som indikerer at det er en overskrift.

Dette er også med til at drive brugernes opmærksomhed hen på dette. Den lyse grå-hvide farve er også med til at bløde det lidt op i forhold til de to mørkere farver. De hvide vimpler er også med til at skabe en god kontrast, og får den opgave at dele siden op.

I forhold til former er der også skabt kontrast ved at have de runde logoer samt vimpler. Designet er udover disse kun bestående af firkantede elementer, hvor de runde og trekantede elementer går ind og ødelægger ensformigheden i hjemmesiden.

Der er også skabt kontrast ved at have store billeder komme glidende ind, som gør at brugeren får et blikfang. Det er også det første brugeren ser når de går ind på hjemmesiden, og skal derfor give en stemning af hvad middelalderfestivalen i Varde har at byde på.

Repetition: er hvordan man skaber en ensformighed i et design. Det hjælper brugerne med at sammenkoble den information de ser. Repetition kan ske ved hjælp af former, farver, størrelse osv. I forhold til dette design, som sagt før, så er der udelukkende kun brugt tre farver samt farverne på de tre flag, for at skabe en god repetition samt identitet. Der er også kun blevet gjort brug af firkantede elementer, med en undtagelse af vimpler og runde logoer, som er med til at bryde ensformigheden og gøre designet mere iøjnefaldende. Størrelser på elementer og tekst er også det samme hele vejen igennem, for lige netop ikke at skabe mere fokus på det ene frem for det andet. Repetition skal hjælpe brugeren med at skabe en sammenhæng mellem forside og undersider, så derfor holder man så vidt muligt disse i samme design.

Alignment: er et koncept der organiserer forskellige elementer med information for at skabe orden. Med alignment er intet element placeret uhensigtsmæssigt og alle hører visuelt sammen med et eller flere elementer, som fører til et sammenhængende design. Der er to forskellige slags justeringer som hedder “kant justeringer” og “centreret justering”. For at skabe en bedst mulig alignment og en genkendelighed i elementer der er tæt på hinanden, skal disse have samme justeringer. Dette kan f.eks. ses i programmerne hvor logoerne har samme alignment. De er alle fire centreret afhængig af elementet foroven og ved siden af. Samtidig er de også kant justeret afhængigt igen af det element foroven samt ved siden af. Dette ses også i vimplerne med forskellige flag, som er kant justeret. Dette går igen over hele one-page hjemmesiden. Selve teksten står også i alignment og er venstre justeret. Dette er dog en undtagelse i footeren hvor teksten til højre er højrejusteret.

Proximity: er hvor elementer der er forbundet med hinanden, skal placeres tæt på hinanden. Med brugen af dette kan det føre til en bedre brugeroplevelse.

Som sagt, så er der på designet sørget for at f.eks. programmerne med logoerne står tæt sammen. Dette er for at skabe en bedre brugerforståelse for at disse fire er forskellige programmer, men som har samme formål, nemlig at informere. Overskrifter og undertekster står også sammen, så brugeren ikke er i tvivl om at det er tekst der hører sammen. Vimplerne med flag er også placeret tæt på hinanden, for at indikerer at disse har samme formål, nemlig

19

Analyse

Experimantation at skifte sprog. Dette går også igen med billedviseren hvor to pile i både højre og venstre side er placeret tæt på billederne, der indikerer at her kan man trykke og skifte billeder, hvis man ønsker det. Alt dette går igen på websitet for at skabe en bedst mulig proximity.

Med brugen af C.R.A.P. principperne formår man at producere et design der er brugervenligt og som skaber en god identitet til hjemmesiden. Det fremmer også kvaliteten samt brugeroplevelsen.

A/B test Field research er en kvalitativ metode, som benyttes for at forstå, observere og interagere med de mennesker, som kunne være potentielle gæster på Varde Middelalder Festival. De potentielle gæster på Varde Middelalder Festival udspørges i deres naturlige omgivelser, så resultatet vil være naturligt og på den måde undgå ydre påvirkninger, som kunne påvirke deres besvarelser i spørgeskemaet.

For at opnå en bedre brugeroplevelse i slutproduktet dvs. kampagne-hjemmesiden blev der udsendt et nyt spørgeskema i forhold til hvilket design ud af fire muligheder, modtageren syntes bedst om (se bilag 33). Hvilket var en kæmpe hjælp i designprocessen af kampagnehjemmesiden. Det udsendte spørgeskema udløste overraskende hjælp fra en uventet kant, da en af respondenterne gav sig tid til at sende noter (se bilag 34). Dette var om forbedringer i forhold til de fire webdesign muligheder for kampagne-hjemmesiden for Varde Middelalder Festival. Især feedback om brugen af billedet med ‘’riddere’’ i headerens top (se bilag 37), her kunne modtageren associere sig med ‘’krig/war’’

20

Analyse

Experimantation og ikke med middelalder. Derfor er top-header blevet ændret til et mere glædeligt og lystigt billede (se bilag 38) til slutproduktet. Ud fra de fire muligheder af udseende af webdesign (se bilag 35), valgte størstedelen af respondenterne nærmere præcist webdesign 2 (se bilag 36) med total besvarelse på 32 og rating på 64. Ud fra spørgeskemaet; hvilket design kunne de lide kunne konkluderes at webdesign nr 2 (bilag 36) blev valgt og selvsamme webdesign blev lige så klientens, Varde Middelalder Festivals foretrukken til midtvejspitch.

Visuel identitet Klienten, Varde Middelalder Festival havde på forhånd skabt sig en visuel identitet. I forbindelse med fejringen af jubilæet af Varde som købstad i 2017, havde de fået skabt sig et logo, fonts samt farver. Varde Middelalder Festival var dog åbne overfor nye tiltag i form af deres visuelle identitet. Deres nuværende visuelle identitet fra fejringen af Varde som købstad, finder modtagerne dvs. fremtidige gæster på middelalderfestivalen meget brugbar. Dette kan analyseres ud fra bilag 18 og derfor bibeholdes deres nuværende visuelle identitet. Den visuelle identitet bibeholdes grundet ud fra brugerundersøgelsernes konklusion. Genkendelighed er alfa og omega for arrangementer såsom Varde Middelalder Festival, så husker folk arrangementet bedre og kan dermed komme igen året efter. Det giver et troværdigt og stilsikkert udtryk for Varde Middelalder Festival. På onepage-kampagne hjemmesiden benyttes Varde Middelalder Festivals logo, som blev benyttet i forbindelse med Vardes købstadsjubilæum (se bilag 30). Vardes købstads jubilæums logo er blevet videreudviklet i en lidt moderne redesigned udgave (se bilag 31). Herefter er logoets ‘’borgport’’ blevet til en funktionel ‘’button’’ (se bilag 32) på kampagnehjemmesiden, for at fastholde den visuelle identitet og atmosfære fra middelalderen. Denne ‘’button/knap’’ videresender brugeren til dags programmerne for diverse aktiviteter på festivalen.

Storyboard & Script Der er udformet to storyboards og to scripts; en til en klientvideo (se bilag 49) og et script med forklaring om hvorledes onepage kampagne-hjemmesiden er kodet. I klientvideoen er der fokuseret på at forklare om Varde Middelalder Festivals overordnet problem, at de gerne vil opnå flere gæster på festivalen og gerne turister. Her forklares der om hvorfor valget af medieproduktioner; onepage kampagne-hjemmeside og plakat er valgt. Derudover et storyboard og script som forklarer om selve kampagne-hjemmesidens kodning (se bilag 50). Her gennemgås der trin for trin kodningsprocessen lige fra header, main til footer. Under ‘main’ forklares JavaScript med lightbox billedgalleriet, som har en ‘slide’-funktion.

GitHub GitHub benyttes i forbindelse med skabelsesprocessen af kampagnesiden for Varde Middelalder Festival. Hvilket betyder GitHub er et hjælpeværktøj til deling af kampagnehjemmeside kodningen, når der er flere personer om det.

SEO SEO benyttes i forbindelse med kodningen af kampagne-websitet for Varde Middelalder Festival dvs. der indgår keywords, som vil være medvirkende til mere synlighed på diverse søgemaskiner. Keywords vil variere fra: ‘’middel-

21

Analyse

Experimantation alderfestival, varde, festival, middelalderfolk, markedsplads, Varde Å, riddere’’. Keywords placeres i head-delen med et meta tag i HTML-dokumentet. Dette vil især medvirke til at besøgende på f.eks. Google, vil kunne se denne one-page hjemmeside øverst på søgemaskinen. I forhold til som det er nu når man googler ”middeladerfestival Danmark”, hvor der kun kommer søgeresultater frem af middelalderfestivalen i Horsens. Dette vil altså medvirke til at gøre one-page hjemmesiden samt klienten mere synlig.

Prototype Første udarbejdelse af en low-fidelity prototyping som var card sorting, for at finde ud af hvorledes de forskellige funktioner og content, som brugerne fandt mest vigtig at have i header, midten og footer (se bilag 25).

Ud fra card sorting, blev der udarbejdet en wireframe af hvorledes Varde Middelalder Festivals onepage kampagne-hjemmeside skulle udformes (se bilag 29). Næste fase var high-fidelity prototyping hvor wireframen blev videreudviklet til en mere visuel og præsentabel mockup (se bilag 24). Denne mockup er så blevet videreudviklet til en næsten fuldkommen fungerende hjemmeside i Adobe XD (se bilag 39), men stadigvæk i mockup-fasen.

Her kan indhold og webdesign opsættes, som det endelige slutprodukt dvs. one-page kampagne-hjemmesiden vil være udformet (se bilag 40). Netop for at se om content og webdesign fungere optimalt, for at give den bedste user experience. På denne prototype kan man også udføre brugertests på målgruppen, som vil give et endeligt resultat af hvad der fungerer, samt hvad der ikke gør.

22

Analyse Evaluation

Der er i denne fase blevet produceret en click-first brugertest, som fortæller hvilket testpersonen vil klikke på først, for at fuldføre en given opgave. Denne testform skal også være med til at fortælle om one-page hjemmesiden fungerer eller om den muligvis har fejl og mangler. Der er derfor blevet udformet ni forskellige underopgaver med forside, programmer og skift sprog som hovedkategorier (se bilag 42-48). Da det er en one-page side er der heller ikke ret mange tryk muligheder, og dermed er testen kort men præcis. Testen er foregået på en funnktionel prototype.

Testpersonerne som er blevet testet i denne test er målgruppen for middelalderfestivalen; nemlig børnefamilier. Der er blevet testet to børnefamilier på henholdsvis fire og tre - altså syv personer i alt.

23

Analyse Evaluation

Testen er blevet udført således at testpersonen først har fået forklaret reglerne, nemlig at det kun er en opgave ad gangen der skal udføres, imens der bliver skrevet ned hvad testpersonen klikker på først. Det er også blevet forklaret til testpersonen at det kun er klik, der bliver set på i denne test. Testpersonerne er ikke blevet informeret om indhold eller lignende, da det er ønsket at de skal være på helt bar bund fra start og selv finde frem til løsningen af den stillede opgave. Testpersonerne er også først blevet forklaret hvad deres resultater er blevet brugt til, efter endt test.

Dette er for at forhindre en eventuel overpræsterende testperson samt undgå stress for at ville klare sig bedst muligt.

Der var i alt to komplikationer med one-page hjemmesiden, men disse blev hurtigt løst, da testpersonerne hurtigt fandt en løsning. Derfor ikke alarmerende komplikationer. I forhold til den første opgave, find teksten Varde købstad fylder 577 år, under hovedkategorien forside var der 3 ud af 7, som ikke forstod til at starte med at man kan scrolle ned. En enkelt troede at det var logoet øverst i venstre hjørne man skal trykke på.

Den anden komplikation var at en enkelt testperson, ikke kunne finde ud af hvordan man gik tilbage når man er inde i et program. Testpersonen scrollede ned i programmet og leder efter en tilbage knap. Testpersonen trykker også på logoet i headeren, med en mulig forventning om at det vil få en tilbage til forsiden. Til sidst finder testpersonen tilbage knappen øverst på programmet i venstre hjørne.

En løsning til den første komplikation kunne være at gøre billedet efter headeren mindre, således at når man er inde på hjemmesiden, kan se at den indeholder andre elementer nedenunder. Man kunne også indsætte en lille pil der peger nedad, således brugeren forstår at det er muligt at scrolle ned.

En løsning til den sidste komplikation, er at man kan lade tilbage-knappen inde på et program følge med i headeren, når brugeren selv scroller ned på hjemmesiden. Da disse ikke er alarmerende komplikationer, er disse dog ikke blevet set som en nødvendighed at lave om på. På sigt kunne det dog godt være at det skulle være med i overvejelserne, hvis det viser sig at være et problem for flere.

Overordnet set, viser testen at resten af designet på one-page på prototypen, er fungerende og ligetil i forhld til brugeren. Brugeren har nemt ved at finde de givne opgaver og derved får en god brugeroplevelse.

24

Konklusion Der er blevet udformet to produkter til klienten Varde Kultur & Fritid, nemlig en kodet one-page hjemmeside samt en plakat (se bilag 41). I forhold til hvordan klienten skal brande sig selv på bedst mulig vis, anbefales det at de sørger for at sende plakaten ud til så mange institutioner, offentlige steder, caféer, restauranter osv. og gerne uden for Varde Kommune såvel som inden for det område. Det anbefales at klienten får den sendt ned til omkring grænsen mellem Tyskland og Danmark, således at så mange turister som muligt ser plakaten og på den måde bliver oplyst. Det anbefales også at plakaten bliver sendt ud til Fyn og Sjælland, så hele Danmark bliver informeret om middelalderfestivalen i Varde.

I forhold til den kodede hjemmeside, er der sørget for at bruge SEO nøgleord, som er med til at få en bedre synlighed når der bliver søgt på Google. Keywords i denne sammenhæng kan variere fra alt fra “middelalderfestival” til “Varde Å”. SEO har betydet en del, da man ellers ikke får søgeresultater frem på Google når man søger “middelalderfestival i Danmark”. Alle søgeresultaterne der kommer frem, henvender sig til middelalderfestivalen i Horsens. Det anbefales derfor klienten, at benytte sig af SEO. Ved at gøre brug af disse to optimeringer, konkluderes det at det vil hjælpe klienten med at tiltrække samt oplyse turister.

Plakaten kan opdateres for hver gang og er ikke dyr at producere. One-page hjemmesiden er gjort så enkel og ligetil, at det blot er indhold som f.eks. tekst der skal opdateres. Eftersom klienten ikke ønsker produkter der er tids- og ressourcekrævende, konkluderes det også at de to producerede produkter lever op til disse krav.

Klienten havde i forvejen produceret logo, valgt farver og fonts osv. I forhold til at skabe en visuel identitet igennem det originale design og det nye, er der herved valgt at beholde meget af det originale. De originale farver er blevet beholdt, med en undtagelse af den lysegrå, som er gjort en anelse mere lys, for en bedre kontrast. Det originale logo er også bibeholdt, dog er der blevet fjernet lidt tekst, da det i 2019 ikke længere vil være et jubilæum.

Dette er en bevidst handling, da det konkluderes at Varde middelalderfestival allerede har gjort et godt brand ud af dem selv, og det derved ville ødelægge dette ved

at ændre for meget. Det er også gjort for at brugere kan identificere de to produkter med Varde Middelalderfestival.

Der er blevet udviklet en Transmedia Storytelling, med det formål at skabe en historie for brugerne, der i sidste ende vil få dem til at besøge hjemmesiden og dermed forhåbentligt deltage i festivalen. Denne er udformet fordi det konkluderes at en historie bag, vil tiltrække flere besøgende. Det anbefales desuden, via Transmedia Storytelling, at klienten benytter sig af flere platforme, som: one-page hjemmesiden, plakater, digitale infoskærme, nyhedsbreve og som en ekstra anbefaling; at få lagt en kort infotekst ind på Visitdenmark.dk.

Det konkluderes derfor at klienten bør gøre sig nogle overvejelser omkring at benytte sig af nogle af alle disse anbefalinger, da det i sidste ende vil kunne gavne dem.

I forhold til at tiltrække turister, vil det også være et plus at tage disse anbefalinger i tankerne.

25

Litteraturliste Websider:

VWO.com – Build Better User Experience With C.R.A.P. Principles https://vwo.com/blog/crap-design-principles/ (besøgt d. 19/5-18)

Medium.muz.com – Building Design Systems with Atomic Design https://medium.muz.li/building-design-systems-with-atomic-design-93a13286f676 (besøgt d. 11/5-18)

Innovation.sites.ku.dk – Business Model Canvas https://innovation.sites.ku.dk/model/business-model-canvas/ (besøgt d. 7/5-18)

Optimalworkshop.com – Card Sorting 101 https://www.optimalworkshop.com/101/card-sorting (besøgt d. 7/5-18)

Canvanizer.com – Create a New Business Model Canvas https://canvanizer.com/new/business-model-canvas (besøgt d. 2/5-18)

Work-live-stay.dk – Events In South West Jutland http://work-live-stay.dk/en/events-in-south-west-jutland/ (besøgt d. 30/4-18)

Saylordotorg.github.io – Field Research – What Is It and When to Use It?

https://saylordotorg.github.io/text_principles-of-sociological-inquiry-qualitative-and-quantitative-methods/s13-01-field-research-what-is-it-and-.html (besøgt 20/5-18)

Hubspot.com – How to Do Keyword Research for SEO: A beginner’s Guide https://blog.hubspot.com/marketing/how-to-do-keyword-research-ht (besøgt 21/5-18)

RedWEB.dk – Hvad er en wireframe og hvorfor skal du bruge det? https://redweb.dk/hvad-er-en-wireframe-og-hvorfor-skal-du-bruge-det (besøgt d. 7/5-18)

Vardekommune.dk – Middelalderfestival. Available: http://www.vardekommune.dk/middelalderfestival (besøgt d. 30/4-18)

Middelalderfestival.dk – Middelalderfestival i Horsens http://www.middelalderfestival.dk/ (besøgt d. 1/5-18)

YouTube.com – Middelalderfestival i Varde https://www.youtube.com/watch?v=KRHLt9nNLns (besøgt d. 30/4-18)

TVsyd.dk – Middelalderfestival i Varde

https://www.tvsyd.dk/nyheder/31-08-2017/1930/middelalderfestival-i-varde (besøgt d. 30/4-18)

TVsyd.dk – Middelalderfestival: Varde fejrer 575 års købstadsjubilæum https://www.tvsyd.dk/artikel/middelalderfestival-varde-fejrer-575-aars-koebstadsjubilaeum (besøgt d. 30/4-18)

Christianrunge.com - mockups

https://christianrunge.wordpress.com/mockups/ (besøgt d. 9/5-18)

26

Litteraturliste Interaction-design.org – Stage 4 in the Design Thinking Process: Prototype https://www.interaction-design.org/literature/article/stage-4-in-the-design-thinking-process-prototype (besøgt 21/5-2018)

Ivækst.dk – SWOT-Analyse

https://ivaekst.dk/vaekst/0/6/4/3/swotanalyse (besøgt d. 8/5-18)

Athinklab.com – Transmedia Storytelling

http://athinklab.com/transmedia-storytelling/what-is-transmedia-storytelling/ (besøgt 21/5-18)

Henryjenkins.org – Transmedia Storytelling 101

http://henryjenkins.org/blog/2007/03/transmedia_storytelling_101.html (besøgt 21/5-18)

YouTube – Varde – 575 års købstadsjubilæum https://www.youtube.com/watch?v=BKZG7epBJl8 (besøgt d. 30/4-18)

Soulcraft.co – The 12 Common Archetypes

http://www.soulcraft.co/essays/the_12_common_archetypes.html (besøgt d. 6/5-18)

Groovenetworks.com – What Is SEO And What Are Some SEO Methods? https://www.groovenetworks.com/what-is-seo.html (besøgt 21/5-18

Designmodo.com – Wireframing, Prototyping, Mockuping – What’s the Difference? https://designmodo.com/wireframing-prototyping-mockuping/ (besøgt 19/5-18)

Jv.dk – 575 år som købstad: Middelalderfestival byder på kædedans og kampshow

https://www.jv.dk/varde/575-aar-som-koebstad-Middelalderfestival-byder-paa-goegl-kaededans-og-kampshow/artikel/2524256 (besøgt d. 30/4-18)

Bøger: Pratten, R. 2011, Getting Started In Transmedia Storytelling, A Practical Guide For Beginners, CreateSpace Independent Publishing Platform; 2 edition. ISBN: 1456564684 ISBN-13: 978-1456564681

27

Bilag

28

Bilag

29

Bilag

30

Bilag

31

Bilag

32

Bilag

33

Bilag

34

Bilag

35

Bilag

36

Bilag

37

Bilag

38

Bilag

39

Bilag

40

Bilag

41

Bilag

42

Bilag

43

Bilag

44

Bilag

45

Bilag

46

Bilag

47

Bilag

48

Bilag

49

Bilag

50

Bilag

51

Bilag

52

Bilag

53

Bilag

54

Bilag

55

Bilag

56

Bilag

57

Bilag

58

Bilag

59

Bilag

60

Bilag

61