Ringsted Skomager - Afsluttende Hovedopgave 2020 - Multimediedesign

HOVEDOPGAVE 2020

MULTIMEDIEDESIGN

HOVEDOPGAVE 2020 SINEM CIFT

1 / 80

SINEM CIFT

FAKTA ARK

Afsluttende hovedopgave, 2020.

Multimediedesigneruddannelse, Copenhagen Business Academy Lyngby.

Projekt titel: Ringsted Skomager Studerende: Sinem Cift CPH business e-mail: cph-sc204@cphbusiness.dk Ă…r: 2020 Vejleder: Morten Rold Klasse: l20mulb Omfang: 54.892 anslag Sider i rapporten: xx Hjemmeside: https://ringstedskomager.dk/ Instagram: https://www.instagram.com/ringstedskomager/ Git: https://dev.azure.com/sinem-02/Hovedopgave%202020

2 / 80

HOVEDOPGAVE 2020

3 / 80

SINEM CIFT

INDHOLD

01

02

Forarbejde

Analyse

1.1. Klient

2.1. Hvad er problemet?

1.2. Problemstilling

2.2. Målgruppeanalyse

1.3. Problemformulering

2.3. Konkurrentanalyse

1.4. Afgrænsning

2.4. Valg af medier

1.5. Værktøjer 1.6. Metode

03

04

Design

Development

3.1. Logo

4.1. HTML & PHP

3.2. Moodboard

4.2. SASS & CSS

3.3. Style guide

4.3. SEO

3.4. Website 3.5. Instagram

4 / 80

HOVEDOPGAVE 2020

05

06

Projektstyring

Afrunding

5.1. Gantt kort & Kalender

6.1. Konklusion

5.2. Google drive

6.2. Perspektivering

5.3. GIT

6.3. Kildehenvisning 6.4. Bilag

5 / 80

SINEM CIFT

01 K A P I T E L

F O R A R B E J D E

6 / 80

HOVEDOPGAVE 2020

1.1. KLIENT Ringsted Skomager & Nøgle Service er en

er det muligt at købe diverse skotilbe-

enkeltmands lokal virksomhed drevet i

hør, lædervare såsom punge, tasker og

Ringstedet shopping center, Ringstedet.

bælter og andre diverse ting som lightere og nøgleringe. Dog er deres USP værdi,

Forretningen åbnede tilbage i 2016 og

dekorationselementerne og udstillingen

har siden haft en langsom udvikling.

ved forretningsruden som indebærer alt

Udover skoreparation så udfører skom-

fra porcelænsfigurer til malerier og andre

ageren også nøglekopiering, skrædderar-

antikke genstande.

bejde, slibning, gravering m.m. Desuden

1.2. PROBLEMSTILLING For at finde ud af hvad jeg skulle dykke ned i, i dette projekt, var jeg først nødt

Under mit interview fandt jeg frem til at

til at finde ud af, hvad der egentligt lå til

det grundlæggende problem, var kun-

grunde for butikkens manglende ud-

dernes mangel på information om skom-

vikling. Derfor valgte jeg at lave et inter-

ageri, og de services der tilbydes i butik-

view med min klient. Da jeg ikke har haft

ken. Dette kom i forskellige former, alt fra

mulighed for at interviewe kunder grun-

den almindelige center-besøgende der

det til covid-19, fandt jeg det derfor lige

ikke vidste at forretningen overhovedet

så pålideligt at foretage et interview med

eksisterede, til heste entusiasten som ikke

ejeren af skomageren; da han til dagligt

vidste at hesteudstyr kunne repareres.

2

forinden krisen har stået på fronten og derfor ser og møder kunder hver dag.

1

USP = Unique Selling Points

2

Læs længere uddrag af interviewet på side 15

7 / 80

SINEM CIFT

1.3. Problemformulering Hvilke medier skal der tages i brug for at skabe større viden indenfor skomagerfaget, hvordan kan dette kommunikeres og på hvilken måde kan denne kommunikation udnyttes kommercielt?

1.4. AFGRÆNSNING Grundet til covid-19 har jeg været nød-

blevet desktop research. Interviews vil

vendigt at afgrænse opgaven således

så vidt muligt foregå over telefonen

at elementer som har, nær kontakt

så meget så muligt, og løbende test,

med andre mennesker er blevet er-

såsom tænke højt test og andet vil ikke

stattet med noget andet. Dette vil

kunne foretages på normal vis. Un-

både have betydning for analysedelen

dersøgelse af data vil derfor være no-

heriblandt interviews og design think-

get jeg vægter højt og tager udgang-

ingsprocessor. Derfor er alt research,

spunkt i, i analysedelen.

8 / 80

HOVEDOPGAVE 2020

1.5. VÆRKTØJER I mit projekt har jeg gjort brug af en række forskellige værktøjer. Disse er både til grafisk arbejde, så vel som datasamling og kodning.

Jeg vil løbende gennem rapporten illustrere hvilke værktøjer jeg har brugt. Ved at tilføje nogle af de følgende ikoner i starten af hvert afsnit.

Rapporten er skrevet i Microsoft Office Word, men senere blevet samlet i Adobe InDesign, Således er alle illustrationer som er lavet til rapporten, er udført i Adobe illustrator.

Adobe Illustrator

Adobe InDesign

Adobe XD

Visual Studie Code

Adobe Photoshop

9 / 80

SINEM CIFT

1.6. METODE Som før nævnt, vil jeg bruge interviews til at præcisere klientens hovedproblematikker og beslutte, hvor fokus for projektet skal lægges.

I projektet vil jeg således, ud fra udkommet af interviewet, udvikle en række produkter, som vil tage udgangspunkt i min klients problemer. Her vil jeg så vidt mulig sørge for at vise alle faglige egenskaber som en multimediedesigner bør kunne.

1.6.1. Design thinking [1] 1.6.1.1. EMPATHIZE

konkurrenten, hvor jeg vil se på, hvor-

I empathize fasen, vil jeg analysere og

dan de, hvis de har, grebet lignende

finde frem til hvad kerne problemet3

problematikker an på. Dernæst vil

for min klient er. Dette vil skabe grun-

jeg undersøge på hvilken, hvis nogen,

dlag for opgaven, og hele tiden minde

disse løsninger kunne være brugbare

mig om hvad jeg skal arbejde hen

eller relevante i min klients tilfælde.

imod.

1.6.1.3. IDEATE 1.6.1.2. DEFINE

I ideate fasen vil jeg brainstorme ud-

I define fasen vil jeg undersøge hvem

formninger af produkter, som jeg efter

målgruppen for butikken er, dette vil

undersøgelse og præcisering af mål-

ske både gennem desktop research,

gruppe og konkurrenter, blev inspire-

interviews og udformning af pas-

ret til. I denne fase er intet vedtaget,

sende personaer, der kan hjælpe mig

eller fastlagt, og jeg vil såfremt bibe-

at skabe det rette indhold til klienten.

holde min interesse og forblive åben for alle slags idéer som kunne være

Desuden vil jeg også foretage en mindre databaseret undersøgelse på 3

Se problemformulering på side 8

10 / 80

med til at løse min klients problem.

HOVEDOPGAVE 2020

Empathize

Prototype Test

Ideate

1.6.1.4. PROTOTYPING

derfor gå tilbage i processen og starte

I prototypefasen vil jeg, på baggrund af

fra den fase man oplever, giver mest

min brainstorm fra forrige fase, forsøge

mening at starte fra. Dog vil det grun-

at indsnævre løsningsmulighederne.

det til covid-19 vil det ikke være muligt

Det er også her jeg finder de mere

for mig at teste dette på normalvis,

fokuserede idéer og bud på løsninger,

derfor vil jeg i stedet bruge tid med

samt deler dem med både offent-

min klient og høre om de føler at prob-

ligheden og min klient, så vi sammen

lemet bliver løst, desuden vil jeg også

kan finde frem til hvad der foretræk-

spørge medstuderende om deres

kes og hvorfor det foretrækkes.

tanker og refleksioner og sidst, men ikke mindst se om jeg vil kunne samle

1.6.1.5. TEST

digitale data som ville være med til at

I test fasen ville man typisk teste ens

vise om produktet har virket eller ej.

produkt og se om problemerne bliver løst. Hvis ikke dette er tilfældet vil man

11 / 80

SINEM CIFT

1.6.2. AIDA Som markedsføringsstrategi vil jeg benytte mig af AIDA modellen som er en kommunikations model som ofte bliver brugt til at udforme reklamer annoncer eller lignende [2]. Dog vil jeg bruge det når jeg laver content til Instagram.

AIDA kommunikationsmodel.

Dette vil jeg især bruge i mine carousel’er på instagram, hvor man kan bladre mellem flere billeder i en post.

12 / 80

HOVEDOPGAVE 2020

AIDA modellen, visualisering af fordelingen på en 10 siddet instagram carousel.

I attention fasen vil jeg lave noget som

nærmere min klient der skal lære fra

griber brugeren, det er også den første

sig i forhold til, hvad butikken tilbyder

slide og den skal derfor fungere som

og hvorfor det er relevant for brugeren,

en magnet, altså noget der tiltrækker

hvorefter jeg skal finde en passende

brugeren, da jeg ønsker at fange dem

måde at formidle dette på.

og gøre dem interesseret til at gå videre.

Ikke alene er det med til at løse en del af problemformuleringen, men også i

I interest fasen vil jeg give noget mere

håb om at hvis folk ved mere, så kunne

information til brugeren, her er det

det være med til at de ville vælge at

vigtigt at være opmærksom på, at jeg

tage skomageren mere i brug i fre-

ikke giver for meget information på en

mtiden og måske tilmed anbefale

gang, da jeg ikke vil miste brugeren

skomager services til de mennesker,

før de har været hele carousel’en ig-

de omgås med.

ennem, men også, at der gives nok eller den rette information til, at de øn-

I action fasen, vil jeg afslutte carou-

sker at fortsætte med at swipe.

sel’en ved enten at stille et spørgsmål til brugeren eller give informationer

I desire eller detail fasen som man nok

om hvor og hvornår de kan finde Ring-

nærmere vil kalde det, når man arbe-

sted Skomager.

jder på instagram. Vil jeg sørge for at lære fra mig. Eller det vil sige, det er

13 / 80

SINEM CIFT

02 K A P I T E L

A

N

14 / 80

A

L

Y

S

E

HOVEDOPGAVE 2020

2.1. Hvad er problemet?

Grundet til covid-19 har jeg ikke, som

derne, vurderede jeg, at et interview

også tidligere nævnt, haft mulighed

med skomageren selv ville være lige

for at gå ud og foretage interviews med

så pålideligt, da han hver dag forinden

kunderne direkte, eller have mulighed

krisen, stod i butikken og havde direk-

for at observere deres købsvaner, som

te kundekontakt og derfor må vur-

man ville på normalvis. Derfor valgte

deres til at være den, der har dybest

jeg at foretage et interviewe med min

forståelse af og kontakt til kunderne.

klient for at finde frem til et problem

I mit interview var der en række ting

som jeg kunne løse.

som jeg bed mærke i, dette var blandt andet:

Når jeg ikke har haft adgang til kun-

• Kunder har en tendens til at blive overrasket når de finder ud af at der er nogle ting, og hvilke ting, som rent faktisk kan repareres.

• Førstegangsbesøgende påpeger ofte, at de ikke engang vidste, at der var en skomager i centeret. (Taget i mente, at den har eksisteret siden 2016) • Kunder som har ridning som hobby, bliver ofte chokeret når de finder ud af at deres andet rideudstyr udover støvler også kan repareres.

Min klient nævnte også, at der er en

blevet gjort opmærksom på, at det, in-

række kunder som har sagt, at de er

den hans butiksåbning, var 10 år siden

meget glade for at have en skomag-

der sidst havde været en skomager i

er i byen, dette sker især når de kom-

byen.

mer for at afhente deres ejendele som har været indleveret til reparation. Det

Dette har forårsaget at folk er blev

var samtidig også i lige netop disse

tvunget til enten at rejse 15-20 km ud

kundeinteraktioner at min klient er

af byen for at komme til nærmeste

15 / 80

SINEM CIFT skomager, eller slet ikke tage erhvervet

et overhånd og det så er de færreste

i brug overhovedet og det kunne der-

som ønsker speciallavet sko. Derfor

for passende være en del af årsagen

reparerer han skoene i stedet og tilby-

til, at butikkens kunder ikke kender til

der en række andre produkter heri-

alle butikkens services og at centerets

blandt, nøglekopiering, skopleje og

gæster ikke kender til butikkens eksis-

tilbehør, lædervare som tasker, punge

tens; de har muligvis ikke haft brug for

og bælter, gravering af dørskilte hun-

butikken og man kan forestille sig, at

detegn osv. Selvom skomageri er et

det derfor at lettere at overse den.

meget mandsdomineret fag på den måde at de fleste skomagere i Dan-

Han nævnte også, at han op til flere

mark er drevet af mænd, så afspejler

gange havde fået at vide, af de

det sig ikke i kundegruppen da jeg får

førstegangsbesøgende, at de havde

at vide i interviewet at størstedelen af

hørt om ham fra en bekendt.

kunderne er kvinder.

Under mit interview fortalte min klient

Han har desuden også oplevet at in-

mig, at skomagerfaget har ændret sig

teressen er steget i takt med at der

meget gennem tidens løb. Før i tiden

er blevet postet på Facebook siden.

var skomageren en, som lavede sko fra

Han påpeger, at de uger hvor der bliv-

bunden og det var et sted hvor man

er postet oftere oplever han tendens

kunne få sine sko ordnet/pudset. Dog

til at der er flere i forretningen, dog

har skomageren været nødsaget til

nævnte han også, at han ikke ved om

at udvide deres sortiment for at over-

dette bare er tilfældigt, eller om det

leve de nye tider. I forbindelse med

er kunder som faktisk holder øje på

dette nævnte han også, at han, lige-

Facebook.

som de fleste andre skomagere nu til dags, ikke selv bygger sko fra bunden, da masseproduktion af sko har tag-

16 / 80

HOVEDOPGAVE 2020

2.2. Målgruppeanalyse Da jeg jo har været forhindret i at be-

Dernæst har jeg kigget på de forskel-

tragte kundernes indkøbsvaner og i at

lige segmenter i Gallup Kompas [3].

lave interviews har jeg valgt at bruge data som jeg kan finde på anden vis.

Til sidst har jeg lavet en persona som

Derfor har jeg foretaget desktop re-

vil være bygget på hvad jeg har fun-

search som inkluderer statistikker

det frem til i mine undersøgelser samt

fra Ringsted Skomagers Facebook

mine samtaler med klienten.

side og interview med skomageren.

2.2.1. Facebook statistikker Jeg valgte at undersøge dataene på

På Facebook har man mulighed for

Facebook inden jeg foretog inter-

at se målgruppe statistikker for 3

viewet, da jeg ville se om målgruppen

forskellige grupper, dette beskriver

på Facebook stemte overens med den

de som “fans”4, “followers”5 og “people

som skomageren beskrev uden at

reached”6.

være farvet af hans egen beskrivelse.

Billede af statistikker over ‘fans.’

Følger af siden som ser og interagerer, dette kunne være at synes godt om opslag eller kommenterer.

Er dem som følger siden, men som ikke interagerer med den.

6 Den gruppe folk som man når ud til som ikke følger siden i forvejen.

4 5

17 / 80

SINEM CIFT

Billede af statistikker over ‘followers.’

Jeg blev ikke vitterligt overrasket, da

nifikant for min undersøgelse. Ud over

jeg fandt ud af at ‘fans’ og ‘followers’

dette regnede jeg også alle procenter

var det samme tal, med det 1 % i forskel

sammen i søjlediagrammet hvor man

på fordelingen af mænd og kvinder.

kunne se at det fulde tal kom op på

Men da tallene er estimeret og ikke

97,543% og ikke 100%, derfor antager

en nøjagtighed vil jeg derfor antage

jeg at der må være en vis udfald af re-

resultatet for at være det samme eller

sultaterne som Facebook ikke oplyser,

i hvert fald at forskellen ikke er sig-

ikke ved eller ikke forstår korrekt.

Billede af statistikker over ’people reached’.

18 / 80

HOVEDOPGAVE 2020 Da jeg kiggede på statistikkerne over

der og 12% hos mænd i forhold til al-

de personer min klients facebookside

dersfordelingen hos ’followers’.

og opslag nåede ud til og som ikke allerede fulgte siden, så jeg dog en langt

Jeg kiggede dernæst på hvor i landet

anden fordeling, dette var især for-

målgruppen kom fra, da dette ville

delingen i aldersgrupperne. Fordelin-

have en væsentlig betydning for om

gen var således at de 25 til 34-årige

de også er relevante eller mulige fy-

havde en større overvægt hos begge

siske kunder i forretningen, lige såvel

køn, med henholdsvis 20% hos kvin-

som online.

Billede af statistikker over ‘fans.’

Billede af statistikker over ‘followers.’

På statistikkerne ses det at både ‘fans’

ser dog langt anderledes ud, når man

og ‘followers’ geografiske placering

kigger på de personer, som butikkens

begge har en stor overvægt i Ringst-

side når ud til som ikke allerede følger

ed, hvilket passer perfekt da forretnin-

dem.

gen befinder sig i Ringsted. Disse tal

19 / 80

SINEM CIFT

Ringsted ligger stadig højest på listen, dog med København og Ishøj lige i hælene.

Billede af statistikker over ’people reached’.

2.2.2. Interview med skomageren Dernæst tog jeg en snak med min

de butik ligger mellem 35 til 55 år. Heri-

klient, for at finde ud af hvem han

blandt er mange af dem børnefamilier,

mødte i forretningen. Jeg stillede no-

som desuden oftest handler sammen

gle konkrete korte spørgsmål såsom,

med begge forældre. Dertil vurderede

for eksempel hvilket køn og hvilken al-

han også, at hans kunder generelt var

der han havde observeret blandt kun-

en del af det han vil betegne som ar-

derne i butikken. Dog fik jeg også en

bejderklassen, da kunder nogle gange

masse ekstra informationer, da min

bliver set i deres arbejdsuniform, (mal-

klient forinden Ringsted Skomager

er, tømrer & landmænd) eller grundet

havde en skomager på Birkerød hov-

den type sko som bliver indleveret

edgade, og han har derfor lagt mærke

til reparation. Skomageren nævnte i

til forskellen af kunder i de 2 byer.

denne sammenhæng at han havde lagt mærke til, at da han havde forret-

Min

klient

havde

vurderet,

at

gennemsnitsalderen i hans nuværen-

20 / 80

ning i Birkerød var det generelt flere finere sko fra den mandlige kunde-

HOVEDOPGAVE 2020 kundegruppe, som blev indleveret,

observation han havde foretaget sig.

og derfor kunne man godt mistænke,

Han lagde meget hurtig mærke til at

at der var flere kunder som havde en

forretningerne i centeret generelt har

form for kontorarbejde i Birkerød end

mange tilbudsvarer, og det var noget

i Ringsted.

som gik igennem absolut alle butikker. Selv centerets Føtex mente han

Dog var der ikke umiddelbart nogen

havde langt flere tilbudsvarer end Fø-

forskel mellem de sko der blev indlev-

tex butikker i andre byer. – Man kan

eret fra den kvindelige kundegruppe i

derfor mistænke at befolkningsgrup-

de 2 byer.

pen i Ringsted kontra Birkerød, måske ikke har nær så høj årlig indkomst.

Da vi talte om prisklassen mellem de to steder fortalte skomageren mig en

2.2.3. Gallup kompas Inden jeg kunne lave min persona, val-

Her fandt jeg frem til, at det ’mod-

gte jeg at tage de observationerne jeg

erne-fællesskabsorienterede’

har dannet mig samt til informationer

ment [4] passede tilnærmelses vis den

jeg har tilegnet mig både fra Face-

beskrevet målgruppe.

seg-

books statistikker og interviewet med min klient, og sætte det ved siden af

Ud fra disse informationer både fra

segmenterne som er klargjort og op-

Facebook statistikker, interviewet og

stillet på Gallup Kompas. Dette gjorde

fra Gallup Kompas, byggede jeg en

jeg for at tjekke om jeg var på rette vej,

persona på 2 forskellige personer, som

og for at få endnu mere information

havde til formål at beskrive den type

som jeg måske ikke har fået fra de an-

jeg mente var målgruppen for Ringst-

dre undersøgelser.

ed Skomager.

21 / 80

SINEM CIFT

2.2.4. Persona Min persona er baseret på data indsamlet fra Facebook analytics, interview med min klient og fra Gallup kompas.

Bio Sofie er 28 år gammel, bor i Ringsted og arbejder som materialist hos Matas, hun er færdig uddannet salgsassistent og har arbejdet hos Matas i nu 3 år. Hun elsker at arbejde med mennesker og føler hun gør en forskel ved at vejlede og hjælpe folk med helse og skønhed.

Hun drømmer om en dag at blive butikschef i en Matas.

Navn Sofie Bech Alder 28 år Beskæftigelse Materialist Bopæl Ringsted

Social Medier Facebook 20% Instagram 80%

I sin fritid elsker hun at bruge tid med familie og venner. Hun er glad og frisk og er som altid med på de nyeste beauty og helse trends og holder sig dagligt opdateret på de sociale medier, her er instagram uden tvivl hendes favorit. Her følger hun både danske lige så vel som udenlandske sider og personer for at få alle de nyeste nyheder selv før det kommer til Danmark. Desuden bruger hun det også som et sted at søge inspiration fra og til at holde kontakt med venner og bekendte og ikke mindst som et outlet for hende at være kreativ, da hun fra tid til anden selv uploader billeder af produkter, hvor hun giver råd til beauty trends og skønhed.

Sofie bor til leje sammen med sin forlovede, Nikolaj på 32 år. De regner med at blive gift indenfor det næste års tid.

22 / 80

HOVEDOPGAVE 2020

Navn Alan Pedersen Alder 50 år Beskæftigelse Pædagogmedarbejder Bopæl Ringsted

Social Medier Facebook 100%

Bio: Alan er 50 år gammel og bosat i Ringsted. I hans hverdag er han pædagogmedarbejder på en fritidsklub, hvor børn i alderen 9-17 kommer efter skole. Her bruger han meget tid på at aktiverer børn, med forskellige lege og desuden også en del tid i klubbens værksted hvor kan underviser børn og unge hvordan man kan lave simple ting ud af træ. Desuden bruger han også en del tid i klubbens spillerum, hvor han ikke siger nej til et spil Counter-Strike. Dog er det en varierende hverdag, da aktiviteter ændres med årstiden og teknologien også ændre sig. Derhjemme har Alan en kone og 2 børn i henholdsvis alderen 17, 19 år. Alan blev gift med sin kone da de begge var i deres slut 20’er.

Hans morgener byder på typisk dansk morgenmad, kaffe og et kig i lokalavisen, eller nyheder på tv’et. Efter arbejde nyder han at sidde foran computeren, hvor han generelt læser nyheder eller bliver underholdt.

Desuden er det blevet lidt af en tradition for Alan og hans kone, at tager i teater eller i biografen en gang om måneden.

23 / 80

SINEM CIFT

2.3. Konkurrentanalyse Da skomagerfaget er et uddøende er-

sted mellem 15 og 20 km fra denne

hverv, er der derfor ikke er så mange

butik. Dog ville jeg stadig foretage en

konkurrenter tilbage længere. Derfor

research på forskellige skomagere7, for

er den direkte konkurrent ikke så tru-

at se hvad der fungerer og hvad der

ende, da den anden tætteste skom-

ikke gør.

ager til Ringsted Skomager ligger et

2.3.1. Website research Her foretog jeg en desktop research

var gammeldags, forældede og des-

hvor jeg startede med at søge på

værre ikke superfunktionelle.

”skomager” og se hvad jeg kunne finde, af hjemmesider, gennem en or-

Jeg kunne dog godt se idéen bag en

ganisk søgning. I starten af min søgn-

hjemmeside. Som jeg nævnte før, så

ing ledte jeg udelukkende efter dan-

var der et generelt ønske om at inform-

ske skomagere, og gik først derefter

er kunderne om butikkens ydelser på

videre til udenlandske, blandt andet

de

for at se, om der var nogle tiltag, ser-

Dog var det svært for mig at vurdere

vices eller lignende som jeg eller min

hvor god en hjemmeside var, hvis ikke

klient kunne blive inspireret af og

man kunne henvise til den på den ene

finde brugbart i vores videre (fælles)

eller anden måde hvordan ville folk

arbejde.

så finde den og tage den i brug? Dog

danske

skomagerhjemmesider.

fandt jeg det svært at vurdere, hvor Jeg lagde mærke til, at udenlandske

gode og effektive de forskellige hjem-

skomagere havde flere services on-

mesider var; hvis ikke man får henvist

line, hvorimod man i Danmark nok

til den på den ene eller den anden

specificerer mere hvad det er man

måde, for eksempel gennem sociale

kan tilbyde som skomager. Dog var

medier, hvordan vil folk så finde den

fællestrækket af hjemmesiderne at de

og tage den i brug?

7

Se bilag 1 (liste over skomager jeg har fundet)

24 / 80

HOVEDOPGAVE 2020

2.3.2. Instagram research Derfor valgte jeg at åbne Instagram og

havde flere følgere og mere engage-

forsøge at søge på forskellige skomag-

ment på deres instagram profiler end

er virksomhed, i håbet om at få et be-

forventet ud fra tidligere søgninger på

dre indblik i skomagerens verden og

andre medier.

hverdag på de sociale medier.

For at se nærmere på, hvad det er de Under denne søgen fandt jeg noget,

her profiler formår i arbejdet med at

der så væsentligt anderledes ud end

interagere med kunder på sociale me-

på de tidligere søgninger omkring fag-

dier, har jeg valgt at gøre brug af to ek-

et. Jeg fandt en masse forskellige kon-

sempler.

toer, alt fra danske til udenlandske 8

9

,og generelt sås det, at skomagerne

8

Se bilag 2 - list over danske skomager (instagram)

9

Se Bilag 3 - liste over udenlandske skomager (instagram)

25 / 80

SINEM CIFT I dette første eksempel ses en profil til-

ration og således er det sidste billede

hørende en dansk skomager. På første

et billede efter reparation og under

billede ser man, at profilen har postet

billederne findes en kort beskrivelse af

sammenlagt 52 gange, og har 130 føl-

indholdet.

gere.

Jeg ville mene, at selvom billede På billede 2 og 3 ser man et post som

beskrivelsen ikke er særligt så dybde-

indeholder to billeder, som man kan

gående, så har folk alligevel forstået

swipe mellem (carousel). I carousellen

budskabet alene ud fra billederne;

ses først et billede af en sko før repa-

opslaget har nemlig fået 19 likes.

26 / 80

HOVEDOPGAVE 2020

I dette eksempel ser jeg på en uden-

man ser en masse aktivitet på dette

landsk profil fra en skomager i Rusland.

post. Udover de 136 personer som har

På første billede ser man profilen, her

”synes godt om” opslaget, er der også

kan man se at de har 345 posts og har

folk som har kommenteret. Faktisk

2485 følgere. De næste 4 billeder ser

er det hele 17 personer, der har kom-

man de forskellige billeder som er in-

menteret på opslaget, hvilket er et

kluderet i samme post (carousel). Her

spændende tal at kigge på, hvis man

ses der er en række billeder af samme

sammenligner det med de 19 likes

sko fra forskellige vinkler og i forskel-

(og 0 kommentarer) som det oven-

lige stadier.

stående opslag fra den danske profil havde fået.

Selvom beskrivelsen under postet er på et andet sprog, føler jeg ikke, at der

Instagram er et brandgodt eksempel

er behov for en beskrivende tekst, for

på et medie man kan bruge, hvis ens

at forstå, at dette er en ”før og efter”

primære content og kommunikation

proces af en skoreparation som denne

kan vises i form af billeder, illustra-

skomager har udført. Det ser også ud

tioner, grafik med mere [5].

som om, at andre har forstået det, da

27 / 80

SINEM CIFT Profilerne havde mange billeder og så

var der også et par enkelte af dem som

generelt mere moderne og opdateret

havde linket til deres hjemmeside.

ud og blandt disse instagram profiler,

2.4. Valg af medier Selvom Facebook er det mest brugte

af billeder, grafik, illustrationer eller

sociale medie i Danmark, hos både

lignende, hvilket passer bedre ind i In-

mænd som kvinder [6], så tænkte jeg,

stagram stilen eller “universet” frem

at det kunne være brugbart, spæn-

for på Facebook.

dende og lærerigt at arbejde på et nyt medie, nu hvor min klient allere-

Desuden har Instagram også den fea-

de havde en Facebook profil og ikke

ture, at man kan dele alle opslag fra

umiddelbart havde fået det rette eller

sin Instagram konto til sin Facebook

optimale udbytte ud af dette. Hermed

konto; så selv hvis målgruppen ikke

ikke sagt, at min klient skal droppe at

udelukkende fandtes på instagram,

være på Facebook, men at jeg i stedet

så har de stadig mulighed for at se

vil forsøge at undersøge min klients

samme content.

muligheder for vækst gennem Instagram.

Derfor så jeg det som en oplagt mulighed at kombinerer de to medi-

En af årsagerne til valget af Instagram

er da den ene var mere kommunikativ

er, at jeg forestillede mig at skomager-

med målgruppen (instagram) og den

erhvervet havde en masse potentiale

anden var mere informativ (hjemme-

for at kunne producere content i form

siden).

28 / 80

HOVEDOPGAVE 2020

Del konklusion: Efter disse analyser, vurderede jeg at en hjemmeside med korrekte design

Desuden virkede Instagram som en

valg og korrekt content opbygning,

oplagt måde hvorpå man relativt nemt

ville være et godt sted for kunder at

og hurtigt kan markedsføre, opdaterer

kunne få en masse oplysninger og

og kommunikerer direkte til målgrup-

informationer

pen og ikke mindst som en god måde

heriblandt

kontakt-

oplysninger, ydelser, prisklasser og

at refererer til hjemmesiden på.

lignende ting.

29 / 80

SINEM CIFT

03 K A P I T E L

D

30 / 80

E

S

I

G

N

HOVEDOPGAVE 2020 I mit arbejde med at udvikle en hjem-

forskellige idéer på logo stile til min

meside til min klient og også produc- klient I håb om, at han ligeledes kunne ere effektivt materiale til hans sociale

se, at der var en mulig problema-

medier, synes jeg stadigvæk, at der var tik i det nuværende logo og vi måske noget der manglede i forsøget på at

kunne finde et grundlag og retning

binde de to ting sammen og få skabt

for en mulig ændring. Dette ville give

en rød tråd.

mig muligheden for at ændre firmaets visuelle identitet, og derfor binde alle

Derfor valgte jeg at kigge på den helt

produkter mere sammen. (logo, hjem-

overordnede røde tråd: Logoet. Jeg

meside, social medie materiale osv.)

tænkte derfor, at jeg ville fremvise

3.1. Logo idéer Jeg startede med at tage et kig på det gamle logo og vurderer hvad jeg synes der virkede og hvad der ikke virkede.

• For meget information (tekst) • I mindre udgave eller på afstand er det svært at se hvad der står.

• De to forskellige sko i form af en lædersko og en højhælede sko var fantastisk idé da det var rettet til begge køn.

• Logoet virkede ret ufærdigt og virker identitetsløs.

31 / 80

SINEM CIFT

Style pitch - western Efter en lille research på ordet ‘skomager’ og ‘shoe cobbler’ på google, fik jeg hurtigt en god følelse eller fornemmelse af, hvilken stilart som skomagerfaget som regel hører ind under.

Retro / vintage og western, var det som man så meget på en organisk søgning og derfor tænkte jeg, at det ville være relevant at se nærmere på denne stilart.

ringsted SKOMAGER

32 / 80

R E G A M O K S

HOVEDOPGAVE 2020

Style pitch - Victoriansk Jeg blev dog også meget inspireret af de antikke dekorationer i forretningen, som jeg tidligere nævnte var klients USP-værdi i forhold til konkurrenter.

De gamle antikke sager fik mig til at tænke på den victoriansk stil. Derfor valgte jeg at dette skulle være den anden stilart som jeg ville kigge nærmere på.

RINGSTED SKOMAGER

RINGSTED RINGSTED

SKOMAGER SKOMAGER

33 / 80

SINEM CIFT

Style pitch – minimlisme / flat design Den tredje og sidste stilart som jeg valgte at kigge nærmere på i denne proces, var minimalisme/flat design. Det gjorde jeg for at komme med et helt andet udtryk end det man er vant til at se, når man søger på ordet ”skomager” og på den måde skabe noget mere blikfang og adskilthed samtidig med at det er noget, som jeg tænkte ville virke godt på flere platforme.

34 / 80

HOVEDOPGAVE 2020 Da jeg præsenterede disse 3 udkast til

side og Instagram.

min klient, så han kunne få forståelsen af hvilke stilarter jeg prøvede at inko-

Med det i tankerne så var jeg heller

porere, sagde han, at han lænede sig

ikke glad for det victoriansk udtryk, da

mest i retningen af bud nr. 1 – westeren,

jeg følte, at det var alt for feminint og

da han syntes det passede godt ind til

derfor ikke ville passe da jeg følte at

erhvervet. Dog var han åben over for

selvom dette ville passe godt ind med

flere idéer, da han var klar over, at hans

den kvindelige målgruppe, så ville det

spidskompetencer ikke lå i logodesign

risikere at ekskluderer den mandlige

og derfor stolede på min vurdering.

målgruppe, som, selvom der er overtal af kvindelige kunder, stadig er en

Selvom min klient som sagt var glad

rimelig stor og vigtig del af kunde-

for det western retro look, så var jeg

basen. Samtidig følte jeg også, at det

ikke helt solgt på idéen, fordi jeg følte,

afveg for meget fra stilen der generelt

at denne stilart var over brugt i denne

tilhører skomagererhvervet og den

branche, og desuden ikke ville passe

mandlige domination af dette. Det er

ind til den kvindedominerede mål-

også vigtigt, at min klient kan identifi-

gruppe, som jeg havde fundet hos min

cere sig selv, sin butik og sit arbejde i

klient. Jeg frygtede, at hvis jeg forsatte

sit logo, hvilket kunne blive svært, hvis

med denne stilart, ville det ende med

man valgte den victorianske stil i dette

at være mere en ulempe fremfor en

arbejde.

fordel for forretningen, og noget der potentielt kunne hæmme forretnin-

Derfor valgte jeg at tage nogle skridt

gens udvikling - specielt i samarbejde

tilbage og se min design proces fra

med de nye tiltag i form af hjemme-

ideate fasen igen.

35 / 80

SINEM CIFT

36 / 80

HOVEDOPGAVE 2020

3.2. Moodboard Jeg tænkte derfor, at et moodboard

Royal Copenhagen porcelænsfigurer,

ville være til god hjælp i anden fase af

da dette er en af de ting jeg så meget

min brainstorm af logo idéer. Mood-

på hylderne hos min klient. Og selvføl-

boardet skulle bruges til at illustrere alle

gelig sko, og materialer som læder og

de tanker jeg havde forinden blandt

skind, da dette er noget som jeg også

andet farver, stilarter osv. Desuden til-

så meget hos Skomageren.

føjede jeg forskellige andre ting som

Logo idégenerering I og med at jeg havde en klient som

Til sidst ville jeg også mene at et re-de-

var meget åben for idéer, vidste jeg

sign af firmaets identitet ville have

meget tidligt i min proces, at dette

en positiv effekt for firmaet selv, da

nok betød, at jeg ville redesigne fir-

kunder vil føle at firmaet er villig til at

maets logo.

ændre sig med nye tider og ikke sidder fast i gamle tider og normer [7],

Jeg valgte at gøre dette først og fre-

og samtidig også at firmaet er et fir-

mmest fordi jeg ønskede størst mulig

ma, der går op i, hvordan de ser ud,

kreativ frihed (inden for klientens

ud af til og ønsker at skabe den bedst

grænser, selvfølgelig) under mit pro-

mulige oplevelse, online som offline,

jekt, da dette således ville betyde, at

for kunder og potentielle kunder.

der ikke var noget pres for at få nye produkter, som også vil blive præsenteret

Et re-design af det nye logo ville derfor

i projektet, til at passe ind med den

give mig mulighed for at skabe ny vi-

gamle branding af firmaet.

suel identitet for firmaet.

37 / 80

SINEM CIFT

Skomager

RINGSTED EST. 2016

RINGSTED

RI

Sk om ag er

ng

st

ed

Sk om ag er

EST. 2016

RINGSTED SKOMAGER

38 / 80

RINGSTED SKOMAGER

HOVEDOPGAVE 2020

RINGSTED SKOMAGER

RINGSTED

SKOMAGER

R

RINGSTED

SKOMAGER

RS

RINGSTED

SKOMAGER

RINGSTED

SKOMAGER

SKOMAGER

RINGSTED SKOMAGER

39 / 80

SINEM CIFT

40 / 80

HOVEDOPGAVE 2020

41 / 80

SINEM CIFT Primære logo sæt

IKON + TEKST:

IKON:

TEKST:

42 / xx

HOVEDOPGAVE 2020 Sekundære logo sæt

IKON + TEKST:

IKON:

TEKST:

43 / 80

SINEM CIFT

3.3. Style guide 3.3.1. Typeface Begrundelse af valg:

sioner og dens virkning i versaler, som

Jeg har valgt at bruge Montserrat til

gør den alsidig således, at den passer

alle medier, både website, digitale me-

godt ind som brødtekst, rubrikker og

dier og trykte medier. Det har jeg val-

lige såvel som underrubrikker.

gt på grund af dens mangfoldige ver-

CAP-HEIGHT

Type

X-HEIGHT

BASELINE

Dog, selvom skrifttypen er af en

som en Serif variant.

san-serif type og derfor angiveligt

Desuden finder jeg dens simple geo-

uegnet til trykte medier, viser forskel-

metriske opbygning til at passe godt

lige undersøgelser [8], at san-serif’er

ind med det udtryk jeg har inkluderet

med en høj x-height er lige så læselig

i mine andre produkter.

44 / 80

HOVEDOPGAVE 2020

Montserrat Designer: Julieta Ulanovsky

ABCDEFGHIJKLMNOP QERSTUVWXYZÆØÅ abcdefghijklmnopqers tuvwxyzæøå 1234567890 !”#¤%&/()=?|@£${[]} +.,;:-_¬’^¨*<>\ 45 / 80

SINEM CIFT

3.3.2. Color palette Begrundelse af valg:

Farvekombinationen har et rimeligt neutralt udtryk og jeg vil derfor mene,

Farverne brugt i dette projekt er inspir-

at det ville være en god mellemvej

eret af de blå toner fra Royal Copen-

mellem det mandlige udtryk, som en

hagens porcelænsfigurer, da dette er

skomager som oftest signalerer, og

en af de dominerende dekorationsele-

som stadig ønskes repræsenteret af

menter som man kan finde hos Ring-

min klient, samt det feminine præg

sted Skomager. På den måde kan det

som kræves i en butik, hvor målgrup-

også skabe en oplevelse hos kunden

pen har kvindedominans.

af at genkende den specifikke butik, når de ser et opslag på hjemmesiden

RGB-farverne er til digital brug.

eller Instagram, ved at sammenkoble

CMYK-farverne er til tryk materiale.

de blå nuancer.

HEX-koden er til brug i programmering.

46 / 80

HOVEDOPGAVE 2020

RGB:

CMYK:

3/37/76

100/86/43/42

#03254C

125/155/198

56/33/8/0

#7D9BC6

181/199/229

33/17/2/0

#B5C7E5

232/240/249

11/4/1/0

#E8F0F9

Hex:

Primære farve: Bruges til: logo (mørk), header, brødtekst.

Sekundære farver: Bruges til: Sociale medie post/links

Sekundære farver: Bruges til: Sociale medie post/navigation hover

Primære farve (til når baggrunden er mørk): Bruges til: logo/header/ brødtekst/ikoner

47 / 80

SINEM CIFT

3.3.3. Tidsplan for uploads på Instagram:

12:00

17:00

11:00

15:30

16:00

11:00

14:00

3.3.4. Geo tag: Det er vigtigt at alle posts får tagget

Følgende lokationer som kan bruges:

lokation, da dette er med til at øge ens

- Ringsted Skomager

SEO på instagram.

- Ringstedet - Ringsted

3.3.5. Hashtags: #Ringstedskomager #Skomager #Ringstedetshoppingcenter #Ringstedet #Sågodsomny #shoerepair #shoemaker #shoecobbler #cobbler #sko #taske #reparation #ridestøvler #gravering #nøgle #nøgler #skrædder #shoerestoration #shoes #craftsmanship #læder #leather #skopleje #bælter #stiletter #hæle #såler #betterthannew #håndværk

48 / 80

HOVEDOPGAVE 2020

3.3.6. Ikoner Kun særlig designet ikoner må bruges til hjemmesiden - Alle ikoner skal udføres i samme ’lineart’ stil - Farven på ikonerne skal være 1 af de 2 primære farve alt efter om baggrunden er mørk eller lys.

- Alle ikoner skal være i vector format fx SVG for at bibeholde kvaliteten.

49 / 80

SINEM CIFT

3.4. Website I min analyse del fandt jeg frem til, at

ager, eller nærmere hvad lige præcis

der var mange skomagere som allere-

min klient, kan tilbyde.

de havde en hjemmeside til deres forretning, dog så jeg også, at de fleste af

Jeg så det som en god, praktisk og

dem var ikke vitterligt funktionelle og/

taktisk idé at ens hjemmeside skulle

eller var samtidig misligholdt og sjæl-

være et sted, hvor man kunne vise bru-

dent opdateret.

gere, det vil sige kunder og tilfældige besøgende på hjemmesiden, hvilke

Jeg så derfor dette som en mulighed

muligheder de havde med erhvervet

for at bygge en hjemmeside op som

og butikken. Dog var dette ikke noget,

ikke kun var brugervenlig og nem at

jeg så være nøje udtænkt på de web-

navigerer rundt i, men samtidig være

sites, jeg havde set på tidligere i min

et sted hvor man kunne finde en

research.

masse information på hvad en skom-

3.4.1. Kortsorteringstest Relativt hurtigt i processen fandt jeg

den [9].

ud af, at der var mange ting som skulle inkluderes på hjemmesiden. For så

Grundet til covid-19, kunne jeg ikke stå

nærmere at finde ud af, hvordan disse

ansigt til ansigt med mine testperson-

dele skulle organiseres, valgte jeg at

er, derfor udførte jeg min test online

udføre en kortsorteringstest på en

via hjemmesiden https://app.optimal-

række testpersoner. En kortsorterings

workshop.com/ [10] hvor man har rig

test er en metode designer bruger

mulighed for at udføre forskellige for-

for at forstå hvordan en bruger ville

mer for tests.

organisere informationer eller i dette tilfælde indhold på en hjemmeside.

Selvom jeg fik 15 besvarelser, så fandt

Dette skal være med til at vurderer in-

jeg ikke testresultatet pålideligt grun-

formationsarkitekturen på hjemmesi-

det flere forskellige årsager10.

10

Se bilag 4 for resultater af test

50 / 80

HOVEDOPGAVE 2020 1. Mine testpersoner var unge med en

forskelligt. Dette ved jeg, da jeg havde

gennemsnitsalder på 20, og altså ikke

muligheden for at tale med 2 af test-

et realistisk billede af butikkens mål-

personerne mens de tog testen. Her

gruppe og derfor heller ikke et orden-

så jeg, hvordan den ene skulle have

tligt grundlag for vurdering og beslut-

mere forklaring end den anden for at

ningstagen.

forstå hvad testen gik ud på. Desuden skulle begge have instrukser både før

Ikke alene fandt jeg det svært at finde

og under testen. Dette havde de andre

den rette aldersgruppe til at kunne

testpersoner ikke mulighed for. Da de

udføre testen, men selv når hvis jeg

kun fik instrukser inden testen.

fandt nogle der passede ordentlig ind i målgruppen, så var det svært for dem

Dertil er det også netop denne forskel i

at 1 forstå hvad de egentlig skulle og 2

fortolkning og indlæring der er spæn-

at bruge programmet som jeg brugte

dende under disse processer. Det

til at udføre testen.

er vigtigt, at man forstår, at folk kan forstå farver, symboler, rækkefølger og

Ud fra resultaterne, kunne man se

lignende på vidt forskellige måder. Vi,

hvem der forstod opgaven og hvem

eller jeg, skal så forsøge at ramme mål-

der ikke gjorde. Jeg tror, at selv om jeg

gruppens gennemsnitlige forståelses-

havde givet bedre eller mere dybde-

grundlag og derfor er det også vigtigt,

gående instruktioner, så ville det ikke

at det er de rigtige der tager testen.

gøre en specielt nær så stor forskel, da mennesker forstår, og lærer ting

51 / 80

SINEM CIFT

3.4.2. Sitemap Selvom resultaterne fra min kortsort-

min sitemap. Dog var der nogle en-

eringstest ikke var så vellykket som jeg

kelte ting som jeg ændrede til hvad

havde håbet på, så tog jeg dog stadig

jeg mente ville fungere bedst.

nogle af resultaterne i brug for at lave

Forside

Reparation

Gravering

Nøgle

Slibning

Footer

Facebook

52 / 80

Instagram

Skrædder

Kontakt

HOVEDOPGAVE 2020

3.4.3. Skitser, wireframes & mockups I ideate fasen af hjemmesideopbyg-

hjemmesiden, dette skete både før,

ningen lavede jeg en masse skitser,

under og efter sitemap’et blev lavet.

wireframes og mindre mockups af

53 / 80

SINEM CIFT

54 / 80

HOVEDOPGAVE 2020

55 / 80

SINEM CIFT

56 / 80

HOVEDOPGAVE 2020

57 / 80

SINEM CIFT Som man kan se, så har idéerne været lidt over det hele hvad angår gridet af

Min tanke bag designet af hjemmes-

layoutet til hjemmesiden. Og det er

iden var at det skulle være simpelt og

også generelt mere rodet og mangler

minimalistisk og skulle så blive båret

generelt lidt mere af en rød tråd i for-

mere af farve kontrasterne i paletten,

hold til min brainstorm i logoproces-

fotografierne og special lavet illustra-

sen.

tioner.

3.5. Instagram Da jeg allerede har en masse erfaring

i brug, hvad man skal tage hensyn til,

med instagram vidste jeg, at der var

hvordan man kan kommunikere til og

mange elementer man skulle tage i be-

med andre, hvilke taktikker er der for

tragtning når man færdes der. Derfor

at øge ens SEO på postsne for at spre-

begyndte jeg med en masse research,

de budskabet ud til et større publikum

for at finde ud af hvad er vigtigt, hvil-

og mange andre lignende, praktiske

ke værktøjer man vil, bør og kan tage

og smarte ting.

3.5.1. Planlægning Det er vigtigt, at man lægger en plan

ting, som folk man følger, har liket og

for sine sociale medier, da det har stor

kommenteret. Til forskel fra Instagram,

betydning for hvad du poster hvornår

hvor man ikke kan se, hvad andre har

på hvilket medie. Derfor skal man

liket eller kommenteret på i løbet af

strategisk lægge en plan således, at

dagen og man faktisk også (næsten)

man får mest muligt ud af sine posts

kun bliver vist opslag fra de bruge-

når de bliver uploadet.

re, som man oftest interagerer med.

Derfor er det vigtigt at gennemskue

Et godt eksempel på dette er fx, at

mediets algoritme og derfra regne ud

Twitters algoritme er bygget til at vise

hvad og hvornår man skal poste.

flest mulige opslag hele tiden, derfor består ens timeline både af samtlige

For at lægge et skema som jeg mente

opslag fra folk man følger samt de

ville give det bedste resultat, valgte jeg

58 / 80

HOVEDOPGAVE 2020 at lave en research på nettet, her fandt

ings tider, og kan derfor varier alt efter

jeg ud af at der er dage og tidspunkter

målgruppe, land, formål, virksomhed

som har bedre og mere trafik [11][12]

osv. Derfor er skemaet kun vejledende

Dog skal man tage forbehold for, at

indtil jeg har samlet ny data ind fra in-

der ikke er et konkret facit på upload-

stagram analytics.

12:00

17:00

11:00

15:30

16:00

11:00

14:00

3.5.2. Feed Layout: Det er vigtigt, at man ikke kun tænker,

også tager forbehold for det større

at de individuelle billeder man post-

billede. I dette tilfælde ens instagram

er ser godt ud, men at man desuden

feed layout [13].

59 / 80

SINEM CIFT Man skal se det, som var ens profil et

for og andre lignende ting.

magasin, man skal gøre brugeren interesseret således, at de har lyst til at

For at finde ud af, hvad der ville passe

blive hængene lidt længere, måske ki-

bedst, startede jeg først med at se

gge på nogle andre posts og i bedste

hvad var populært [14], Dernæst ud-

tilfælde følge og integrere med siden.

valgte jeg dem som jeg fandt interes-

Layoutet skal kunne give seeren en

sante, og vurderede deres fordele og

klar forståelse for hvem man er, hvor-

ulemper.

dan man er, hvad man interesserer sig

Tiles: + Spændende opsætning. + Man kan nemt danne overblik over elementerne på feedet. + Man kan poste et ad gangen, da layoutet ikke vil ødelægges - Mønsteret i gridet leder ikke øjnene nogen vejen - Man kan kun have 2 forskellige kategorier at fremvise i sit feed.

- Kan virke for repetitivt.

60 / 80

HOVEDOPGAVE 2020

Diagonal: + Nem måde at blande content + Det er organiseret, men ikke på den helt indlysende måde. + Man har mulighed for at poste lidt forskelligt + Man kan poste 1 gang uden at ødelægge layoutet. + Efter 3 posts har man mulighed for at ændre content.

- Meget planlægning der skal til når man poster.

61 / 80

SINEM CIFT

Line in the middle: + Nem at følge da man kun skal tage forbehold for linjen i midten. + God til at lede læseren ned af feedet.

- Virker ikke så brugbart for en virksomhed, nok bedre til blogger eller influencer.

- Virker for repetitivt - Svært at finde content man kan blive ved at poste.

Rainbow feed: +Vækker interesse med alle de forskellige farver organiseret til en pæn regnbue gennem profilen. + Blander pænt ind i hinanden - Man er tvunget til at poste 3 gange om dagen for ikke at ødelægge gridet.

- De forskellige farver kan sende det forkerte signal til kunden.

- Kan være modstridende med andre kanaler, som Facebook, hjemmeside osv.

62 / 80

HOVEDOPGAVE 2020

Del konklusion: Jeg valgte at gå med diagonal layout

kunne overskue at administrere, da

og selvom der muligvis ligger mere

man så har mulighed for at poste om

planlægning i det end nogle af de an-

hvad man har lyst til og ikke tænke på

dre, vurderede jeg, at de ting, som er

at der skal postet mere end en gang

fordele ved denne funktion, er nogle

om dagen – et passende match af be-

ting, som min klient både ville kunne

hov til Ringsted Skomager.

få gavn af i sin udvikling og samtidig

63 / 80

SINEM CIFT

3.5.3. Geo tag En overkommelig og simpel måde at

finde opslagene. Det øger således

optimere ens SEO er at tagge ens lo-

muligheden for at andre og nye bru-

kation på sine billeder. Når lokationen,

gere finder ens opslag, hvis de fore-

som i det her tilfælde vil være på bu-

tager en lokations søgning og derfor

tikken, bliver tagget, gør det det let-

vil samtlige af Ringsted Skomager’s

tere for folk, specielt i omegnen, at

opslag blive lokations tagget.

3.5.4. Hashtags Ligesom med lokationstag, så kan

verse søgninger der på en eller anden

hashtags også i den grad være med til

vis henvender sig til feltet. Derfor er

at optimerer Instagram sidens SEO. Jo

hashtagsne også nøje udvalgt, da det

flere ord, som peger hen mod postet,

også handler om at sende det rigtige

jo større chance er der for, at opslaget

signal om indholdet.v

eller siden vil blive opdaget ude på di-

3.5.5. Tema Temaet er nøje udtænkt til at passe

som det er på hjemmesiden. Men er

ind i resten af Ringsted Skomagers

mere som en måde at pege i en be-

design manual11. Som udgangspunkt

stemt retning.

vil temaet ikke være så ekstremt brug

11

Se side 44 for design manual

64 / 80

HOVEDOPGAVE 2020

3.5.6. Carousel Carousels på instagram vil så meget

blandt adresse og telefon nummer.

som muligt følge AIDA modellen, i

Dette er for at minde brugeren om

hver carousel skal der være et ’end

hvem det er, man er, hvordan man

card’ dette vil bruges til at give vigtig

kommer i kontakt og evt. også gøre

information om forretningen, heri-

det nemmere for dem gøre en ’action’.

65 / 80

SINEM CIFT

04 K A P I T E L

D E V E L O P M E N T

66 / 80

HOVEDOPGAVE 2020 I dette afsnit vil jeg fortælle lidt om op-

med, og lignende. Desuden vil jeg

bygningen af hjemmesiden til Ringst-

fremhæve forskellige kode stykker,

ed Skomager. Jeg vil komme ind på,

som beviser, hvad jeg har fået ud af de

hvilke sprog jeg har brugt og hvor-

forskellige valg som jeg har foretaget.

for, hvilke biblioteker jeg har arbejdet

4.1. HTML & PHP Jeg har valgt at kode hjemmesiden fra bunden uden brug af nogle CMS-sys-

For at spare mig selv en masse tid og

temer og det har jeg gjort, da hjem-

en masse linjer kode valgte jeg at byg-

mesiden i sidste ende, skulle fungere

ge min HTML kode i PHP, dette gjorde

som en statisk side.

jeg for at have mulighed for at genbruge kodestumper, fremfor at skrive

Valget af en statisk hjemmeside sky-

det gentagende gange på alle under-

ldes, at min klient således ikke har

sider. Her er der tale om kode som er

behov for løbende at gå ind og rette

gentagende som Navigationsbaren

i koden. Generelt har min klient ikke

og footeren.

en interesse i at bruge meget tid på hjemmesiden og ønsker i stedet at

Ikke nok med, at jeg sparer tid, men i

holde både siden og dens funktion så

tilfælde af ændringer, kunne jeg gøre

simpel som muligt, så det grundlæg-

alt dette fra 1 fil af som så ville det æn-

gende bare er et let tilgængeligt sted,

dres på alle de sider filen var inklud-

hvor folk kan søge til i tilfælde af, at de

eret.

ønsker mere dybdegående information om services, åbningstider, placer-

Eksempel på php include:

ing eller lignende. <?php include(’inc/footer.php’); ?> <?php include(’inc/JS_mandatory.php’); ?> <?php include(’inc/nav-script.php’); ?>

67 / 80

SINEM CIFT Jeg ønskede at have en simpel tilgang

tionelle komponenter som naviga-

til hjemmesideopbygningen, derfor

tionsbar carousel med mere, samtidig

valgte jeg at kode hjemmesiden fra

med at forblive responsivt. Desuden

bunden, uden brug af CMS-systemer.

byggede jeg det i PHP hvilket betød,

For at spare mig selv for en masse bes-

at jeg nemt igen kunne spare mig en

vær brugte jeg biblioteker som Boot-

masse kode, som jeg ikke havde brug

strap. Dette var med til at spare mig

for at skrive gentagende gange, dette

for en masse tid og give mig et godt

kunne være kode som navigationsbar

grundlag på layout via grid, og funk-

og footeren.

4.2. SASS & CSS For at bibeholde den minimeret

også nemmere at rette i tilfælde af at

mængde af kode minimerer har jeg

der er en style som man ønsker rettet

valgt at arbejde med SASS, dette har

globalt på hele siden, dette kan man

givet mig mulighed ved at gemme

ved simpelt bare at rette i værdierne i

min styles i variabler og mixins for der-

variablerne eller i mixinsne.

for at kunne referere til dem, frem for at skrive samme kode om og om igen.

Eksempel på en mixin og brugen af

Ikke nok med at det sparer mig for en

den:

masse linjer kode, men det gør det

68 / 80

HOVEDOPGAVE 2020 Eksempel på variable $primary-color: #03254C; SASS har også en fantastisk evne hvor

som man skriver.

man kan neste styles ind i hinanden.

Det er nemmere at overskue, da alle

Eksemepl på SASS blive nested sam-

styles, vil være samlet og igen min-

men.

imerer man mængden af den kode .inline-link { color: $highlight-color; transition: .3s; &:hover { color: $primary-color; } $-dark { @extend .inline-link; &:hover { color: $secondary-color; } } }

Eksempel på hvordan CSS vil se ud da den ikke har en nested funktion: .inline-link, .inline-link-dark { color: $highlight-color; text-decoration: underline; transition: 3s; } .inline-link:hover { Color: $primary-color; } .inline-link:hover { Color: $secondary-color; }

69 / 80

SINEM CIFT Alt denne kode bliver compilet sam-

liggøre projektet på nettet.

men i ’Koala’ [15]. Og laver derfor en CSS-fil ud fra den SCSS-fil som man

Der er ikke noget krav for at man up-

har arbejdet i forinden. Det er nemlig

loader SCSS filen, da den som sådan

denne css fil som man linker siderne

ikke har en virkning, men fungerer

til for at få stylen. og også den man

mere som en arbejdsfil.

skal huske at uploade når man offent-

4.3. SEO Search engine optimization er en pro-

skulle tage forbehold for i processen af

ces som er med til at forbedre ens

hjemmesideopbygningen. Her er der

synlighed/position i en organisk søgn-

en lang række tekniske ting man kan

ing. Dette er en væsentlig del som jeg

gøre for at optimere siden.

Title tag:

det. Der er ikke nogen fastslået regel for længde af titler, dog er det mellem

Title tag er den øverste tekst som bliv-

65 og 70 anslag som er den anbefalet

er fremvist på søgemaskinen, det er

længde [16].

vigtigt, at denne titel er fængende og på samme tid siger noget om indhol-

<title> Her står titlen til siden </title>

Meta tags:

tion af sidens indhold. Passende Meta beskrivelse kan øge sidens CTR12.

Meta description er den tekst som står under titlen i en organisk søgning.

<meta name=”description” content=”

Denne tekst er typisk længere end ti-

Her star der beskrivende tekst til ind-

tlen og skal helst fylde max 155 anslag

holdet af siden “>

[17]. Den er til for at give mere informa-

12

CTR = click through rate

70 / 80

HOVEDOPGAVE 2020 SEO brugervenlig URL: [18]

er på siden, og nem for brugeren at huske.

Der er 2 ting som gør en URL ’brugervenlig’.

2. Det kan være med til at beskrive siden for søgemaskiner.

1. En URL kan være nem læselig og indeholder ord som beskriver hvad der

71 / 80

SINEM CIFT

05 K A P I T E L

P R O J E K T S T Y R I N G

72 / 80

HOVEDOPGAVE 2020 Det var vigtigt for mig at jeg havde styr på mit projekt, før under og efter projektet, derfor valgte jeg at organiserer mit projekt således at jeg ville have nogenlunde styr på det gennem hele forløbet.

5.1. Gantt kort & kalender Jeg valgte at lave et gantt kort i starten

hver dele i projektet skulle fuldføres,

af projektet13. Her lagde jeg stor fokus

for at tilføje dette til mit gantt kort så

på hvad der skulle være på og hvornår

gik jeg i stå. Jeg fandt det svært at vur-

disse opgaver skulle fuldføres, Det var

dere hvornår hvad skulle laves færdig.

også meningen at jeg skulle bruge det

Da mange af del opgaverne er afhæn-

som en liste overting som jeg skulle

gige af andre dele. Derfor vurderede

huske at inkludere både i produkterne

jeg at der kun var 1 deadline alene, og

såvel som i min rapport.

det var afleverings deadlinen. Dette gav mig mulighed for at arbejde så frit

Ud over dette så lavede jeg også en

som jeg ville, jeg kunne til en hver tid

kalender. Jeg blev inspireret til at lave

vælge at hoppe fra produkt til rapport

denne kalender da jeg fik meget ud af

til brainstorm sociale medier osv. Un-

at have en logbog under forrige pro-

der udførelsen. Derfor stressede jeg

jekt. Dog ønskede jeg ikke at bruge tid

ikke over at der var dele som jeg ikke

på at fortælle i detaljer hvad jeg lave-

nåede at udfører til deres individuelle

de hver dag og valgte derfor så bare at

deadline. Jeg fandt det unødvendigt

lave en kalender så jeg kunne skrive i

da jeg desuden også arbejde alene og

overskrifter hvilke ting jeg foretog mig

derfor ikke havde forventninger til et

hver dag, eller hvilke planer jeg havde.

gruppemedlem som skulle udføre noget til tiden så jeg evt. kunne arbejde

Da jeg skulle finde frem til hvornår

13

Se bilag x for gantt kortt

73 / 80

SINEM CIFT

5.2. Google drive Jeg brugte google drive til at back alle

ender og gantt kort så jeg havde

mine dokumenter og billeder op.

mulighed for at opdatere den fra tele-

Det var også her jeg havde min kal-

fonen af.

5.3. GIT Jeg brugte GIT til at backup på mine kode, dette var en meget vigtig del da

Som udgangspunkt ville jeg ’commit’

det er vigtigt man kan gå tilbage til

hver gang jeg havde udført en session

forrige ændringer i sin proces i tilfælde

af ændringer. Og ’push’ kun 1 gang for

af noget går galt.

de dage hvor jeg kodede i.

74 / 80

HOVEDOPGAVE 2020

75 / 80

SINEM CIFT

06 K A P I T E L

A

F

76 / 80

R

U

N

D

I

N

G

HOVEDOPGAVE 2020

6.1. Konklusion I min hovedopgave har jeg været ig-

dette har været nødvendigt for at have

ennem mange dele som multimedie-

en rød tråd gennem online lige såvel

designer skal kunne mestre. Her viser

som sin offline genkendelighed.

jeg evner indenfor kodning, designprocessor og markedsføring. Desud-

Jeg kan konkludere at et sammenspil

en har jeg vist forståelse af at kunne

mellem det kommunikative aspekt

sætte sig ind i målgruppen og min

med en social medieplatform og et

klients problem.

informativt medie som en hjemmeside, har virket som en god måde at

På baggrund af kvalitativ undersø-

få fat i målgruppen og ligeledes rette

gelse og informationssamling er det

dem hen i retningen af hjemmesiden.

blevet bekræftet at kunder af Ringst-

Gennem disse medier har målgrup-

ed Skomager ikke har nær så meget

pen mulighed for at få mere informa-

viden indenfor faget. Det fandt jeg ud

tion og derved få mere viden inden for

af i mit interview med klienten hvor

skomagerfaget. Udover at denne so-

kan beskrev kunders manglende vi-

ciale mediekommunikation har været

den indenfor serviceydelser som en

en god platform til at have mange vejs

skomager tilbyder, og derfor tager de

kommunikation med målgruppen, så

det ikke skomager erhvervet så meget

har det også været et oplagt medie at

i brug som der er potentiale for.

bruge kommercielt hvorpå man via læring har mulighed for at vise pro-

Gennem analyser af målgruppen og

dukter og ydelser frem.

klient er der derfor re-designet en nyt visuel identitet til Ringsted Skomager,

77 / 80

SINEM CIFT

6.2. Perspektivering Når jeg ser tilbage på projektet, kan jeg godt se at jeg rekord mange gange

Havde covid-19 ikke være en del af

har følt jeg endt i blindgyder. Organ-

hverdagen var min plan desuden også

isering af rapporten har nok været mit

at skyde og redigerer video som også

største problem til sådan en grad, at

skulle ind på hjemmesiden og til de

jeg hver dag har gang på gang prøvet

sociale medier. Min plan var også at

at kategoriserer mit indhold således at

designer fysiske flyers som skulle gives

det giver mest mening. Opgaven har

til organisationer som hesteskoler,

været en stor udfordring for mig, da

men dette var heller ikke en mulighed.

jeg skulle tage stilling til en masse teoretiske metoder, teorier, viden og øn-

Jeg kan afslutningsvis se, at hvis jeg

skede at lære og mine forventninger

havde en klarer plan, som helt sikkert

til mig selv som værende tårnhøje. Jeg

var mere minimalistisk og simpel, ville

havde en masse idéer til mit projekt,

jeg bedre kunne præsentere noget

som jeg nu godt kan se, måske har

som ville passe bedre til mine tårnhøje

været for optimistisk.

forventninger.

Hvis jeg havde mere tid, ville jeg helt

Selvom opgaven nok ikke har nået

sikkert rette op på mine fejl og man-

mine personlige mål, er jeg glad for

gler på hjemmesiden. Desuden ville

jeg gik igennem denne proces, det

jeg tilrette billederne til noget pas-

har været udfordrende og helt sikkert

sende, skrive indholdet og gøre siden

noget jeg har lært meget af. Jeg har

mere spændende. Udover dette ville

stadig en masse idéer til dette projekt,

jeg tilrette billederne i carouselen. Jeg

og derfor har jeg også tænkt mig at

ville desuden også optimere min sid-

arbejde på dette selv efter skole afslut-

ers SEO.

ning.

78 / 80

HOVEDOPGAVE 2020

6.3. Kildehenvisning [1] https://innovation.sites.ku.dk/model/design-thinking/ (6/5/2020) [2] http://analysesiden.dk/aida-modellen/ (2/6/2020) [3] https://tns-gallup.dk/gallupkompas (23/4/2020) [4] https://tns-gallup.dk/kompas-segmenter (23/4/2020) [5] https://biteable.com/blog/the-7-different-types-of-social-media/ (30/5/2020) [6] https://www.berlingske.dk/nyheder/hvem-bruger-sociale-medier (30/5/2020) [7] https://www.intechnic.com/blog/why-does-your-company-need-a-logo-redesign/ (1/6/2020) [8] https://web.archive.org/web/20121019140934/http://www.adobe.com/products/adobemag/archive/pdfs/9603fekt.pdf (11/5/2020) [9] http://www.uxregh.dk/kortsortering/ (2/6/2020) [10] https://app.optimalworkshop.com/ [11] https://www.expertvoice.com/the-best-times-to-post-on-instagram/ (7/5/2020) [12] https://www.hopperhq.com/best-time-to-post-on-instagram/ (7/5/2020) [13] https://www.disruptiveadvertising.com/social-media/instagram-layouts/ (7/5/20) [14] https://thepreviewapp.com/7-types-instagram-grid-layouts-planner-tips/ (7/5/20) [15] https://www.techspot.com/downloads/6736-koala-app.html (3/6/2020) [16] https://www.tutorialrepublic.com/faq/what-is-the-maximum-length-of-title-and-meta-description-tag.php (20/5/2020) [17] https://mangools.com/blog/learn-seo/#part3 (20/5/2020) [18] https://techterms.com/definition/friendly_url (20/5/2020)

79 / 80

SINEM CIFT

6.4. Bilag Bilag 1 http://www.skomagernico.dk/

https://acsko.dk/

https://www.skomageren.com/

http://rrhodesandson.co.uk/

https://lsnservice.dk/

https://www.thecobblerdallas.com/

https://xn--skomagerkbenhavn-txb.

https://www.nushoe.com/

dk/

https://www.butler-hill-shoe-repair-

https://www.haelebaren.dk/

and-alterations.com/

https://hgskomager.dk/

Bilag 2 https://www.instagram.com/jarlenskomageri/?hl=da https://www.instagram.com/skomagerenoglaasesmeden/ https://www.instagram.com/denmobileskomager/

Bilag 3 https://www.instagram.com/shoe_repair43/ https://www.instagram.com/shoe_repair_concierge/ https://www.instagram.com/schuhgott_custom_shoe_repair/ https://www.instagram.com/shoerepair_samara/ https://www.instagram.com/the_kind_cobbler/ https://www.instagram.com/gshoerepair/ https://www.instagram.com/dr.shoerepair/ https://www.instagram.com/theshoerepairshop/

80 / 80

HOVEDOPGAVE 2020

Bilag 4 Gallery:

Navigation: |

Kort:

Historie: |

info om sælger: |

Kontakt: ||||||||

gallery: |||

hjemmeside: |

Footer: |

service: ||

Nyheder:

Om os: |

ydelser: ||

Forside: |||

Om: |

misc: |

Hjem: |||||

Praktisk: |

butikker: |

Nyheder: |||

Hjemme: |

navigation bar: |

Åbningstider:

Info om sælger: |

info om sælger: |

Forside: |

GDPR: |

om os: |

Kontakt: ||||

Email:

hjemmeside: |

Footer: ||||

Kontakt: ||||||||

nyheder: |

Læs mere / se mere: |

Om os: |

inspiration: |

Updates: |

Footer: ||

Kontakt:

Sociale Medier:

Om: |

Kontakt: |||||||

Forside:||

Praktisk: |

service / ydelser: |

kontakt: ||||

Mobil: |

om / praktisk: ||

footer: ||||

Info om sælger: |

mobil: |

læs mere / se mere: |

GDPR: |

info om sælger: |

updates: |

Lædervare:

navigationsbar: |

mobil: |

Produkter: ||||

Hjemmeside: |

info om sælger: |

Tilbehør & pleje: |

Reparation:

GDPR: |

Service / ydelser: ||||||

Service: ||||||||

Telefon nr.

lædervare: |

Butikker: |

Kontakt: ||||||||

butikker: |

Navigation: |

Om os: |

Navigation: |

Reparation: |

Footer: ||

Tilbehør & Pleje:

Ydelser: |||

Om: |

Produkter: ||||

Hjem:

Praktisk: |

Tilbehør & pleje: ||

Forside: |||||

Mobil: |

Service / ydelser: ||||||

Hjem: |||||

Info om sælger: |

butikker: |

MISC: |

GDPR: |

Navigation: |

81 / 80