Projekt 3.2 Unikum DaufogPede

PR OJ E K T 3 . 2 - U N I K U M K r i s t i n e He l m s , Hen n i n g Me ld g a a rd A n d er s en & R a s m u s Pe d er s en

1 m d 1 5 C re a Ve j le d ere He i d i L i s b e t h L a rh o , Ma r i a L o u i s e B en d i xen & Per S Thyk j ĂŚr

7 9 .5 9 0 A n s l a g U R L : h tt p : // k r i s t i n e h e l m s . d k /d a u fo g p e d e

Indledning Problemformulering Metodevalg Indledende fase DaufogPede Celebrity Endorsment Hella Joof Kampagnens m책lgruppe Personas Brugerscenarie Sweetspot Sweetspot - Illustration Unikum kampagnen Logo Proces Kampagne Mediemix Abribus Proces Hel sides blad annonce Indpakning Merchandise Katalog TV-spot Storytelling Moodboard Wireframe Styletile Mockup Parallax effekt Database-overvejelser Valg af content Billederedigering, fra raw til well done dauf og pede Interaktion ER-diagram Usabillitytest Perspektivering Konklusion

4 6 7 9 10 19 22 24 25 29 31 32 33 33 40 41 43 48 48 49 49 50 50 51 52 53 55 56 56 57 58 61 62 65 72 74 75

Indledning Vi vil i vores projektopgave arbejde med at skabe et kampagnesite til guldsmedeforretningen daufogpede. Siden skal adressere deres målgruppe i form og indhold samtidigt med at kampagnen reflekterer et æstetisk udtryk med nøglelementer af karakteristika og værdigrundlag fra såvel virksomheden, målgruppen og en repræsentativ kendis.

Formålet med rapporten er at illustrere hvordan virksomheden bedst muligt, kommunikativt og designmæssigt kan brande sig ved appel til et individuelt værdibaseret grundlag, on- som offline, og derigennem skabe et solidt fundament for optimering af customer relations og visuel identitet.

Problemformulering Hvordan kan vi finde frem til en egnet målgruppe til en reklamekampagne med element af alternativt indhold?

Hvilken kendis og egenskaber, kan medvirke til at forene værdigrundlag mellem kundesegment, den repræsentative kendis og virksomheden?

Hvilke kanaler, medier og elementer er bedst egnet som kommunikations- og appelform til den valgte målgruppe? Interaktion rallax.min.js” Selve matematikken i parallax’s 3.partskoder har vi

6 / 75

Metodevalg Det kommende afsnit redegør for vores metodevalg til opgaven. Typerne af kilder redegøres uden reference eller navn, idet dette fremgår løbende i rapporten.

Struktur Til strukturering af processen har vi anvendt Trello organiseringsværktøj og baseret progression på Scrum.

Projektet har været udpræget agilt, og flere sprints er blevet udskudt, forlænget og flyttet, så at konstant opdatering har været vanskeligt.

Research Vi har arbejdet med såvel kvantitativ som kvalitativ data.

Den kvalitative data er hovedsageligt erhvervet i forbindelse med tre besøg hos virksomheden og i forbindelse med interview. Den kvantitative har grundlag i et spørgeskema, med prioritet på respondenter til målgruppen – herunder kunder hos virksomheden og således sekundære kilder.1

Dokumentation Processen for projektet er opdateret på en projektblog3 og delelementer, opdateringer og informationsdeling er lavet i googledocs, dropbox og facebook gruppe.

Procesmaterialet er, mest, håndtegnet og affotograferet for dokumentationsbrug.

Kilder Udover kunderne og besøgende til virksomheden har vi anvendt internetbaserede kilder. Vi har ikke grundlag til at betvivle disses autencitet.2 Selvom typen af omtale opslag fra de dagspresse baserede kilder, har tendens til at have en positiv præsentation, er de anvendte, traditionelt set, troværdige afsendere.

Primære kilder er offentlige institutioner og anvendt til at belyse markedstendenser, og virksomhedsforudsætninger.

Tests, undersøgelser og interviews er dokumenteret skriftlig, med lydoptagelser og video – bl.a. fra besøg4

Referencer Underbygning af anvendte teorier og løbende refleksioner er der brugt ekspertviden og pensum fra studiet.

1 http://bibliotek.science.ku.dk/vejledninger/kildekritik/primaer_se 3 kundaer_kilder/ 4 2 http://historiebutik.saxo.ku.dk/kildekritik/kildekritikkens_ordbog/

7 / 75

Se siden på http://daufogpede.nicelai.dk/ Se video på https://www.youtube.com/watch?v=3hznPD8kcCc

Prioriteter Gruppen har prioriteret rapportmateriale har håndlavet tilsnit, som refleksion til kundens håndlavede smykker.

Det fysiske eksemplar af rapporten er unikt og håndlavet fra bunden5 Idégenerering Gruppearbejdet har været præget af stort engagement. Stort set alle elementer er udført i fællesskab6 og der er flittigt drøftet muligheder og perspektiver for indhold og retning.

Alle parter har et tydeligt præg på slutprojektet.

5 6

Se video i bilag 1 Hør interviewets fulde længde i lydfil i bilag og se tran script i bilag 2

8 / 75

Indledende fase Efter at have lavet individuel research og søgt potentielle emner til projektet blev der hurtigt enighed om at guldsmedeforretningen på Åboulevarden havde størst appel..

Bedste registrerede regnskabsår er 2011 med et overskud på 100t.

På trods af mangel på strategi og laizzes faire baseret drift, vurderer vi ikke en komplet kulturanalyse, eksempelvis i form af Edgar Schein´s, er grundelement for denne opgave. Da den ville kræve langt flere ressourcer end output og kampagnerelevans ville berettige.

Ved telefonsamtale med Peter Pedersen (alias Pede), blev truffet aftale om at måtte bruge virksomheden som emne for eksamensprojektet.

På basis af deskresearch på firmaets historik, overordnede status og refleksioner på dets designmæssige udtryk forberedte vi et interview og det første besøg af virksomheden.

Under besøget og virksomhedens besvarelser af interviewet erhvervede vi adskillige informationer. Som efterfølgende har givet os værdifuld data igennem processen og suppleret vores egne observationer og iagttagelser. væsentligt Økonomisk status Efter mindre regnskabsmæssige underskud i 2009 og 2010 har virksomheden de seneste år været stabilt med små regnskabsmæssige overskud.1 1 https://datacvr.virk.dk/data/visenhed?enhedstype=virksomhed&id=29690588&soeg=dauf&type=Alle

Modellens artefakter kan være en hjælp i forståelsen af virksomheden Kulturanalyse Det følgende afsnit er udarbejdet med henblik på at skabe et hurtigt indblik i de synlige lag af Schein´s kulturanalyse da disse har en åbenlys relevans for kunderelationen og designmæssig stil .

For skitsering af den funktionalistiske kulturforståelse på illustrativt plan henvises til bilagsmaterialet.2

2

9 / 75

Se bilag 11

DaufogPede I Århus centrum, på adressen Åboulevarden 43, har vennerne Claus og Peter virksomheden DaufogPede.

Med erfaringer fra Georg Jensen og dedikation til håndværket,, detaljer og professionel stolthed har de en guldsmedeforretning med fokus på håndlavede smykker og juveler.

Alladins hule Butikken er lokaliseret langs med den frilagte å imellem de grønne arealer ved Mølleparken og det pulserende cafeliv mod havneområdet.

Således er butikken mellem DOKK1 og kunstmuseet Aros og appellerende for det miljø målgruppen repræsenterer – socialt og kulturelt.

Straks man går ind i den atmosfærefyldte butik mødes man af et behageligt udtryk hvor rå, rustikke elementer, især i form af det store kasseapparat af stål og en smedejerns Ambolt, udgør et paradoks til de pastelfarvede vægge og rene linjer i de sortmalede glasmontre.

Smykkerne er enten placeret i glasmontrene eller ligger isoleret på hylder og beskueren har mulighed for at sætte sig ind i detaljerne på det pågældende håndlavede stykke juvel.

10 / 75

Tavshed er ikke guld Der er ikke plakater, skilte eller andre forstyrrende statements.

Ikke desto mindre lykkedes at skabe indtryk af en imødekommende, åben atmosfære ved hjælp af en god mængde frirum luft med de forhøjede lofter.

Bagved ekspeditionsdisken er der udsyn til et arbejdsbord hvor beskueren kan følge den koncentrerede proces og arbejde med det enkelte smykke.

Der er plads til en snak og venskabelig adfærd, rådgivning og tone møder såvel nye som stamkunder.

Claus og Peter tilbyder - og prioriterer - at opfylde netop det udtryk som kunden ønsker. 1 De betragter sig selv som håndværkere.2 Men den unikke ånd som deres håndlavede smykker også repræsenterer, trives bedst når arbejdet har en kunstnerisk præmisse, en detalje, udtryk og hvis slutprodukter opfylder genbrugstanken.

Fra brugt til smukt – i udtryk og form, sjæl og signatur.

1 2

Se interview i bilag 3 side 4 Se interview i bilag 3 side 8

11 / 75

Kvantitativ research Forud for udarbejdelsen af spørgeskemaet opsatte vi scenarier for hvilke type data og output vi ønskede at erhverve. Efter indledningsvis overvejelse med at lave spørgeskemaet som element af databasearbejde valgte vi i stedet at lancere den på adressen: https:// da.surveymonkey.com/r/7ZZTD69 idet vi mente at en spørgekampagne ville forstyrre det samlede indtryk på projektsiden og at databaser med såvel praktisk tabeller for indholdet som spørgeskemareflektioner ville kunne medføre unødige reflektioner på redundante betegnelser.

Endeligt har spørgeskemaet som sådan ikke samme aktuelle relevans for virksomheden som projektarbejdet så hvis der træffes aftale efterfølgende om brug af hjemmesiden vil databasen indeholde unødige data frem for at være en ren skabelon til videreudbygning.

Vi kommer senere ind på hvordan vi i stedet har arbejdet med database på hjemmesiden i afsnittet om samme.

Platform Der er skaffet respondenter via opslag med link på facebook og derudover er der direkte adspurgt 2 respondenter i forbindelse med besøg hos virksomheden samt afleveret spørgeskemaer til manuel udfyldning i selve butikken.

12 / 75

I ånd med virksomhedens sociale kultur og traditionelle fredagaftens hygge-arrangementer er der udloddet en flaske Moet champagne til en tilfældig udtrukket besvarelse af skemaet.

Dette er dels sket som appel for deltagelse hos den enkelte respondent og dels for at imødekomme virksomhedens venskabelige identitet med hygge og kvalitetsbevidsthed i kraft af champagnemærket som iøvrigt også passer på målgruppen og en generaliseret stemning omkring at juveler og champagne er socialt relateret..

Tabellen nedenstående redegør for de reflektioner og ønskede output som var intentionen med spørgeskemaet.

13 / 75

14 / 75

I det kommende afsnit redegør vi for vores betragtninger og analysedata på baggrund af de skitserede fokuspunkter og formål. Hele spørgeskema data kan ses i bilagene.

Kildekritik Vor spørgeskema resulterede i 40 respondenter. Heraf er 35 erhvervet online mens at de resterende 5 er erhvervet direkte i og fra butikkens klientel.

Kildekritisk er dette forholdsvis begrænset data og vi havde gerne set den dobbelte mængde data. Vi vurderer imidlertid at resultaterne var valide som analyseelementer ud fra betragtningerne om at respondenterne alle tilhører en køns- og aldersmæssigt relevant brugergruppe, indholdet fra besvarelserne generelt indikerer en aktiv interesse for produktsegmentet der er klare tendenser i svarene,

Signal i smykker 50% af de adspurgte angav at de ønsker at deres smykker skal signalere individualitet og klasse. Ingen af respondenterne ønskede at smykker skulle være prangende eller ædelt, mens godt 10% reflekterede at smykkerne gerne måtte være neutrale.

Der var mulighed for at tilføje et andet signalement, hvilket 3 personer har udnyttet til betegnelsen “enkelt” - altså i lighed med svarmuligheden neutralt - samt pænt/ moderne og smukt.

I betragtning af at disse tre umiddelbart reflektere udseendet frem for den tiltænkte personlige signal præference vurderede vi at vores output fra dette spørgsmål er at individualitet er væsentligt.

Brugerinput Spørgsmålet omkring design og stil var bevidst valgt som en åbent tekstfelt da dette gav mulighed for at få respondenternes egne udtryk på hvilke designs som appellerer til dem. Hvis spørgeskemaet i stedet var udfærdiget med muligheder ville disse lede svarene hen imod et fast defineret felt af stil eller designere.

15 / 75

På denne måde kunne i stedet arbejdes på at analyse ud fra om svaret var berammet til en stilart, om der var tendens til en bestemt designer eller udtryk.

Arbejdet med analyse af dette spørgsmål kunne potentielt have været omfattende, men der var en generel tendens til at præference stilmæssigt enten var enkelthed eller unikt, enestående eller en smule anderledes. ”Guld enkle med et tvist af anderledes / Store smykker der kan ses, men i gode materialer. Skal være elegante men gerne enestående i sit udtryk. / Noget unikt. Ikke mainstream. Noget fint/spinkelt. guld. Ikke ”bling bling”.

Designmæssigt blev Georg Jensen nævnt oftest og derudover var der henvist til Ole Lynggaard og Gade og Juul to gange.

Eftersom både dauf og pede har oprindelse hos Georg Jensen har de reference og erfaring til et populært segment indenfor design. Ole Lynggaard har delvist samme udtryk, men til forskel fra dauf og pede er mange af smykkerne baseret på masseproduktion fremfor unikt arbejde i genbrugsguld.

Brugernes holdning 70% af respondenter havde ingen holdning til genbrugsguld. Blandt de øvrige var det især muligheden for at genbruge guldet fra et oprindeligt formål til en ny brug som var attraktiv.. 10% havde således en pratisk eller følelsesmæssig relation til genbrug.”Min datter og

svigersøn fik f.eks min ex og mine vielsesringe smeltet sammen med deres forlovelsesringe da de skulle giftes, det giver en affektionsværdi” / “Jeg vil gerne have shinet min afdøde mors smykker op da de betyder meget for mig men er for kedelige som de er.”

Der er basis for at lave en følelsesmæssig historie ved at genbruge guldet som hos dauf og pede. “Sjælen” går videre når et smykke, som ellers ikke ville blive brugt, anvendes til et nyt og anvendeligt formål. Romantisk eller praktisk. Fokuspunktet er inkluderet som værdielement i søgeordsoptimeringen ved meta description og repræsenteret på siden med et særskilt menupunkt “om guldet”. Dels fordi det udgør et væsentligt element for virksomheden og dels fordi en omsorg for miljøet er foreneligt med vor virksomhedsambassadør Hella Joof.

Præferencer På trods af multiple choice og den åbne svarmulighed “andet” var alle respondenternes produkt præferencer indenfor de klassiske produkttyper i form af ringe, halssmykker, armbånd og øreringe.

Der var ikke en signifikant forskel mellem hals smykker, øreringe og ringe. Ringe var det oftest foretrukne produkt af disse tre med 63% mens armbånd er foretrukken hos ca. 30% af besvarelserne.

Daufogpede refererer også til ringe som deres mest populære produkt katalog og dette er derfor afspejlet i at

16 / 75

databasen for produktsegmentet “ringe” er den produkttype hvor vi har reflekteret og loopet flest elementer.

Købs situationen Spørgsmålet omkring respondenternes vægtning af elementer ved køb situationen var udarbejdet som en matrix med mulighederne: afgørende - til en vis grad neutralt - ikke væsentlig.

Dette spørgsmål er - i sagens natur - af væsentligt betydning og kan være genstand for en lang analyse. I hovedtræk er det dog værd at bemærke: De eneste parametre hvor der var mere end 40% respondenter som fandt det afgørende for købet var: Individualitet og særpræg, Design og Troværdighed I et vægtet gennemsnit er de samme elementer af størst betydning heraf troværdighed størst, tæt forfulgt af design.

Kompetencerne hos dauf og pede med godt design og unikt udtryk er derfor meget vigtige for succeskriteriet.

Elementerne er prioriteret på undersiden “daufogpede” hvor disse karakteristika er inkluderet i beskrivelserne.

Ydermere er der, på samme side, arbejdet med komplimenteringen på ejernes individuelle karakteristika i beskrivelsen af disse.

Loyalitet De fleste købere har ikke en favorit forhandler når det drejer sig om smykker. Daufogpede er privilegeret af at have en forholdsmæssig stor skare af faste kunder.

Det må formodes at være et væsentligt aktiv for forretningsgrundlaget og da det har krævet 5-6 år at etablere dette forhold har vi reflekteret dette både på undersiden “Unikum” og “om daufogpede” med et venligt, uformelt talesprog. Stilen er bevidst en modvægt til snobberi som er alt andet end det virksomheden vil kendetegnes ved.

Handelssituationen Handels situationen for juveler er typisk kendetegnet ved personligt salg i butikken. I sagens natur især når det drejer sig om håndlavede smykker hvor der måske skal laves en ekstra detalje, et specielt udtryk eller når investeringen har en vist økonomisk omfang. Ikke uventet finder hele 80% af respondenternes handler sted fra butikken.

Dauf og Pede er placeret på åboulevarden i Århus C. Placeringsmæssigt er stedet ikke så trafikeret som strøget eller ved banegården. Der er derfor prioriteret at lave stedangivelse på hjemmesiden under menuen “kontakt”.

Udover traditionelt kort er siden tilføjet en timeframe film med angivelse af ruten fra det inderste centrum og

17 / 75

til butikken.

Ud over at være et særligt twist, og delvis unikt, er det formålet at illustrere butikken ligger tæt på og reflekterer desuden at de fleste af daufogpede´s nye kunder må formodes at have lokal herkomst.

der ikke gøres en aktiv indsats og prioritering af de rette kampagneelementer.

Vi kommer senere i rapporten ind på et kvalificeret oplæg på en kampagnestrategi og medier for samme i et mediemix med potentielle smartgoals.

Trigger Når det drejer sig om inspiration til køb af smykker er netværket og IT en uundgåelig faktor. Smykkebranchen står foran en stor udfordring med at tilpasse deres indhold og tilbud til flere målgrupper med forskellige karaktertræk og præferencer.

På trods af at dauf og pede, ud fra paradigmerne at “Vi har nok og lave” - “vi lever af mund til mund omtale” ikke har en marketingspolitik eller prioriterer markedsføring i den nuværende situation. Må det forventes at ville blive nødvendigt at have fokus på dette.

Uantaget at inspiration fra venner og veninder - som en af de mest betydningsfulde parametre for valg 1- sammen med inspiration fra nettet, udgør en betydelig del af respondenternes grundlag for at bestemme sig for et smykke er der værd at bemærke at tilfældighed er den væsentligste faktor.

På trods af at der kan være mange forskellige trickers gemt under betegnelsen så bør der reflekteres på at selv med en velfungerende, appellerende hjemmeside vil mange potentielle kunder gå ind under radaren hvis 1 https://www.youtube.com/watch?v=llKvV8_T95M

18 / 75

Celebrity Endorsment Brug af kendte personer i marketingsarbejde kan være uhyre effektivt. Metoden er især god til at påvirke forbrugerens tilgang til afsenderen ud fra at: “hvis det er godt nok for ham/hende er det også godt nok for mig”.

Forbrugere associerer sig med frontfiguren.Hvis den rette person repræsenterer virksomheden kan det skabe en hurtig vej til den ønskede effekt og at virksomheden adopterer den kendtes karakteristika.1 Simon Sinek omtaler i sit oplæg omkring “If you don´t understand people2, You don´t understand Business” fra 2012 om nogle af principperne med at individer har behov for et fælles værdigrundlag. Med en frontfigur med de rette grundlag kan skabes en platform for at kunde/virksomheds relationen knyttes.

I forhold til værditrappen svarer dette til at de ting som parterne er passioneret omkring og deler skaber fokus på netværket og brugeren.

1 http://smallbusiness.chron.com/five-advantages-using-celebri ties-advertising-34394.html 2 https://www.youtube.com/watch?v=llKvV8_T95M

19 / 75

Den rette person Det er dog vigtigt at forholde sig til at en virksomheds ambassadør vælges med omhu. Pludselige skandaler og udefrakommende faktorer kan påvirke forbrugerens opfattelse af personen og ændre perspektivet.

Denne risikofaktor bør inkorporeres i overvejelserne og valget.

De indre værdier tæller I forbindelse med interviewet hos Dauf og Pede forespurgte vi en refleksion på en sådan ambassadør.

Efter en tøven, pegede de på den tidligere model René Toft Simonsen ud fra at hun var: cool, en flot dame med god stil3.

Med andre ord, reflektioner mest baseret på ydre elementer, ikke indre værdier I vores deskresearch var vi kommet frem til skuespilleren, entertaineren, foredragsholder og filminstruktøren Hella Joof.

Baseret på at hun har en stor popularitetsgrad og formår at være tilpas åbenmundet at hun generelt respekteres - samtidigt med at hun anses som empatisk.

Selvom hverken dauf og pede, eller vi, kender nogen af de to personligt, er der, med andre ord, en signifikant forskel i appelgrundlag de formidler.

3

Se interview i bilag 3 side 5

20 / 75

På forslaget om Hella Joof reflekterede Claus hende som hyggelig, usnobbet, lidt øko og ordentlig.

Madsen på forslaget om Hella Joof, reflekterede hende som hyggelig, usnoppet, lidt øko. Så vi besluttede at arbejde videre med hende og drage René Toft Simonsen in i betragtning.

Senere i processen fravalgte vi René Toft Simonsen på grund af en vurdering at kvinder, som udgangspunkt, vil være mindre tilbøjelig til at associere og måle sig op med et skønhedsideal, frem for en empatisk, aldrig konfliktsøgende - mediemæssigt, mere aktiv og unik personlighed.

21 / 75

Hella Joof Vores første opfattelse af personen Hella Joof skulle vise sig at blive bekræftet i den kommende deskresearch.

Ikke blot er der utroligt store mængder links og information omkring hende til rådighed.

Det er også karakteristisk at ingen af dem tilsyneladende har en negativ grundtone.

Persondata Hella Joof var tidligere mest kendt som komiker og musiker, De seneste år har hendes karriere udviklet sig til at inkludere foredragsholder, samfundsdebattør og medvirkende i det populære debatprogram “Mads og Monopolet på DR4.

Ambassadør for fairtrade/Max Havelaar.

22 / 75

Sociale medier Hun har en LinkedIN profil1 vi brugte til at sende hende InMail med beskrivelse af vort ærinde og anmodning om hendes input.

Desværre ønskede hun ikke at deltage.

Hun har desuden en instagram profil som hun bruger til at reflektere dagligdags indhold og stemninger. Typisk i en usnobbet og afslappet udtryk.

Hun har ingen synlig facebook profil, men der findes en fanside2, i hendes navn, med 17384 likes

1 https://www.instagram.com/hellajoof/?hl=da 2 https://www.facebook.com/HellaJoof/?fref=ts

23 / 75

Kampagnens målgruppe Sideløbende med at vi arbejdede med Hella Joof´s som en del af kampagnen, lavede vi refleksioner over hvilken målgruppe som kampagnen skulle adressere.

Ifølge Dauf og Pede er langt størsteparten af kunderne kvinder.

Dette afspejles tydeligt på hjemmesiden og i inspirationskataloget hvor der kun er enkelte smykker til mænd - typisk kategoriseret under “andet”.

Alternative Ifølge modebranchen er der tegn på at flere og flere mænd vil gå med smykker i 20161.

I det lys kunne en kampagne i 2017 godt være relevant.

Vi har dog vurderet at en nyetableret strategi, for marketingsarbejde, bør funderes i et allerede eksisterende segment med størst succesmulighed.

Desuden vil førnævnte Hella Joof´s, celebrity endorsment sandsynligvis ikke fungere til en målgruppen, som ikke deler karakteristika med den kendte.

Iphone, eller Ipad.2 Virksomheden har haft held med flere gange, hvor køberen ikke mener at de har mulighed for at tilvejebringe guld, med henblik på at omsmeltning.

Efter kort tid vender de tilbage i butikken og medbringe guld eller sølv fra egne skuffer eller referenterne, som kan bidrage til, eksempelvis, at lade minderne fra den tidligere brug(er) leve videre. via smykket.

Kvinder over 35 år Denne aldersgruppen udgør langt de fleste handlende på stedet og er det segment hvor der er flest faste kunder.

I lyset af at Dauf og Pede ikke tidligere har vægtet marketingsarbejde, og derfor skal have øjeblikkelig afkast på kampagnen, besluttede vi at adressere kvinder på 35 år eller derover.

Kvinder under 35 år Ifølge virksomheden fravælger yngre kvinder ofte at købe smykker, på grund af større ønsker og behov for andre ting såsom 1 http://www.euroman.dk/mode/modecheferne-det-bliver-populartfor-mand-at-ga-med-smykker-i-2016/?action=Index

2

24 / 75

Se interview bilag 3 side 2

Personas Den videre process opstartes bedst ved at definere personas som har til formål at være repræsentant for målgruppen .

Vores personas kan hjælpe os til at forstå motivation for køb og anvendelse af hjemmesiden og afspejler et fiktivt individ, Vi har reflekteret på tre forskellige personas ud fra vores målgruppe. Delelementer er afstedkommet fra interviews med DaufogPede og andre er skitseret i vores sweetspot arbejde.

Vores personas er alle kvinder. Diversiteten udtrykkes i aldersforskel, social status og usergoals til at vælge Dauf og Pede. og brug hjemmesiden. .

Vi reflekterede på at tre personas muligvis var forholdsmæssigt mange, men betragter valget som relevant i forhold til at dette giver os mulighed for bl.a. at arbejde med:

DaufogPede pointerer - henvender sig til en bred målgruppe, - har flere lesbiske par som har købt vielsesringe 1 - mange stamkunder, men også engangskunder 2 - rådgivning og individuelt udtryk 3 - arrangerer hygge-kom-sammen for kunder og besøgende på fredage - genbrugsguld er en prioritet4 - foretrækker unikt arbejde frem for masseproduktion 5 - inspireres af detaljer og et unikt udtryk6 Vores reflektioner:7 - socialt anlagt - dedikeret - markedsfører mund til mund - foretrækker kvalitets segment - udtryk baseret i det individuelt, æstetiske - reflekterer orden og professionalisme - smykket skaber fokus og blikfang

1 2 3 4 5 6 25 / 757

Se interview side 18 Se interview side 2 Se interview side 13, 16 og 18 Se interview side 14 Se interview side 3, 4 og 11 Se interview side 11 Se afsnit om kulturanalyse

26 / 75

27 / 75

28 / 75

Brugerscenarie Med vores brugerscenarie viser vi tre forskellige personas i en relation til virksomheden og brug af hjemmesiden.

De tre personas repræsenterer forskellige scenarier på bla. købsproces (BP) og engagements relation (CE).

En dag i Aarhus Klokken var 16:30 på den velbesøgte reception hos Dalsøe Delightda en kvinde gik ind af værkstedsporten.

Gitte Verland genkendte straks den elegant klædte Marianne Deluran fra TV2 om kommunalvalget aftenen før. Hendes fremtoning blev fuldendt af et iøjnefaldende halssmykke med et rustikt og særegent udtryk.

Da de senere tilfældigt, mødtes foran en stor håndlavet krukke, udnyttede Fr. Verland muligheden til at spørge ind til halssmykket.

Bredt smilende og imødekommende fortalte Marianne hende hvordan det var en del af en kollektion som hendes mand og børn havde købt til hende hen over de seneste 3 år. Faktisk havde hende og manden aftalt at mødes senere for at købe et armbånd i stilen for at fejre det fine valgresultat.

I baggrunden var Christina Dalsøe i færd med at lave status på dagens besøg. Hun glædes ved et rimelig salg under receptionen, men især de mange som delte hendes interesse for elementer med omtanke for naturen, håndlavet og med et individuelt unikt udtryk.

Da de sidste to gæster forlod værkstedet og lukkede døren mindede synet af kvinden med det smukke halssmykke hende om at hun skulle overraske hendes kæreste Pernille med forlovelsesringe. .

På vej hjem i taxa´en skrev Gitte Verland med sirlig skrift navnet og adressen på juveleren DaufogPede og var allerede fast besluttet på at ville besøge dem i morgen formiddag. Selvom hun endnu ikke havde besluttet sig for hvilket smykke hun ville anskaffe sig, var hun allerede klar over at hun ville bruge de arvede gamle guldskeer fra den fine service til formålet. Med sådan en løsning ville hun kunne mindes om hendes forældre hver gang hun bar smykket i stedet for at de lå og samlede støv i skuffen….

Samtidigt med at Gitte Verland passerede en abribus med et smukt halssmykke var Marianne og hendes mand på vej ud af smykkehandlerens butik. På vej der-

29 / 75

ind havde manden sendt et link over telefonen.

De havde hygget med Claus og Peter og drukket et enkelt glas vin før de kørte hjem.

Omtrent samtidigt med at Christina efter søgning på nettet både havde besluttet sig for nogle ensartede ringe og fået inspiration til spændende former og udtryk af vaser.

I Skåde var Frøken Verland for længst faldet i søvn. Efter en hyggestund med Alt for Damerne havde hun printet et billede ud af beliggenheden for DaufogPede.

Før hun gik i seng havde hun ringet til hendes veninde og aftalt morgendagens besøg hos juveleren. Hun var forberedt og med et smil havde hun tænkt på en personlig kollektion af smukke smykker og sagt til sig selv – det bliver en god dag!

30 / 75

Sweetspot Herefter arbejdede vi videre med at definere sweetspots.

Dette er metoden, som forbinde kampagnesitet med Dauf og Pede, målgruppen og den kendte personlighed.. Som nøgleord og dybere reflektioner skitserer vi dem i nedensående illustration Ud fra disse beskrivende ord kom vi frem til disse sweet-spots ud fra deres behov: Unikaer, rustik, miljøbevidst, selvbestemt design, passioneret, casual (hviler i sig selv) Siden det ikke er planen at bruge alle sweet-spots, arbejde vi på at finde frem til det mest relevante.

Vi noterede grundlaget til begreberne for at evaluere dem nærmere.

Unika: personligt, unikt, stor variation, aldrig stort lager, originalt design Rustik: teksturen i smykkerne, materialerne, mere rå teksture, elementer fra værkstedet Miljøbevidst: holdninger, informerende, genbrugsguld, økologisk/naturligt udseende Selvbestemt design: co-creation, dit personlige design, du er en kreativ person, du er kompromisløs, hjælper på

dit behov, dig, dig, dig.

Passioneret: fokus på håndværket, mere om dauf og pede og deres interesse.

Casual: fokus på dauf og pede, fokus på det sociale og hygge, historien bag. ”What you see is what you get” Efter denne proces besluttede vi at vores fokuspunkt skulle være: ”Unika” , det vil sige det unikke i dauf og pede og deres smykker samt for behovet i målgruppen og Hella Joof´s personlighed.

Som underpunktet valgtes ”rustikhed”, for at definere stilen samt miljøbevidst reflekteret af Minerva´s grønne segment. på grundlag af demografien for Hella Joof og målgruppen samt dauf og pede`s holdning omkring genbrugsguld.

Efter denne proces besluttede vi at vores fokuspunkt skulle være: ”Unika” , det vil sige det unikke i dauf og pede og deres smykker samt for behovet i målgruppen og Hella Joof´s personlighed.

Som underpunktet valgtes ”rustikhed”, for at definere stilen samt miljøbevidst reflekteret af Minerva´s grønne segment.1 på grundlag af demografien for Hella Joof og målgruppen samt dauf og pede`s holdning omkring genbrugs.guld

1 http://hhxelev.dk/minerva-modellen/

31 / 75

Sweetspot - Illustration

32 / 75

Unikum kampagnen

Logo Proces

I forhold til dauf og pedes kampagne, er der lagt stor fokus på at fremhæve de tidligere nævnte sweetspots.

Men særligt vil “unika” fremtræde som dominerende i kampagnen.

Dauf og Pedes nuværende visuelle logoidentitet er virksomhedens navn ”Dauf & Pede” skrevet i fonten Times New Roman hvidt på sort.

Begrundelsen ligger i at dette begreb er stærkt funderet hos den kvindelige målgruppe, af kvinder på 35 år og opefter.

Mange af dem er begejstret for at have deres eget personlige forhold til et design og har ikke interessen i at gå med masseproducerede produkter.

Hertil er det så at dauf og pede, som producenter, kan imødekomme de individuelle ønsker fra målgruppen, hvilket er det kampagnen fokuserer på.

For at opnå et ideelt visuelt logo, skræddersyet til målgruppen, er der, også her, sat fokus på vores sweetspots.

Der efterstræbes at kreere et logo, som udstråler en vis unikhed ift. dauf og pedes personlighed, en vis rustikhed, som er en gennemgående stil, der kan ses i en stor mængde hos dauf og pedes kollektioner.

Sidst men ikke mindst, skal logoet kunne skilte en relation til miljø- og naturbevidsthed.

Som det første skridt i processen blev det aftalt i gruppen at frembringe skitser for at kunne få så mange grafiske indtryk og idéer som muligt.

33 / 75

Proces 1 dividuelle logoer og endte med at ville arbejde videre ud fra de typografiske. Beslutningen bag dette valg var baseret på at ville give logoet en elegant udstråling som man ser og associerer med en juveler. Ligeledes ville det give det en mere denotativ virkning, således der

Som det ses var der vidt forskellige retninger. Der var en del typografiske logoer, som implementerede virksomhedens navn; dauf og pede og der var nogle, der indeholdte mere grafiske elementer i sig.

Herfra begyndte gruppen således at diskutere de in

ville opstå en klar skiltning med at dette logo tilhører en juvelers butik.

Da det blev besluttet at et typografisk logo ville være en

34 / 75

god løsning, blev skitserne efterarbejdet i Illustrator.

I illustrator var der arbejdet en del med forskellige fonte såsom LindysDiner og Prida01. Baseret på LindysDiner blev der skabt en tredje font vha. curvature tool.

Der var også overvejelser hvad enten &-tegnet kunne blive et grafisk element i logoet eller ej. Det skulle da forsøges, og blev komponeret således at &-tegnet fik to cirkler, der skulle fremstilles som to vielsesringe.

Den selvskabte font, havde ikke helt det ønskede udtryk da selve stregen kom til udtryk som ”hjemmelavet” og manglede det professionelle udtryk. Af den grund var dette koncept ikke ideelt som logo.

LindysDiner er en håndskreven font, og har en personlighed bag sig i form af skaberens udtryk. Der var dog et problem med bogstavet ”a”. Bogstavet, i sammenhæng med andre bogstaver, virker til at være vredet skævt.

Dette udtryk kunne dog associeres i uheldig retning og blev derfor vurderet som uhensigtsmæssigt.

Derudover var fontens udtryk ikke hvad vi ønskede for logoet.

Prida01 havde som de andre fonte, ikke det ønskede udtryk. I dette tilfælde har fonten meget spidse seriffer, der mest af alt minder om et forvirret pindsvin. Af denne grund blev denne font heller ikke udvalgt.

Som nævnt tidligere var der overvejelser ift. forskellige font muligheder.

Som det antydes af ovenstående var vi som gruppe ved at løbe tør for muligheder. Det blev derfor besluttet at spørge enkelte af vores medstuderende, hvad de tænkte fungerede bedst af de nuværende muligheder.

35 / 75

Ved hjælp af vores medstuderende blev det fundet frem til, at logoet med ”dauf & pede” hvidt på sort var den mest populære. Deraf besluttede gruppen at ville arbejde videre på dét koncept, med forskellige variationer af størrelse og en ny font, der bedre ville kunne afspejle det ønskede indtryk.

Af variationer til disse logoer blev der arbejdet med forskellige størrelser af bokse nogle aflange og nogle kvadratiske. Yderligere blev der fundet frem til en anden font ved navn Playfair Display.

Denne font havde et andet udtryk end de tidligere, da den har mere rene linjer og en mere elegant stil, der især kommer til udtryk ved &-tegnet. Der er et nærmest floralt indtryk eller bedre betegnet som et hint af rokoko

36 / 75

rent stilmæssigt. Dette var med til at frembringe denne fornemmelse af et elegant og poleret design relateret til smykker og en juveler, som gruppen har ledt efter.

til det endelige produkt. Så med det i mente påbegyndte gruppen en ny række logoer, men denne gang med sweetspots, der skulle fremtræde tydeligt igennem.

Efter at have udarbejdet en række logoer i illustrator, blev det besluttet at ville begive sig ud til den fælles facebook gruppe for alle MDU’er i vores årgang.

Proces 2

Her gik det op for gruppen at visse tidligere beslutninger ikke havde været hedige. For at være helt specifik kan man ikke sige at logoet udviser de sweetspots, der tidligere i processen blev udvalgt, hvilket er det absolut vigtigste ift. at der er en rød tråd gennem hele projektet

Skitsering foregik i programmet FireAlpaca, som giver en vis frihed som PhotoShop ikke kan tilbyde når det kommer til at skulle lave skitseringer. Tankerne bag skitseringerne var at ville finde frem til organiske linjer og former som så ville kunne understøtte sweetspottet miljøbevidst. Samt skulle en rustik tekstur af formerne kunne give et ønsket udtryk.

37 / 75

Problemet med disse versioner var dog at der endnu engang var nogle uønskede associationer. Tennis bolde, amerikanske fodbolde og selve Chanel logoet dukkede op hvilket ikke er hensigtsmæssige. Herfra blev disse skitser kasseret og en ny proces gik i gang.

Proces 3 Der blev lavet skitser endnu engang. Denne gang blev det valgt at skulle vise frem til det stærkeste sweetspots “unika”. Dete er dog også det visuelt vanskeligste at skulle udtrykke, . Ydermere skulle logoet ligeledes gøres mere denotativt ift. at logoet skulle være let at associeres med en juvel. For at opnå dette blev der arbejdet med et kombinations logo, hvor der ville indgå typografi og grafiske elementer.

Med hensyn til typografi blev der arbejdet med en del idéer hvad subbrandet kunne hedde, fra en tidligere process.

Selve typografien skulle hjælpe til med at vise unika i logoet. Der blev taget forskellige navne op som ”Unique”, ”Unikam” og ”Unikum”. Selve ”Unique” blev lidt for trivielt og overbrugt når det kommer til branding. ”Unikam” var rent fonetisk en anelse uharmonisk. ”Unikum” var derimod ikke overbrugt og havde en mere behagelig klang når det udtales, derfor blev valget af den grund ”Unikum”.

For at gøre logoet yderligere denotativt og nemmere at associere til en juveler blev endnu et typografisk element tilføjet i form af ”guldsmed aarhus”. Samtidigt er det placeret så det bliver en del af det grafiske element i logoet således at den er med til at fuldfører ringens cirkel.

Som grafisk element blev det valgt at lave en ring, der

38 / 75

giver klare signaler for hvad dauf & pede producerer.

Det skal også nævnes at ved brug af logoet, så skal det placeres på en rustik baggrund, som derved kan bidrage som reference til sweetspottet: rustik.

Så ved at have et sigende navn til dauf & pedes nye subbrand i form af ”Unikum”, vil det refererer til sweetspottet unika.

Ved at anvende en rustik baggrund ved benyttelse af logoet kan der oprette en association til vores sweetspot.

Når det så kommer til et organisk udtryk opfylder logoet ikke dette, men for at kompencere for dette bidrager hjemmesiden med elementer til formålet samtidigt med relevant tekst indhold, der vedrører brugen af genbrugsguld og hvilken effekt det har på miljøet.

39 / 75

Kampagne

Som tidligere nævnt har Dauf og Pede ikk en strategi for marketing eller ønsker at brande sig yderligere ud fra paradigmet at ”vi har nok og lave”.

produktet kunne nævnes: Femina, IN, Alt for damerne, Hendes Verden, Liv

Ikke desto mindre har vi lavet en kampagne til virksomheden, med dens signatur som adresserer målgruppen i præferencer og kontaktflade, bl.a. reflekteret i vores personas.

I kampagne indholdet har vi vægtet et økonomisk hensyn i forhold til at DaufogPede ikke ønsker at videreudvikle virksomheden til flere afdelinger og med belæg i de forholdsvise beskedne ressourcer i mandskab og regnskabsmæssige resultater Den er således baseret på lokale medier.

Da det er begrænset hvilke lokale medier som har en mere specifik signatur og adresserer sofistikerede kvinder i aldersgruppen 35+ reflekterer valgene af medier mere bredt end konceptuelt for virksomhedens DNA. Indholdet og udtrykket er imidlertid baseret på refleksionerne for målgruppen og kan dermed stå alene, uantaget at mediet ikke specifikt adresserer vores målgruppe.

Af egnede, ikke lokalbaserede, alternative medier til

40 / 75

Mediemix TV2 østjylland, Abribus, Lokalradio, Aarhus Stiftstidende, Kulturby Aarhus partner, Kvindeløbet, Lokalavisen, Hjemmesiden, Facebook og Twitter.

I denne kampagne er ikke inkluderet instagram. Dels fordi DaufogPede ikke har oprettet en konto til samme og dels fordi den valgte målgruppe ikke er kernebruger af dette sociale medie.

Som en naturlig del af arbejdet med etablering af database og brugerindhold til samme vil det dog være naturligt at rådgive omkring at Instagram er velegnet til branding af virksomhedstypen med jævnlige opdateringer på nye smykker og projekter på trods af at virksomheden ikke prioriterer dette.

Kampagnen er skitseret til en 4 ugers periode målrettet i den, traditionelt set. stille periodei marts og har, udover en øget omsætning, til formål at brande virksomheden med forøget kendskab til dets kompetencer, eksistens og beliggenhed.

Forinden kampagnen bør der, i samarbejde med virksomheden, laves undersøgelser og field research samt et scope for kampagnens mål. Således at virkning, effekt og succes grad kan indikeres.

41 / 75

Forklaring af skemaet Generelt: Farverne illustrerer aktualiteten i forhold til projektets målgruppe med kalkulation for den tilhørende omkostning pr. enhed

Scope for kampagnen, som nævnt over mediemixet kunne eksempelvis være: Smartgoals Procentuelt kendskab til virksomheden øges med X procent i det pågældende regnskabsår.

- Kampagneudgifterne modsvares øget omsætning senest 4 måneder efter kampagnen.

- Mindst X antal Facebook opslag skal være delt henover kampagnen.

- Facebook konkurrence skal resultere i X antal del eller likes henover kampagnen.

Besøg på hjemmesiden øges med X views henover kampagnen.

Gennemsnitslængden af besøg på hjemmesiden øges med X minutter henover kampagnen.

Kendskab til virksomhedens lokation øges med X procent hen over 6 måneder Nøgleordsreflektioner for virksomheden og kampagnelogo er ved spørgeskemaundersøgelsen efter kampagnen svarende til ønske og aktuel refleksion.

42 / 75

Abribus Proces

Formålet med at definere scope og lave undersøgelserne er at arbejde iterativt og erhverve erfaringer med valget af platforme i forhold til senere brug og kampagner.

Midt i kampagnen laves evaluering på smartgoals i forhold til elementerne i sociale medier med henblik på eventuel korrigering og konkurrence lanceres.

Ift. mediemixen er det blevet nævnt at ville bruge abribusser som en del af kampagnen. Af denne grund er der blevet arbejdet med en abribus, som vil præsentere “Unikum” kampagnen. Nedenfor vil der blive præsenteret for processen over arbejdet med abribussen.

Som del af opgaven har gruppen valgt at benytte sig af abribusser, da det er fundet frem til at alle personaer og den generelle målgruppe vil blive eksponeret for denne form for reklame.

Skitser Som det første skridt i processen gennemgik gruppen forskellige muligheder, der kunne være mulige løsninger.

Den ene idé var at Hella Joof skulle være placeret på abribussen på samme måde som hun er placeret på hjemmesiden. Logoet skulle placeres så det ville få et blikfang, da Hella Joof ellers vil være meget dominerende på abribussen.

43 / 75

Et andet forslag lød på at centreret i abribussen kunne være en hånd, med ringe, som er produceret af dauf og pede, svæve i luften over håndens overflade.

Som fjerde idé var det to ringe produceret af dauf og pede i sin enkelthed midt på abribussen, sammen med et slogan der ville passe indover med Unikum subbrandet.

Den tredje skitse forstiller noget i samme stil som nummer to. Her er det en hånd der holder på en halskæde, iført ringe og armbånd.

Næste forslag lød på at have en træstub centreret i reklamen hvorpå der ville hænge et udvalg af forskellige smykker.

44 / 75

Dette foreslag lød på at have ansigtet af en model, måske eventuelt Hella Joof, der stryger sit hår tilbage så hendes øre er synlige. Her skulle modellen bærer øreringe, ringe, halskæde og armbånd.

En sidste idé der blev skitseret var en serie af tre vidt forskellige typer af kvindelige modeller. F.eks. en yngre kvinde, en ældre og en tredje mulighed, disse skulle præsentere hver deres stil.

Og som slogan ville der stå: ”Vi har en stil til alle… Også til dig”.

På grund af et et tidspres med deadline for projektet, valgte gruppen at arbejde videre med den første skitse.

Det begrundes med at det ville være en god løsning, da

abribussen får en god sammenhængende design med. hjemmesidens visuelle udtryk, ved at benytte lignende elementer fra hjemmesiden i abribussen. I dette tilfælde Hella Joof samt teksturer.

Photoshop

Arbejdet fortsætter her i photoshop. Ved hjælp af skitser placeres de forskellige elementer. Det gik hurtigt op for gruppen at kompositionen slet ikke ville kunne fungere.

Ved at bruge Hella Joof i abribussen ville der komme alt for stor vægt i den ene side af abribussen.

Selve citatet havde det samme problem, ved at være et alt for stort element til at kunne passe ind. Desuden ville logoet hurtigt blive væk i alle disse elementer.

Omvendt skulle logoet være i en væsentlig stor størrel-

45 / 75

se for at kunne blive set. Hvilket måske nok er hensigtsmæssigt da logoet som sådan, er det eneste element der forklarer hvad abribussen gør reklame for, men da de tre elementer kæmper for pladsen for at kunne forklarer hvad abribussen går ud på var det ikke er hensigtsmæssigt og denne idé blevet kasseret.

Ift. den ovenstående proces, blev refleksionen at ville tage en anden kurs, hvor elementer kan være i en mindre størrelse. Således de ikke modarbejder hinanden når de placeres sammen. Med dette udgangspunkt blev det besluttet at arbejde videre med skitse nummer fire.

Efter at have placeret de forskellige elementer, begyndte abribussen at tage form. Forskellige variationer af abribussen er blevet lavet med varierende fonte og smykker.

interessante udtryk end ved Raleway, der er mere monoton i sit. vv Hermed er det endt op i en abribus, der har en god balance mellem typografi, som bliver en del af billedet vha. farven. Billedet har en mængde space omkring sig, der er med til at give et overskueligt og luftigt indtryk.

Rent hierarkisk er der det store billede der skal fange opmærksomheden hos den forbipasserende. Dernæst ledes blikket videre ned til logoet af dauf og pede, hvorefter de ser op på slogannet: ”Vi har en stil til alle..

Også til dig”. Som sidste punkt på abribussen ses den informative tekst i bunden.

Ud fra de forskellige smykker, blev halskæden valgt frem for de andre da den var meget mere opsigts vækkende.

Dertil blev fonten Fairplay Display valgt pga. sit mere

46 / 75

Det endelige trin er at placere abribussen pĂĽ gaden. I dette tilfĂŚlde er der en plads lokaliseret lige i nĂŚrheden af dauf og pede ved Ă…boulevarden.

47 / 75

Hel sides blad annonce

Indpakning Som indpakning, når en kunde erhverver sig subbrandet, er der designet brune genbrugsposer med logoet placeret på siden. Grunden til at bruge en pose af genbrugspapir er at det reflekterer tilbage på vores sweetspots. Det rustikke udtryk i posen med det ikke forarbejdede materiale, samt en diskret statement for at være miljøbevidst.

Tidligere i rapporten nævnes hierarki ift. det producerede abribus. Det samme princip gælder for dette hel sides blad annonce, hvor læseren vil blive guidet igennem de forskellige punkter på annoncen.

Ved køb af ringe tilhørende subbrandet vil der følge en beholder i form af et stykke træ. Træets øvre del kan skubbes til side og afslører en fordybning indeni hvor ringen ligger.

Overvejelserne ligger endnu engang tilbage hos de valgte sweetspots. Denne beholder bidrager ikke alene til en anderledes indpakning, men fungerer ligeledes som en dekorativ genstand.

48 / 75

Merchandise

Katalog

Med hensyn til merchandise vil der blive produceret vægdekorationer lavet af gips. Disse vil være udformet som hovedpartiet af en kronhjort. Funktionen vil så være at kunne hænge dette stykke merchandise op på væggen, og sætte sine egne smykker og ringe på gevirerne.

Produktet er så selvfølgelig mærket med ”Unikum” logoet, på fronten af dekorationens pande med guldblad.

Ved besøget hos dauf og pede blev vi præsenteret for en opslagsbog over deres produkter. De nævnte at de gerne så den blev udskiftet i nærmeste fremtid.

Dette så gruppen sit snit til at ville gøre et forsøg på.

49 / 75

TV-spot

Storytelling

For at understøtte Unikum kampagnen, har vi også lavet et tv-spot. Dette er især relevant da en tv-reklame er prioriteret i vores mediamixt. TV-spottet er en stemningsvideo, som skal virke anderledes. Da vi har fået nogle gode optagelser hos Dauf og Pede, i fuld aktion med at arbejde, og da de har god kundekontakt og lever højt på dette, har vi benyttet os af disse klip. For at gøre den anderledes har vi underlagt et originalt musikvalg med en afrikansk sang. Sangen skaber en anderledes stemning og beatet skaber stor fokus på ordene “personlig”, “rustik” og “unik”.

Med den afrikanske sang får ordene en hel ny form for fokus.

Ud fra videoen skal man fornemme at dauf og pede giver dig noget unikt.

Nogle af tankerne for reklamen er illustreret ved vores simple storyboard.

Hellas store rolle i “unikum”, viser sig stærkest i storytelling. Der er ikke mange højtråbende kvinder i dette land, som danskerne holder af. Der gør Hella en undtagelse.

Grunden til dette, er at hun er meget etisk tænkende, og ser tingene fra alle sider, før hun åbner munden. På den måde kan hun sende varme tanker ud til sårbare grupper, ved blot at svare på et spørgsmål. Dog er dauf og pedes målgruppe ikke som sådan en sårbar gruppe af kvinder. Det de har til fælles er deres unikhed og stærke personlighed. Med storytelling vil Hella snakke lige til deres rene hjerter. Disse kvinder kender sig selv og ved hvad de vil have og har derfor en stor selvindsigt. Forestil dig så hvad de ville tænke, når Hella sagde til dem: “Det aller smukkeste i denne verden er din unikhed. Så stop med at skjule den.

Bær din personlighed! Gå i det tøj og de smykker, som matcher din fantastiske hjernes farvespind!”

Disse kvinder er enige i denne holdning. At det er synd og skam at lade dine kanter forblive under tøjet.

link til video: https://youtu.be/9ZM0AKYANf4

Denne storytelling bliver benyttet på Hellas underside “unikum”, som er index-siden (altså startsiden) på deres hjemmeside. Dette var på dette tidspunkt blot en tanke om content, da vi før havde en del beslutning at tage før vi kunne gå i gang med design. I de næste afsnit, vil vi komme ind på denne analyse

50 / 75

Moodboard Vi var nu enige om vores sweetspot og kunne reflektere kommende arbejdsgange og belutninger generelt i de tre grupper og specifikt i vores sweetspots.

Vi udarbejde hvert vores udgave af et moodboard for at udtrykke hver vores refleksioner.

Udfaldet blev tre vidt forskellige udgaver:v

Henover en god debat og redegørelse for tankerne bag lavede vi et helt fjerde i fællesskab..

Selve stemningen ønskes at illustrere hvordan de rustikke smykker og deres organiske former, kan træde igennem som et designudtryk på hjemmesiden.

Vi fandt frem til at dette kunne blive fuldført ved at bruge rustikke teksturer, som på billedets baggrund med en rå og ubehandlet overflade, samt en træstub der skal signalere organiske former.

Med disse overvejelser og moodboard var vi klar til den videre process i form af udarbejdelse af et wireframe.

51 / 75

Wireframe Som nævnt i afsnittet omkring kampagnens målgruppe var vores målgruppe kvinder i aldergruppen på 35 år og derover

Produktsiden Indeholder informationer omkring genbrugsguld, og nævner problematikken ved guldudvinding.

Denne målgruppe kaldes for digitale immigranter og er typisk kendetegnet ved bl.a. ikke altid at være on-line.

Om dauf og pede Er en kort præsentation af ejerne.

Deraf er det blevet valgt at gøre hjemmesiden mere traditionel navigations mæssigt.

Der er derfor en normal header, som indeholder sidens forskellige undersider. I det kommende afsnit redegør vi for de enkelte sider og tankerne bag! .

Unikum Indeholder selve kampagne sitet, der præsenterer Hella Joof, hvor hun fortæller hvorfor hun foretrækker at købe sine smykker hos dauf og pede.

Kontakt Indeholder simple informationer som adresse, telefonnummer og e mail.

Din ide Indeholder selve virksomhedens koncept i form af at de producerer unikaere og forklarer hvordan, man som kunde, kan komme ned i butikken med deres egen idé til deres smykke og kan få vejledning af dauf og pede.

Logoet Er tiltænkt at føre brugeren til “produkt” siden.

Vi redegør senere for hvordan vor spørgeundersøgelse har redegjort for at målgruppen ikke benytter sig af online shopping når det kommer til erhvervelse af nye smykker.

Af samme grund og den relative høje prisklasse på smykkerne, er det bevidst fravalgt at have en købs funktion på hjemmesiden da det ikke skønnes essentielt for målgruppen.

Der vil senere i rapporten komme en mere uddybende forklaring og begrundelse til det indholdsmæssige indhold på de forskellige undersider.

Med vores wireframe var vi klar til produktion af styletile som kommunikerer og direkte viser delelementerne for hjemmesiden.

52 / 75

Styletile De har behov for en anderledes hjemmeside, der kan afspejle hvem de er som personer og deres håndværk som er mere utraditionelt præget.

Teksturer For at undeerstrege adjektiverne, er der blevet udvalgt teksturer, der emmer af rustikhed og et organisk præg.

Det første vi ser er råt ubehandlet træ, der kan fremhæve begge indtryk.

Adjektiver Indhold af tillægsord ift. hjemmesiden var allerede defineret ned til to konkrete ud fra vores sweetspots - nemlig ”rustik” og ”organisk”.

Vi ønsker at hjemmesiden skal reflekterer dauf og pedes gennerelle stil som værende, helt nede på jorden og hviler i sig selv. Samt udtrykke deres håndværk, som bærer præg af organiske former og rustikke elementer.

Farver Det er valgt ikke at benytte af flade farver, men kun teksturer. Grunden heraf er at teksturer giver et bedre udtryk end hvad flade farver kan.

Selvom det er en populær stil at være minimalistisk når det kommer til hjemmeside design, giver det heller ikke det helt rigtige indtryk af hvem dauf og pede er.

Næste tekstur der bliver benyttet er et metallisk materiale, der er skrammet, bulet og korroderet visse steder.

Formålet er her at understrege den rustikke del af designet.

Tredje tekstur er en del af et element, der skal benyttes på undersiden ”produkter”.

Elementet er en træstub, placeret således at halvdelen af stubben er synlig på siden, hvor der placeres forskellige smykker. Dette element bidrager til en organisk sindsstemning på hjemmesiden.

Disse teksturer vil være vigtige således, at hjemmesiden udviser designmæssigt de tidligere fremfundne sweetspots.

53 / 75

Typografi Der er blevet valgt at benytte to fonts til hjemmesiden, Fairplay Display Regular som er en serif-font og udelukkende bruges til overskrifter på hjemmesiden.

Raleway Light. som er en sans serif-font, og bruges som brødtekst på hjemmesiden.

Af overvejelser til valg af to forskellige fonte er. læsevenligheden prioriteret.

Ved at have to forskellige fonte skabes der kontrast mellem overskrifter og brødteksten. Dette opnås ikke alene størrelsesmæssigt, men ligeledes ved at kombinerer en sans serif font med en serif font.

Derudover er det mere hensigtsmæssigt at bruge en font, som er sans serif. som brødtekst på et web format, da den er mere læsevenlig.

Knapper Med hensyn til navigation på hjemmesiden er det blevet valgt at gøre det designmæssigt enkelt. Der er brugt en header på hjemmesiden, hvor de forskellige navigationspunkter til undersiderne er placeret. Selve headeren består af en tekstur fremfor en farve.

Når selve produktionen af mockups nu igangsættes, bliver disse støttet af styletilet.

54 / 75

Mockup De følgende undersider differentiere sig i forhold til hinanden pga. elementer, der fremgår på disse sider, ulig de andre.

På siden “produkter” er der placeret en række sortimenter på en træstub. Disse er interaktive og ved at klikke på dem bringes en database over nogle af dauf og pedes produkter.

Ved “dauf og pede” står de to ejere stå på hver sin side af browseren, og imellem dem står informationer omkring deres tidligere beskæftigelse.

På “unikum” undersiden står Hella Joof i højre side af browseren, og viser sine nyelige anskaffede smykker frem.

AIDA Paralax effekten hjælper til attention på siden, mens der er menubetegnelse guldet, Dauf og Pede og især Unikum er med til at skabe interesse.

De smukke smykker er et naturligt desire element og endeligt ønsker virksomheden naturligvis at brugeren skal finde vej til butikken og dermed bruge kontakt efter at have fået de tre førnævnte stadier pirret..

55 / 75

Parallax effekt

Database-overvejelser

Før vi havde lavet moodboard og gået i brainstorm-mode, havde vi snakket om at holde os væk fra parallax, og se hvilke plugins, der ellers var på det frie marked. – blot fordi at det var begyndt at komme lidt for meget på tale i alle projekterne. Parallax i sin rene form er en hjemmeside i flere lag, som kan udtrykkes tre-dimentionelt med musen. Dette plugin kan udnyttes på mange måder, hvis man indsætter en ”scroll-effekt” til et one-page. Dette var dog helt udelukket, da vores målgruppe fysisk er kvinder fra 35-100 år og mentalt er kvinder som kan lide at nyde livet offline.

Men tænk engang. Vores gode idé, med at lægge deres guld-produkter på det rå træ – eller rettere sagt en træstub, ændrede vores mening til parallax. Det var meget åbentlyst, at denne plugin ville gøre hele designet mere levende og fyldestgørende. Vi er faktisk slet ikke flove over dette valg i skrivende stund. Med Parallax ser vores produktside nu så levende ud, at det ligner at man selv kan tage fat i deres produkter. Og uden scroll-effekten kan alle være med.

Dog kan det med fordel nævnes at parallax bliver brugt i så små mængder, på hjemmesiden, at det ikke vil overvælde brugeren. Ligeledes er det en fordel med små mængder da det ellers kan blive en anelse tacky, som ikke ses som værende hensigtsmæssigt, da det trods alt er et æstetisk udtryk, der er eftertragtet i slutproduktet.

Vores hjemmeside indeholder tre ting. En side om information, en side om kampagnen og en side om produkterne. Det ville klart være mest passende at placere en database ved produkterne, da det vil give os store muligheder. Vi har alle en stor passion for at shoppe online. Her ved man ikke altid helt præcist hvad man vil have. Man vil nemlig se helheden. Man har dog alligevel nogle præferencer sat på plads. Det kan være pris, type, mærke og materiale.

Med en database kan vi gøre det muligt på vores produktside.

Planen vil dog ikke være en mulighed for køb, men bare en mulighed for at få folk ned i butikken. Derfor vil hvert produkt få et ID, som er defineret ud fra et table ”produkter”, og dermed hedder det et produkt.id. Her vil der være rows, som indikere produktet. Fx: navn, type (ring, armbånd, halskæde mm.), dauf eller pede, tilgængelighed (er den stadig i butikken?), materiale. id.

Man har på denne måde også mulighed for at søge på Daufs og Pedes smykker adskilt, da de oplever at have stamkunder for dem som enkeltperson. På listen ser du også ”materiale.id”. Dette id, kommer fra et andet table, som er forbundet sammen med dette på denne måde. Grunden til at materiale skal have sit eget table, er fordi at de af og til mixer materialerne, så der kan være flere at vælge imellem.

56 / 75

Valg af content Da gruppen valgte hvilket indhold hjemmesiden skulle indeholde, blev der sat fokus på at sweetspots skulle træde igennem.

Unikum Denne underside indeholder en udtalelse af Hella Joof, som efter bedste evner er skrevet af gruppen. Indholdet fremhæver hendes karakter som værende et individ, der forklarer, at alle mennesker er unikke med ar og skønhedsmærker. Derudover opfordrer hun vores læser at være stærke og vise deres unikhed. Dette skal selvfølgelig refererer til Dauf og pede som har muligheden for at facilitere og imødekomme dette behov ved at lave unikaer, der er skræddersyet til den enkeltes ønsker. Så af denne grund er indholdet fremstillet på den omtalte form.

Produkter Undersiden vil indeholde en selektion af dauf go pedes forskellige kreationer. Dog skal den bruges som en inspirationskilde til de besøgende på nettet, og ikke som en webshop. Dette begrundes på baggrund af en spørgeundersøgelse udført af gruppen. Rent visuelt vil denne side understøtte sweetspottet miljø bevidst, der er kommet til udtryk hos målgruppen, Hella Joof og dauf og pede.

Din idé På denne side er der sat fokus på at forklarer dauf og pedes evner ift. at være i stand til at kunne imødekomme målgruppens ønsker og krav, såvel som Hella Joofs behov for at kunne udtrykke sin personlighed gennem sine smykker. Derved kan denne side argumentere for sweetspottet unika.

Guldet Når det kommer til undersiden guldet, er dilemmaet ved guldudvinding sat i spotlyset. Specifikt er situationen i filippinerne udpenslet, for at understrege problematikken.

Yderligere nævner dauf og pede, hvordan de som producenter håndterer dette problem ved udelukkende at benytte sig af genbrugsguld til deres produkter. Ved at informere forbrugeren fordelen ved at bruge genbrugsguld, kan vi ramme endnu et sweetspot, der indebærer en bevidsthed om miljøet. Ligeledes præsenteres der en mulighed for forbrugeren at tage en stilling til problematikken og yderligere bidrage med deres egen støtte i form af at købe smykker fra dauf og pede.

Om dauf og pede En præsentation af Dauf og Pede kan findes på denne side. En portrættering af ejerne, men fungerer ligeledes som en portrættering af deres virksomhed. På baggrund

57 / 75

Billederedigering, fra raw til well done af en virksomheds analyse nævnt tidligere i opgaven, er der blevet fundet frem til en stemning af deres virksomhed. Denne stemning kan beskrives som værende en afslappet atmosfære, men samt en stor passion for deres håndværk. Dette skal fremgå i indholdet for deres præsentation.

Siden her vil fungere som en måde at komme i kontakt med dauf og pede på. Hvor der vil være kontakt informationer i form af location af den fysiske butik, telefon nummer, mail og åbningstider. Så denne side vil udelukkende være informationspræget.

Hella joof Til kampagnen ville vi have et billede med Hella Joof, som viser hendes naturlighed, personlighed og ikke mindst hendes flotte smykker, som passer til dette. Med dette billede vil vi have et citat, som skal være noget om hvordan dauf og pede hjalp på hendes behov. Vi ville have hende til at stå med et grinende ansigt, med en hånd op til ansigtet. Dette var vores rå mockup af denne idé til kampagnesitet:

58 / 75

Landet ligger desværre sådan, at ingen af de tre gruppemedlemmer kender Hella personligt, og derfor ikke kunne spørge hende om den venlige tjeneste, at stå model til dette projekt. Dog har gruppen en ”den som vover, vinder”-attitude, og prøvede alligevel at kontakte vores kendis.

Heldigvis havde vi også en plan B. Hvis dauf og pede kan håndlave deres smykker, så kan vi da også håndlave Hella Joof! Planen var at tage et billede, af et af gruppemedlemmernes svigermor. Hun havde nemlig altid mindet om Hella Joof af personlighed, dog er det desværre det ydre der tæller i denne situation, men med en god selvtillid og tiltro til vores photoshop-evner, gav vi os i kast med denne plan. Vi tog et billede af Doris – tiden var knap, men vejret var lyst.

59 / 75

Og herefter kunne vi med sitrende photoshop-hungrende fingre gå i kast med at forvandle Doris til Hella Joof.

Vi tilføjede kulør vha layer mask, runder øjenbrug, mindre smilehulder, hvidere tænder, bredere næse, nye skuldre (for at have hænderne i eget lag), nye øjne – hella øjne, for et sekund, men vi gik tilbage til de gamle, volumen i håret, rettet på farverne, rettet på skuldrende, givet et halssmykke. Hånden gjort finere og pænere og smykker photoshoppet ind

Resultatet ser således ud på kampagne-siden:

60 / 75

dauf og pede Ligesom Hella, ville vi i undersiden ”dauf og pede” have et halvt hoved af hver af dauf og pede. Den tidlige version af dette så således ud:

Dette var redigeret ud fra et allerede-eksisterende billede af dauf og pede. Dog eksisterede deres skuldre ikke i det eksisterende billede og derfor blev deres skulderbredte vurderet af et skud fra en hofte og optegnet af et grafisk ”clone stamp tool”, som i sin helhed blev til et kejtet resultat. Der måtte gribes til handling ovenpå sådan et dårligt resultat, og det blev der.

Vi tog derfor selv et par billeder af de to fine herre, og havde derefter et meget bedre udkast at arbejde efter.

61 / 75

Interaktion Hele dette interaktions-afsnit vil omhandle problemstillinger i koderne, overvejelser undervejs og refleksioner af fremtiden for koderne der florere i krogene på dauf og pedes nye hjemmeside. Under selve opbygningen af websitet blev der specielt fokuseret på databaser, SQL og plugins og derfor vil der også især blive fokuseret på disse elementer af koden i rapporten. Da Html5 og CSS3 efterhånden er lagret langt ind på langtidshukommelsen, vil rapporten ikke byde på generelle informationer af disse sprog. Dog er det menneskeligt at fejle, og da vi allerede har lovet at beskrive vore problemstillinger med koden, kan HTML5 og CSS3 sagtens opstå i afsnittet. Især CSS3, den stædige teenager. resultatet blev til to flotte mænd i en fantastisk opløsning, der udstråler charme, visdom og professionalitet i en rigtig MythBusters-stil

Opsætning/includes Selvom vores side ikke er et word-press theme, er der stadig god logik i at bruge ”includes” via php. Både kan man komprimere tekst-filerne en smule ned i størrelse i sin store helhed, men vigtigst af alt forsimpler includes hele opsætningen og overblikket af filerne. Hvis du vil ændre på din navbar, kan du med disse includes blot ændre på din html i ”head.php”, i stedet for at ændre nav-baren i hver enkel underside. [1] Af includes har vi tre. Vi har to versioner af headeren og en version af footer; head.php, produkthead.php og foo-

62 / 75

ter.php. Footeren indeholder javascriptkoderne fra vores parallax-plugin, som vi vil komme nærmere ind på.

Grunden til at der er to head-includes, bunder i at nogle sider har behov for at scrolle og nogle sider har et behov for at dette ikke skal være muligt.

Paralax Som fornævnt i rapporten, blev parallax udvalgt til at give vores website-design et lille touch af eksklusivitet.

Valget blev også at benytte os af parallax i sin enkelthed uden store effekter og armbevægelser, men for at vise en god hjemmeside i al sin ydmyghed.

Parallax er et plugin, som vi har hentet fra en anden hjemmeside. Det er derfor ikke os der har kodet det, nærmere forstået, er det en 3.partskode, som vi ikke tør røre ved. Parallax.js er hentet fra: http://matthew.wagerfield.com/parallax/ Dette plugin består af en css-fil ”1140.css” og en js-fil ”parallax.min.js” Selve matematikken i parallax’s 3.partskoder har vi mildest talt ikke sat os særligt meget ind i, men efter at have nærstuderet en youtube-tutorial på 21 minutter[2], sad håndteringen af dette plugin allerede halvt oppe på rygraden.

For at aktivere parallax, smides denne js-kode nederst i

filen: Derefter sender man informationer ud til css-filen ved at

klassificere elementerne i html’en. Det ser således ud: Hvad der gør parallax specielt, er at man arbejder i lag

defineret af afstand, der bliver påvirket af dine bevægelser af musen. Jo ”længere væk” laget er, jo mere vil det flytte sig. Man kan give sit website en 3D-følelse på denne måde.

Du kan selv vælge hvor stor en dybde, dit lag skal have, 63 / 75

ved at ændre på tallet efter ”data-depth”, som der er zoomet ind på her: jo højere tallet er, jo længere væk vil selve laget virke til

at være.

Dette plugin har ift. til sin store indvirkning, ikke forvoldt os store problemer. Der har faktisk kun været et enkelt bump på vejen. Det omhandlede CSS’s z-index. Alle elementer udenfor plug-inets område:<div class=”container12”>, skulle enten placeres bagved eller foran alle elementerne. Der kunne altså ikke placeres noget indimellem. Dette problem blev dog hurtigt løst, ved blot at placere det valgte element inde i <div class=”container12”>, hvorefter man blot kunne definere data-depth til at være lig 0. Dette gjorde vi på selve metal-containeren man ser på de fleste undersider, men blev faktisk hurtigt forelskede i at denne container også skulle bevæge sig, og har derfor nu en lille depth på 0.04, på de pågældende undersider.

Databaser Når man åbner op for mulighed af brugen af databaser, åbner man op for et uendeligt hav af muligheder, hvor det kun er fantasien der sætter grænserne – og niveauet for koderens kunden i backend.

Da vi stadig kun ved en meget lille del af back-end universet, er det fantastisk at vi har muligheden at bruge phpmyadmin som vores database og som sagtens kan dække vores behov. Phpmyadmin er et gratis program, skrevet i PHP og håndtere de MySQL-koder, som vi helst ikke vil fokusere på, når vi laver en database . Med phpmyadmin, kan vi lagrer vores dataer, ændre i dem og slette dem, hvis vi har lyst. Derudover kan vi hente dem ind på vores hjemmeside. Disse data kan ses og udnyttes i utalrige af former og giver mening på den måde, at man kan tilkoble dem til hinanden.

Det hele er opdelt i tables, som katagorisere dit data. På dauf og pedes hjemmeside vil vi i dette tilfælde bruge databasen således, at vores produkter vil være lagret på phpmyadmin. På den måde vil vi kunnet vise smykkerne opdelt i kategorierne; ring, armbånd, halskæde, accessories, øreringe. Derudover kan vi vise beskrivende elementer til hvert smykke, uden at skulle bøvle med en kilometerlang html-kode. Disse elementer består af: et billede af smykket, type, navn, materiale og en beskrivelse.

64 / 75

ER-diagram

Rent visuelt tænker man nok ikke over systematikken, når man kommer som turist til siden, men i virkeligheden er der en større opsætning bag det.

For at undgå redundant data, altså overflødig data, deler vi vores data op i fire tables. Så undgår vi at der kommer flere af samme type. Fx er der 4 forskellige armbånd og 6 forskellige accessories, vil det derfor være nemmere at kun skrive ”accessories” én gang i et table, og udvælge det i et andet. Derfor har vi et table der hedder ”type”, med 5 forskellige dataer, altså ”ring, armbånd, accessories, øreringe og halskæder”. Denne forening af tables, kaldes en ”én-til-mange”, da typen ”ring”, kan have flere smykker koblet til sig, men smykket kan ikke have flere typer. Dvs. et smykke kan ikke hedde både ”ring” og ”halskæde”. For at forene ”type”-tablet og ”produkt”-tab-

65 / 75

let, benyttes der en ”inner join”, som er muligt, hvis du har en primary key i dit table, som vil fungere som et id.

Da ”type” kun har én kulonne, vil det derfor være dets primary key. Ved at gøre ”type”-kolummen under ”produkt”-tabellen til en foreign key, kan man dermed lave denne inner join, ved at ændre dette forhold på relations view.

hvor nøglerne koples sammen i ”product_has_materials”.

Det er også under dette table, at man indikere hvilke materialer smykkerne har.

connection til databasen for at connecte fra hjemmesiden til databasen, skal man have styr på servername, username, password og navnet på databasen . Det kan være en strid process i at få grøn lys om en connection, men når du så er igennem til databasen, kan du benytte dig fuldt ud af den.

Vi har også en ”mange-til-mange” connection mellem to tables. Denne connections håndtering er en smule mere kompliceret. Tabellen hedder ”materials” og er af sin enkelthed af samme struktur som type-tabellen. Der er blot den forskel at smykkerne kan indeholde flere materialer. For igen at undgå redondant data, connectes disse to tables vha. et tredje table ”product_has_materials”, som udelukkende er lavet til denne funktion.

SQL Vores ønske om opsætningen af vist data per produkt var således:

Processen her foregår på samme vis. Bare denne gang

66 / 75

(Det øverste er et billede, som der vil blive beskrevet om længere nede i afsnittet.)

Det ville sige at vi skulle hente data fra alle tables. For at sortere i vore data og for at vise dem på den præcise måde, som vi leder efter, findes der det smarte sprog SQL, som definere de data, som vi ønsker.

Det burde vi ligetil. Vi skal hente et billede, en type, navnet, materialet og beskrivelsen. Det virker da nemt nok.

Men nej, sådan ligger landet desværre bare ikke. Backend har aldrig været ”nemt nok” og ”ligetil”.

Så overvejelserne bag denne SQL kode er. Vi skal hente data fra to tables (da type kan hentes fra produkter, og da ”product_has_materials”, kun connecter ”produkter” og ”materials” sammen), vi vil hente et billede, type, navn, materiale og beskrivelse. Vi vil sortere vores resultater efter dato (nyeste øverst). Vi vil udvælge smykker kun af bestemt type, fx en underside kun med ringe, en underside kun med armbånd osv.

Med SELECTOR vælger vi de tables og kolumner vi pejer data ud fra. SQL-koden ser således ud: SELECT product . * , materials . * Stjernen betyder at vi vil hente alle kolumner fra hver table.

For at indikere hvor helheden af dataerne skal komme fra:

FROM product, materials, product_has_materials For at hente fra en bestemt type hedder det ved fx type=ring: WHERE product.type = 'Ring' For at kombinere primære nøgler med foreign keys, gøres dette via SQL’en således:

AND product.produktId = product_has_materials. produktId

AND materials.navn = product_has_materials. materialNavn for at sortere resultaterne efter dato:

ORDER BY dato DESC

Der er flere faktorer på spil, men lad os starte her.

67 / 75

Dog vil denne SQL-kode ikke helt give os det resultat vi leder efter. Da vi nemlig har snak om en many-to-many kombination, vil udfaldet være at det samme smykke kan blive udskrevet flere gange. Én gang for hvert materiale og materialerne vil nu flytte sig ind, så der står flere data i én kulomne i ét row.

For at undgå dette og kun få hvert produkt nævnt én gang, skal man bruge metoden ”GROUP_CONCAT”, hvor man smider alle materialerne ind på et og samme row, som en gruppe . Derfor vil SQL-koden nu se således ud:

kunsten er at loope content ud for at vise vores data på websitet, skal vi bruge php. Da vores de rows vi skal bruge har VARCHAR som type, kan vi blot udskrive det således:

68 / 75

Så simpelt er det. Derefter kan det styles i css.

validering

Måden vi looper billedet ud på er lidt på samme måde, billedet ikke ligger i databasen, men i fil-mappen ”/ images/produkter”. Grunden til at det ikke ligger i databasen, er at det generelt er en frarådet metode, da det fylder for meget.

Derfor laver man et ”path”, som egentligt bare betyder, at databasen har en kulomne med ”img”, men at dette blot indeholder navnet på billedet. Og derefter kan man igennem php-en, finde billedet på denne vis:

CSS Validering af css’en var let som en leg. Den gik igennem på første huk. Sådan!

utf-8 vores contet fra databasen kunne ikke udskrive æ, ø og å. Databasen var sat op til utf-8, så denne omskrivning af bogstaverne til store spørgsmålstegn, skete ikke fra databasen. Det skete heller ikke fra vores HTML-dokument. Derimod skete det fra selve php’en der udskrev vores content. For at rette op på dette udskrev vi denne kode:

HTML da vi havde glemt alt-tags på billeder tog denne process lige et par minutter længere. Og dette var stort set vores eneste problem. Det eneste der nu ligger tilbage på hver eneste side, er dette error:

Hvis man læser fejlen godt igennem, kan man se, at vi allerede opfylder deres krav. Derfor kan vi ikke rette fejlen. Koden var for resten en del af vores 3. parts parallax-plugin og derfor vælger vi at beholde den, for at være på den sikre side.

som er hentet fra denne side: http://php.net/manual/en/mysqli. set-charset.php

69 / 75

Fremtidsvisioner Hvis vi havde mere tid på hånden, ville det klart være nødvendigt at give hjemmesiden en ordentlig omgang SEO optimering. På stående fod, er det eneste SEO orienterede element på siden en meta-description og den gør ikke store underværker, da alle siderne deler om deres header. Det vil derfor være nødvendigt at at lave en include for headeren, som ville stoppe før </ head> ville skrives. Dermed ville man kunne skrive en meta-beskrivelse af hver underside, som dermed ville fremme den gode seo, og være lokkemad til googles kyniske søgerobotter. Generelt set kunne man få langt mere ud af includes end der bliver benyttet sig af. For bedre SEO ville det være vigtigt også at give semantikken et kig. En selvfølge og størst af alt, ville det være super gavnligt at fjerne den solide stopklods, som vi har placeret i headeren:

Der ville også være et include til navigationsbaren og første halvdel af parallax, som indgår på alle sider.

Hvis der var mere tid på hånden, ville et CMS-system til en admin-side være oplagt. Herfra skulle det være muligt for dauf og pede, selv at lægge deres produkter direkte ind i databasen, uden at skulle logge ind på phpmyadmin. Det ville være mere let og overskueligt på den måde. Det skulle foregå således, at de havde muligheden for at skrive navn og beskrivelse, definere type og materialer. Alt dette vil placere sig ind på det table, det passer til. Herfra ville det også være muligt for dem at lægge et billede ind. En php-aktion, vil derfra tage filen og lægge ind under ”images/produkter” og navnet på filen og lægger ind under ”billede”-kolumnen.

Når man åbner op for et CMS system der går direkte til en database, skal man have en hel masse overvejelser om sikkerhed, og det vil derfor være nødvendigt at sætte sig ekstra ind i dette, så en tilfældig forbipasserende, ikke kan hacke sig ind og ”delete all tables”.

Grunden til dette er, at man fra websitet vil have et direkte tekstfelt ind til din php, som har en direkte tilgang

70 / 75

ind til din database. Derfor ville det være let for alle at bruge dette som en port, til at enten fjerne alt i databasen, eller at hente information ned selv. Inde i php’koden vil det være mellem to ’-er (altså apostroffer), at brugeren skal skrive en tekst. Hvis man så derfor, skulle skrive et apostrof, ville man allerede der ikke længere skrive inde i denne box, men skrive direkte ind i php-systemet.

Det kan ske ved et tilfælde, ved at fx skrive Mormor’s gamle guld. Måden at undgå dette på er ved at sætte et ” \” foran dette ’. Dette gør man ved at tilføje koden lidt ekstra php, sådan her: <?php $svar = ”mormor’s gamle guld”; // Outputs: mormor\’s gamle guld echo addshashes($svar); ?> Til sidst ville det være nødvendigt at gøre siden responsive. Hjemmesiden fungerer nogenlunde til skærmstørrelser på 1280-800px og over. Alt under dette, er et lettere kaos.

71 / 75

Usabillitytest I fællesskab lavede vi en brainstorm på egnet indhold til en usability test med henblik på at afdække flest mulige elementer til reflektion på en tænkt videre proces med hjemmesiden, version 1.1 På baggrund af dette opstillede vi følgende relevante spørgescenarier til testen.

Kort præsentation af formålet med testen og personinformationer af testpersonen.

Generelt Hvordan er dit medieforbrug - hvor meget er du ca. på nettet dagligt?

Hvordan navigerer du når du er på en hjemmeside?

Bruger du musen eller klikker du for at komme til den næste side (one page) Gangster test hvilken association får du når du ser denne side! prøv at nævne tre udtryk som beskriver hvordan du opfatter siden!

Kan du genkende personen i højre side hvilken type virksomhed tror du det drejer sig om? når du ser på menuerne - hvad tænker du så er indholdet på dem(uden at trykke)?

Se på logoet – hvad føler du når du ser det?

Hvad synes du det ligner?

Usability test tror du at du ville læse teksten og få interesse til at se mere på siden, hvis du ikke var i en testsituation Prøv at finde frem til et bestemt smykke fra siden - sig hvilket du går efter og hvilke tanker du gør dig i processen!

Kan du gå ned og købe disse (ringe) i butikken?

Prøv at finde frem til virksomhedens adresse - ved du hvor det er henne?

Prøv at finde frem til virksomhedens holdning til genbrugsguld Afrunding Hvad tænker du på når du hører ordet ”unikum”?

Er du selv glad for smykker?

Har du et yndlingssmykke og hvorfor?

Hvor handler du typisk smykker? Via hjemmeside eller i butikken?

Appelerer siden til dig og kunne du forestille dig at handle i virksomheden?

Hvordan vil du vurdere din oplevelse på siden?

Er der noget du mangler eller har du kommentarer, forslag eller bemærkninger

72 / 75

Evaluering Vi har gennemført to test og på baggrund af disse har vi indledningsvist evalueret på at hjemmesidens udseende reflekterer virksomhedstypen og stilklassen fyldestgørende.

Positive feed backs Navigationen er brugervenlig Smykkerne på hånden fanger testpersonernes opmærksom øjeblikkeligt.

Den henvender sig tydeligvis til kvinder.

Siden er overskuelig.

Menuerne reflekteret indholdet Billederne var appelerende for testpersonerne Siden er stilren Navnet er tiltalende Logoet reflekterer en ring som tiltænkt Siden med kontakt var tydelig

Armbåndene var ikke appelerende Stavefejl i genbrug Ved videre arbejde med siden skulle forholdene noteres, reflekteres og evalueres og suppleres med yderligere test for eventuelle justeringer.

De komplette interviews er vedlagt som lydfiler i bilagsmaterialet!

Negative feed backs Genbrug af guld kunne med fordel reflektere til Kampagnenavn og virksomhedsnavn var tvetydig.

Teksten er for dominerende hos den ene testpersonen Søgeord er vigtige idet nysgerrigheden ikke er vagt Den ene testperson fejlede på et tidspunkt i navigationen

73 / 75

Perspektivering Auktion til godt formål Med Hella Joof som repræsentant og ambassadør for virksomheden villle det være oplagt at arbejde hen imod en form for velgørende aktion af et smykke til et godt formål.

Hella Joof er før set i denne rolle og selvom det naturligvis vil koste materialet til produktion af smykket, vil en sådan kampagne kunne afstedkomme ikke uvæsentlig reklame.

Såfremt det er muligt kan auktioner medføre et udvidet samarbejde med en sortimentslinie eksempelvis navngivet Joof`s jewels Et sådan tiltag svarer til trin 5 på værditrappe hvor såvel Dauf og Pede, Hella Joof og køberen vil gøre noget for en fælles sag.

Alternative TV spot Vi arbejde på yderligere to udkast til TV spots.

-Den ene med et tema omkring humor og indre unikness hvor der ønskedes at portrættere skæve personligheder med synlige fejl, skæve tænder, kraftig overvægtig,, nudister og ældre samt folk med handikap.

Underspeak med Hella Joof om ”indre skønhed” og at elske sg selv - afsluttende med speak: ”Du er unik”..........”det er vi også” Unikum af Dauf og Pede!

Den anden med tema om livsrejsen fra barnedåb til begravelse. Portrætterende hvordan smykker er med til de festlige lejligheder og går i arv med omsmeltning.

Punchline kunne eventuelt være: Diamanter er for evigt .....ligesom minder.! Dauf og Pede gyldne øjeblikke til genbrug.

74 / 75

Konklusion Med anvendelse af grundig research, passende praktiske værktøjer og nøje velovervejede refleksioner på indholdselementer samt en konstant kritisk evaluering af vores output i processen, har vi formået at tilpasse en reklamekampagne henvendt til en optimal målgruppe for guldsmedeforretningen Dauf og Pede.

Vi har konstant forhold os til det fælles værdigrundlag for virksomheden, målgruppen og den, nøje udvalgte kendis, Hella Joof, som en repræsentativ og pålidelig personlighed der tilføjer kampagnen troværdighed og ekstra værdi og tilføjer et kunder-/relations budskab om at være unik.

75 / 75