RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d Sara Jacobsen & Natasja Christoffersen 3. års HTX

Transkript

1 RESPONSIV WEBDESIGN Gøg og Gokke Kommunikation IT Afleveres d Sara Jacobsen & Natasja Christoffersen 3. års HTX

2 Indhold Indledning... 2 De seks faser... 2 Problemanalyse... 2 K-strategi... 3 Idéudvikling... 3 Medieproduktion... 4 Test... 5 Offentliggørelse... 5 Kanylemodellen... 6 Afsender... 6 Budskab... 6 Medie... 7 Kodning... 7 Modtager... 7 Målgruppe analyse... 7 Målgruppe 1: voksne... 7 Målgruppe 2: Unge... 8 Minerva-modellen... 8 Konklusion Side 1 af 10

3 Indledning Vi har fået til opgave, at udarbejde et webdesign til nogen som trænger til det. Formålet med denne opgave er at designe- eller re-designe en ikke fungerende responsiv hjemmeside. Det kan f.eks. være for et firma, en butik, en klub eller lign. Vi har til denne opgave valgt, at forbedre en allerede eksisterende hjemmeside for værtshuset Gøg og Gokke, som her i Nakskov by er et af de eneste steder de unge også kan samles og feste. Et responsivt design vil sige, at siden ændre sig i forhold til skærmens størrelse, hvilket betyder at med et responsivt design tilpasser siden sig hvis du fx bruger smartphone. De seks faser: Der er seks forskellige men meget vigtige faser når man arbejder med kommunikation, dette berører hvordan man kommer ud til folk. På hvilken måde man gerne vil signalere, hvad man vil signalere, og hvor man gerne vil hen med det hele. Problemanalyse Vores problem er, at det er en gammel hjemmeside, som vi før har haft lavet til værtshuset Gøg og Gokke, faktisk en rigtig god hjemmeside, men som ikke er opsat på samme måde, som mange af de andre hjemmesider vi er vant til nu til dags. Alt i alt vil det sige, at vores tidligere opbyggede hjemmeside ikke er mobilvenlig, det er er selvfølgelig et problem der skal løses. Side 2 af 10

4 Det som der har faktisk har forårsaget problemet, er i bund og grund at alle personer nu til dags har en smartphone, som mange bruger til at gå på nettet med, hvis man lige hurtigt skal tjekke et eller andet, i stedet for at bruge computeren, og der er ikke noget mere irriterende end hvis man sidder på en mobil og man skal sidde og kører frem og tilbage på siden for at kunne se det hele. Det vil i sidste ende gå ind og gøre at folk bliver trætte af at kigge på hjemmeside, og at evt. nye kunder ikke finder det interessant på samme måde end hvis hjemmesiden nu var mere inspirerende, og virkede optimalt på deres smartphones. Derfor vi vil gå ind og opdatere det, så det bliver interessant for folk at gå ind på siden uden problemer, hvis man bruger sin smartphone. K-strategi Vi har her gået ind og analyseret hvad det egentlig er Gøg og Gokke vil ud med, hvor det er de vil hen, hvilke målgrupper de vil ramme, samt hvad deres koncept egentlig er. Formålet ved alle hjemmesider, for f.eks. forskellige restauranter, caféer og værtshuse for den sags skyld, er selvfølgelig at trække kunder til, og for at trække kunder til skal man igennem en hjemmeside kunne signalere at de er troværdige, altså er det hele tiden er opdateret med de nyeste priser, events og hvad det nu måtte være. Konceptet for vores hjemmeside er et hyggeligt værtshus miljø, hvor man har lyst til at komme med kammeraterne efter fyraften og få en øl. Vi har taget et godt kig på værtshuset Gøg og Gokke, for at få et godt indtryk af hvordan miljøet og stemningen er der. Vi tog en masse billeder og genskabt nogle af Gøg og Gokkes genkendelig træk i vores webdesign. Det er vigtig for os, at man ved at kigge på billeder og design kan se at det er en hjemmeside for Gøg og Gokke, altså at man vil kunne sammenligne stedet med hjemmesiden. Det har vi valgt at gøre, ved at bruge samme farveskema som værtshuset i virkeligheden gør brug af, gennem alle siderne inde på vores hjemmeside. Det skal være farver som signalere at det er det sammen sted man er. Samt det skal være en hjemmeside som skal være simpel men stadig fyldt med alle de informationer der skal være. Idéudvikling Idet vi har valgt, at arbejde videre på en gammel hjemmeside, har vi her gjort os nogen idéer om hvordan den responsive del af hjemmesiden skulle se ud, da det kun er det vi vælger at lave og ændre i. Vi har snakkede om hvordan vi ville sætte siden op, og med hvilke farver vi ville gøre det med, og hvilke ændringer der skulle være fra den normale til den responsive del. Til dette brugte vi selvfølgelig vores gamle hjemmeside til inspiration, hvor vi sad og legede med farverne, men vi Side 3 af 10

5 blev hurtigt enige om, at der ikke skulle være nogen ændringer på farverne, fordi vi synes, at det er vigtigt at den responsive del ligner så meget som muligt den normale hjemmeside. En ting var vi helt fast besluttet på, var at menuen skulle være gemt indtil man vælger trykke på den. Vi har dertil tegnet noget skitser over hvordan vi gerne ville have vores responsive hjemmeside til at se ud, så vi havde noget at gå ud fra da vi skulle til i gang med at kode. Vi kan starte med at kigge på vores første skitse (bilag 1), her forsøgte vi at beholde så meget som muligt af det oprindelige design, desværre var vores billeder for store til at sidde ved siden af hinanden når siden blev mindre, så vi endte med at fjerne stakit billedet i venstre side og kun beholde logoet. På anden skitse (bilag 2), kan vi se, at vores 2 kasser med henholdsvis tekst og billeder, blev store og klodset i forhold til skærmen, Ved at fjerne den røde border rundt om kasserne og gøre dem gennemsigte, blev det meget pænere at se på. Skitse 3 (bilag 3) er modellen for vores endelige hjemmeside, og vi er meget tilfredse med den. Medieproduktion Nu da vi havde gjort os en masse idéer og nærmest var fast besluttet på hvordan vores responsive hjemmeside skulle se ud, var det nemt at gå i gang. Det vigtigste ved selve medieproduktionen er, at vi får lavet et design som er indbydende og får folk til at kigge på hvad det helt præcist er Gøg og Gokke har at byde. Udseendet på en hjemmeside har meget at sige, og er med til at reflektere hvad Gøg og Gokke er for noget. Vi vil gerne gøre det klart, at Gøg og Gokke egentlig ikke bare er i værtshus, men faktisk er et hyggeligt sted, som også gør noget for sammenholdet, ved at afholdte forskellige spiltunerringer samt events. På billeder nedenfor kan i se udviklingen fra vores normale hjemmeside til vores responsive hjemmeside. På den responsive del, som er til højre, hvis man skulle være i tvivl, skal man blot klikke på Menu og så popper den op. Side 4 af 10

6 Test Vi har vist vores hjemmeside til et par personer, og de syntes det så fornuftigt ud, og gav udtryk for, at vi ført farverne og stilen godt igennem med det miljø som i virkeligheden hersker på Gøg og Gokke. Vi har dog desværre ikke nået at være oppe på Gøg og gokke endnu, som vi havde håbet på, idet vi i starten havde en masse problemer med at få lavet vores hjemmeside responsiv, og det tog desværre en del af vores tid, hvilket resulterede i at vi simpelthen ikke har nået det, men vi satser på at få det gjort inden for den nærmeste tid. Offentliggørelse Vi satser som nævnt tidligere stadig på at gå op til Gøg og Gokke for at vise ejeren hjemmesiden, for at få feedback, og evt. høre om hun kunne tænke sig at gøre brug af den, og overtage den. Side 5 af 10

7 Kanylemodellen Kanylemodellen er et analyseværktøj til sit eget produkt. Den fungerer som en kanyle, ved at man giver noget medicin til sin modtager, hvor medicinen er et budskab som skal hjælpe dem med et eventuelt problem. Budskabet er en stor del af Kanyle-modellen, det er faktisk ret essentielt for produktet. I kanylemodellen skal man redegøre for sit budskab og fortælle om dets funktion. Nogle af de andre punkter man kommer omkring i analysen er uddybet i følgende analyse. 1 Afsender Afsenderen af vores hjemmeside, er Karin Hjort Pedersen Hyllen, som er ejer af Gøg og Gokke. Karin er en ældre kvinde med to voksne børn. Hun arbejdede førhen på Goose pub, så hun er inden for branchen. Hun opkøbte for nogen år siden bygningen og åbnede Gøg og Gokke, da hun gerne ville prøve noget nyt og være sin egen chef, Karin har store planer med Gøg og Gokke. Budskab Budskabet ved at lave en forbedret hjemmeside til Gøg og gokke, er selvfølgelig at få flere kunde til Gøg og Gokke, samt at skabe en god reklame, som får folk til at kigge forbi. 1 Side 6 af 10

8 Medie I den her opgave er vores medie en hjemmeside, men ikke bare en ganske almindelig hjemmeside, der er nemlig noget helt specielt ved denne hjemmeside, den er nemlig responsiv, hvilket betyder at når man ser hjemmesiden på en smartphone eller andet elektronisk udstyr med små skærme, så justere hjemmesiden sig selv efter hvor stor f.eks. smartphonen man ser på er. Den justere simpelthen ganske enkelt sig selv, så man ikke skal scrolle frem og tilbage, hvilket gør det meget nemmere og hurtigere at finde rundt på hjemmesiden. Kodning Vi vil fange folk med nogle gode fakta og lidt sjov. Vi har prøvet, at lave vores hjemmeside anderledes og mere spændende, ved at gøre så den ikke ser ud som om det bare er en masse firkanter, vi har bl.a. selv taget og redigeret alle billeder, hvilket vi synes er vigtigt i en hjemmeside, i stedet for bare at kopirere billeder fra nettet. Modtager Det er meget vigtigt at kende sine målgrupper, det er faktisk det vigtigste, så derfor sørger vi for at fokusere på vores målgruppes behov og den bedste kommunikations metode. Gøg og Gokke s modtagere kan være mange forskellige, det kan være alle lige fra unge til gamle, stamkunder til festaber. Målgruppe analyse Vi mener, at værtshuset Gøg og Gokke går ud til 2 målgrupper, men at det er afhængig af hvilke dage på ugen man tager udgangspunkt i. Den første målgruppe kalder vi de voksne, det er den målgruppe, som er de lidt ældre, typisk stamkunderne, som ikke kun kommer på Gøg og Gokke i weekenderne for at feste, men kommer der i hverdagene, for at få en øl med vennerne og evt. spille billard, eller hvad det nu måtte være. Den anden målgruppe, tillalder vi os at kalde for de unge, og vi mener at det er dem som der bliver lagt lidt mere vægt på i weekenderne, hvor de kommer for at feste og drikke sig fulde sammen med vennerne, men samtidig, også godt kan hygge sig over et spil billard. Målgruppe 1: voksne Alder: 30 år og opefter. Køn: Mænd og kvinder. Side 7 af 10

9 Geografi: Danmark. Familiestatus: Lever alene med eller uden partner. Uddannelse/job: Ufaglærte eller lavere uddannelse. Indkomst: Førtidspension, pension, kontanthjælp kr./md. Børn: 0-3 børn. Politisk orientering: Socialdemokraterne (for det har de altid gjort) eller dansk folkeparti (fordi de ikke gider udlændinge) Boligforhold: Bor oftest i lejlighed, men vil gerne bo i hus. Målgruppe 2: Unge Alder: år. Køn: Mænd og kvinder. Geografi: Danmark. Familiestatus: På kanten til at flytte hjemmefra, eller bor i lejlighed. Uddannelse/job: Gymnasial uddannelse/erhvervsuddannelse og evt. universitetet. Indkomst: kr./md. Børn: 0 børn. Politisk orientering: Har ingen politisk holdning Boligforhold: Bor hjemme. Interesser: Sport, arbejder, drukture, uddannelse. Minerva-modellen Minerva-modellen er en kommunikationsmodel som anskueliggør, hvilken samfundsmæssig samt livstilstype målgruppe man har med at gøre. Det er derfor hensigtsmæssigt at definere dette, således man kan markedsføre sig selv målrettet og dermed virkningsfuldt. Modellen er inddelt efter 4 overordnede segmenter, hvilket beskriver den samfundsmæssige/livsstilskultur den enkelte person agerer efter i sin dagligdag, når der skal handles. Side 8 af 10

10 Vi vil mene, at vores første målgruppe, altså de voksne nok mest henvender sig til det rosa farvede segment. Her har vi at gøre med et segment, hvor vi finder flest kvinder. Desuden er personerne ofte 50 år eller derover. Der er ofte tale om personer med en lav indtægt, og som bor i små byer på landet. Ligesom det violette segment er der fokus på traditioner men også tryghed. Det er specielt familien, der er i centrum. Bagning, havearbejde, håndarbejde og indkøbsture er de mest udbredte interesser hos personer i dette segment. Blade som Familie Journal, Ekstrabladet, Ude og Hjemme og Hjemmet er meget populære. Socialdemokratiet og Dansk Folkeparti er der, hvor de fleste krydser sættes. 2 Vores anden målgruppe de unge, mener vi mest henvender sig til det grå segment. Det grå segment har ikke nogen fuldstændig klar profil. Alligevel kan man sige, at det grå segment indeholder lidt af alle 4 segmenter. Personer som er usikre på sig selv, finder man i dette segment. Unge finder man derfor oftest i dette segment. 2 Side 9 af 10

11 Med hensyn til avisvalg så foretrækker det grå segment ofte blade som Ekstra Bladet og andre underholdende magasiner. Politisk set finder man tilhængere af Dansk Folkeparti og Venstre. Men samtidig vil vi også mene, at alle segmenter og livsstile er til at finde på Gøg og Gokke, og er velkommen der. Her i Danmark er vi kendt for vores øl, og danskerne elsker dem, så derfor vil vi samtidig mene, at Gøg og Gokke er et sted hvor alle kan komme, og vi synes derfor at det var svært at bestemme præcist hvilke segmenter Gøg og Gokke mest henvendte sig til. Men ethvert værtshus har deres stamkunder, og det er de personer, som vi mener mest hører til det rosa farvede segment, da det er det segment, som beskriver dem bedst. Konklusion Alt i alt syntes vi det er gået godt, og vi er kommet frem til et rigtigt godt resultat, som opfylder de mål og forventninger som vi havde. Siden tilpasser sig som planlagt alt efter om den ses på en stor computer skærm, eller smartphone. I starten havde lidt problemer med at få det responsive til at virke, hvilket tog en del tid fra os, og resulterede i, at vi har måtte springe over hvor gærdet er lavest, og derfor ikke har nået at få testet og fået den respons fra selveste ejeren af Gøg og Gokke, som vi gerne ville have haft, men det er jo bare noget som vi kan arbejde videre med i vores fritid. Vi er kommet til et godt resultat, og vi synes selv, at vi begge har arbejdet godt og har gjort vores job godt, og har begge fået en god forståelse af både kodning og rapport skrivning. Side 10 af 10