4. semester exam project. CPH Business Academy Lyngby. Nanna Bak Eliassen & Sebastian Frank

Transkript

1 4. semester exam project CPH Business Academy Lyngby Nanna Bak Eliassen & Sebastian Frank 1

2 Fact sheet 2017, 4. semester exam project Website: Total antal anslag med mellemrum: Nanna Bak Eliassen Sebastian Frank Links til portfolier Klasse MulB2015 CPH Business Academy Lyngby Vejleder Jesper Hinchely 2

3 Indholdsfortegnelse Projektbeskrivelse 5 Beskrivelse af problemstilling 5 Arbejdsspørgsmål 6 Problemformulering 6 Afgrænsning 6 Metoder, teknikker og værktøjer 7 Projektplanlægning 7 Virksomhedsanalyser 9 Risikoanalyse 9 SWOT-analyse 10 TOWS-analyse 13 Markedsanalyse 14 Konkurrentanalyse 14 Konkurrencemæssig position 14 Porters five forces 15 Porters generiske strategier 17 Minerva Modellen 19 Persona 20 Push/Pull marketing 23 Lasswells kommunikationsmodel 23 AIDA modellen 25 Udvikling af designet 27 Mockups 30 Design brief 30 Designmanual 31 Den tekniske udvikling 35 Fully Dressed Usecases 35 Wordpress 38 3

4 Beskrivelse af funktionalitet 38 SEO 40 Nyhedsbrev 41 Usertest af mariesideer.dk 42 Begrænsninger og konsekvenser 44 Refleksion og konklusion 45 Referencer 47 4

5 Projektbeskrivelse Til dette projekt har vi fået valget mellem at starte vores egen virksomhed eller at samarbejde med en allerede eksisterende virksomhed. Da vi allerede har prøvet det at skabe vores egen virksomhed, ville vi hellere samarbejde med en virksomhed, da vi mener at det vil skabe størst værdi i forhold til vores uddannelse som multimediedesignere. Vi vurderer at vi i dette samarbejde med virksomheden, får mulighed for at opleve, hvordan man arbejder som færdiguddannet multimediedesigner. Aller Media er et moderne innovativt mediehus, der siden 1873 har leveret ugeblade og magasiner til de danske hjem. 1 Aller Media har et stort udvalg af ugeblade og magasiner, herunder Billede-Bladet, Se & Hør, Elle, IN og Maries ideer. Efter endt praktikperiode hos Aller Media, og derfor et indgående kendskab til virksomheden og dens udfordringer, blev det klart for os, at ved at samarbejde med Aller Media og ikke mindst Maries ideer, ville vi kunne skabe et godt produkt med stor værdi for alle parter. Maries ideer er et kreativt univers om håndarbejde og hygge. Her kan man finde inspiration til strik, hækling, syning og andet gør-det-selv stof i feminin og moderne stil. Maries ideer fungerer både som et magasin som udkommer hver anden måned og som et onlineunivers, hvor det er muligt at blive inspireret til det næste kreative projekt. 2 Valget er faldet på netop Maries ideer, da der er store udfordringer og mangler ved sitet, men ikke nok ressourcer i virksomheden, til at få løst disse problemer. Derfor så vi det som en god mulighed for at få en masse ansvar samt spændende arbejdsopgaver. Beskrivelse af problemstilling Problemet med Maries ideer er at der ikke er nok interaktion fra læserne på sitet, og dette skyldes at fokusset, opsætningen og designet af sitet, ikke går i tråd med det indhold og de opslag som redaktionen leverer. Derudover formår Maries ideer slet ikke at udnytte de sociale medier til at skabe trafik og opmærksomhed på sitet. Vores primære opgave vil 1 Nannas praktikrapport 2 5

6 derfor være at løfte trafikken og dermed forretningen for Maries ideer i form af salg af opskrifter og abonnementer. Arbejdsspørgsmål Hvilke personaer vil være relevant at fokusere på, i forhold til kommunikation og konvertering på sitet? Hvordan designer vi sitet så det højner brugervenligheden og øger konverteringen så det understøtter indholdsprofilen? Hvordan kan vi optimere sitet på de relevante kanaler så som sociale medier, google og nyhedsbreve? Problemformulering Hvordan får vi løftet trafikken og dermed forretningen for Maries ideer i form af salg af magasiner, abonnementer samt opskrifter digitalt? Afgrænsning Til udarbejdelsen af Maries ideers website vil vi gøre brug af Wordpress, da dette vil effektivisere processen og vores tid, således at vi kan lægge mere vægt og fokus på brugervenligheden, kommunikationen til målgruppen samt konverteringen af salg af abonnementer og opskrifter. Alternativet var at kode hele hjemmesiden fra bunden af og dermed bruge alt for lang tid på dette. Desuden er Maries ideers oprindelige site udarbejdet i Wordpress, så det ville ikke give mening at ændre ved dette. Derudover vil det også være muligt for Maries ideer selv at vedligeholde websitet efterfølgende. I udarbejdelsen af sitet har vi valgt ikke at gå dybere ind i indholdsdelen i forhold til artikler og brugen af billeder. Når det så er sagt, vil vi stadig tage stilling til, hvad der kan gøres vi mener dog ikke, at det har relevans for uddannelsen, at sidde og skrive artiklerne for de journalister som er ansat på magasinet. 6

7 Vi har dog alligevel valgt at style websitets to første artikler, for at give en lille idé om, hvordan resten af artiklerne ville være opbygget. Det gælder artiklerne Abonnement og Kjole til de mindste. Hver artikel skal enten have hele opskrifter eller links til opskriften eller produktet som artiklen omhandler. Websitet og dets artikler har til formål at inspirere læseren til nye kreative projekter. Vi antager også at Maries ideer har ressourcer nok til at vedligeholde de implementeringer og forbedringer, som vi gør på sitet. Metoder, teknikker og værktøjer I vores udarbejdelse af produktet, vil vi gøre brug af prototyping 3, for hele tiden at kunne teste designet, kommunikationen samt de fokusområder vi vil dække. For at skabe den bedst mulige kommunikation, vil vi gøre brug af de mest relevante analysemodeller såsom segmentering, Lasswells kommunikationsmodel og AIDA modellen. Derudover vil vi udarbejde en spørgeskemaundersøgelse og bruge den eksisterende data, som allerede er indsamlet på mariesideer.dk. Projektplanlægning Vi har udarbejdet en arbejdsplan i en WBS og et Ganttkort, som skal skabe et overblik over de arbejdsopgaver vi støder på i løbet af projektet. Dette kan ses nedenfor

8 8

9 Virksomhedsanalyser Risikoanalyse Som virksomhed kan det være en rigtig god idé at udarbejde en såkaldt risikoanalyse 4 for at vurdere, hvilke risici der er ved en virksomheds koncept, eller bare generelt, hvad der kan påvirke virksomheden negativt. 1=lille 3=middel 5=stor Hvis sandsynlighed X konsekvens er lig eller over 9 = indsatsområde. Hvad kan gå galt? Lav efterspørgsel/ kunderne vælger konkurrenterne Nye og tilsvarende konkurrenter Sandsynlighed (1,3 eller 5) Konsekvens (1, 3 eller 5) Sandsynlighed X Konsekvens Forebyggende handling Bruge ressourcer på markedsføring og dermed opmærksomhed på virksomheden og dens produkter Stil efter at blive en stor spiller på markedet, således at mulige konkurrenter ikke tør nærme sig. Et stærkt 4 9

10 brand skabes ved at levere et godt produkt samt at gøre brug af de sociale medier. SWOT-analyse I vores bestræbelser på at forbedre Maries ideer som virksomhed og som produkt, har vi udarbejdet en SWOT-analyse 5. En sådan analyse består af nogle interne og eksterne forhold, som til sammen giver et godt billede af, hvordan virksomheden står, og hvad der skal forbedres. Ved de interne forhold, vurderes virksomhedens styrker og svagheder. Dvs. virksomhedens ressourcer eller manglende på samme. Ved de eksterne forhold vurderes omverden dvs. kunder, konkurrenter, samfundsforhold osv. En af Maries ideers helt store styrker er de sociale medier. Eller rettere sagt antallet af fans, likes eller følgere. Alene på Facebook har Maries ideer i skrivende stund knapt

11 likes, hvilket er ganske mange for et relativt lille marked. Maries ideer har derfor rig mulighed for at nå ud til en stor del af målgruppen, uden at skulle bryde budgettet på markedsføring, herunder sponsorerede opslag. En anden styrke Maries ideer har, er selve produktet samt den tilhørende målgruppe. Da Maries ideer er et nicheprodukt, med stor fokus på håndarbejde og intet andet, får den passionerede kunde præcis det de søger, og ikke alle mulige reklamer og andet irrelevant. Netop det faktum, at produktets målgruppe er så passioneret, betyder også at Maries ideer vil kunne tillade sig at spille lidt højt spil da kunderne går så højt op i faget. Dvs. at Maries ideer ville kunne eksperimentere med nye vinkler og opskrifter. Man ville sågar kunne regulere prisen en smule, uden at miste kunder, da kunderne er så knyttede til produktet. Aller Media er som sagt den førende udgiver af magasiner og ugeblade i norden, og læses af ca. 2 millioner danskere hver uge. Aller Media er altså en god og anderkendt virksomhed, som blandt andet laver Maries ideer. Og netop det faktum, at det er en så stor og anderkendt virksomhed, som laver Maries ideer, og ikke en eller anden ukendt virksomhed, betyder også, at folk vil have tillid til produktet. Man ved at det er et magasin og et brand der lever op til en hvis standard, for ellers var det ikke blevet godkendt og sendt ud til læserne. En af Maries ideers helt store styrker var som sagt antallet af følgere på de sociale medier. Lige så stor en styrke det er, lige så stor en svaghed er det, at de ikke kan finde ud af at udnytte dette. Maries ideer formår ikke at skabe det nødvendige samspil og indhold, som skal til for at opretholde interessen for hjemmesiden. Lykkedes det så alligevel at lokke folk til websitet, bliver de hurtigt skræmt væk igen grundet dårlige og tunge billeder og mangelfuldt indhold. Tal fra Google Analytics viser at over halvdelen af alle besøgende på Maries ideers website kun er inde på websitet imellem 0 og 10 sekunder. Da målgruppen aldrig rigtig kommer ind på hjemmesiden, er det svært at sælge abonnementer og opskrifter, hvilket er måden Maries ideer tjener deres penge og overlever på. 11

12 Da der ikke er større fokus på konverteringer og salg af opskrifter og abonnementer, sidder man lidt med den følelse, at websitet Maries ideer er uden ambitioner om at tjene penge. Man har snarere stillet sig tilfreds med situationen om at være på markedet og at have de kunder de nu har. Man er ikke sulten efter at skaffe flere kunder og tjene flere penge, og det er en helt klar svaghed for enhver virksomhed. Som sagt er der også nogle eksterne forhold, som virksomheden skal forholde sig til, dette gælder virksomhedens muligheder og trusler. De er ikke til at ændre på - virksomheden kan derfor enten vælge at udnytte dem, eller lade dem være, med den risiko det kan medbringe. En af de muligheder der er for Maries ideer, er at markedet i øjeblikket er voksende. Folk får større fokus på mindfulness, afstres og velvære 6 hvilket de får tilfredsstillet ved at udfolde deres kreative evner og fordybe sig i projekter. Ligeledes er behovet for at blive set, hørt og bekræftet stærkt stigende specielt med sociale medier som Instagram, Pinterest, Facebook og Snapchat, hvor der nærmest er konkurrence om at få flest likes og følgere. Der er derfor rig mulighed for Maries ideer, at udnytte denne situation ved at få større fokus på de sociale medier, samarbejde med forskellige kreative bloggere og forfattere. Et sådant samarbejde kan være med til at brande Maries ideer i de rette omgivelser og dermed blandt virksomhedens målgruppe. Ved at skabe disse samarbejder med forskellige bloggere og forfattere, vil Maries ideer komme en af deres svagheder til liv, da man kan samarbejde om indholdet til hjemmesiden. For Maries ideer er der også en del trusler, da markedet er let tilgængeligt for nye indtrængere. Både andre virksomheder og privatpersoner kan med meget simple midler starte kreative blogs og foraer. En ting er at disse nye indtrængere kan tilbyde lignende produkter som Maries ideer en anden ting er at det nødvendigvis ikke er en forretning for dem, og derfor både laver og tilbyder deres opskrifter gratis, modsat Maries ideer. En anden trussel er globaliseringen og digitaliseringen som har den effekt på markedet, at folk har for travlt og at det derfor er nemmere at købe sig til alt, fremfor at lave det selv. Skulle folk have behovet for at koble fra, tager man ikke strikkepindene frem, men ipad en eller tv et

13 TOWS-analyse Som et led i analysen af Marie ideer som virksomhed og som produkt, har vi også lavet en TOWS-analyse 7, som er en videreudvikling af en SWOT-analyse, hvor man som virksomhed tvinges til at videreudvikle på det man nåede frem til i SWOT-analysen. Dette gøres ved at kombinere de interne forhold og de eksterne forhold. Virksomheden kan dermed finde frem til hvor og hvordan de kan forbedre sig. Ved at kombinere Maries ideers styrker og muligheder, når vi frem til at Maries ideer skal målrette markedsføringen på de sociale medier, så indholdet har større fokus på mindfulness, afstres og velvære. Dette kan hjælpe virksomheden til at fange en ny del af segmentet, som endnu ikke er en del af håndarbejdsuniverset. Et andet tiltag, Maries ideer kunne gøre, er at udnytte det faktum, at Maries ideer er en del af Aller Media, og via dette, skabe et samarbejde med andre bloggere, da dette vil skabe fokus på begge parters forretninger. Kombinerer vi styrker og trusler, når vi frem til at Maries ideer skal sætte fokus på markedsføring via de sociale medier, så forbrugerne vælger netop Maries ideer, og ikke tilsvarende produkter eller nye indtrængende. Derudover skal Maries ideer udnytte digitaliseringen og alle de muligheder den medbringer

14 Ved at samarbejde med bloggere som oftest har stor fokus på indhold og billeder, ville Maries ideer virkelig kunne komme en af dens helt store svagheder til livs. Dette samarbejde vil ligeledes skabe en del opmærksomhed for begge parter. Maries ideer vil derfor blive brandet blandt bloggerens læsere. Maries ideer skal sørge for at følge med de udviklinger der sker på de sociale medier, så Maries ideer ikke bliver overhalet af både konkurrenterne og af digitaliseringen. Markedsanalyse Konkurrentanalyse Som det gør sig gældende i så mange andre brancher, så er Maries ideer på ingen måde et must-have produkt for forbrugerne og det bliver det heller aldrig. Maries ideer er som sagt et univers og et website, hvis formål er at inspirere brugerne til at udfolde deres kreativitet i form af håndarbejde og andre kreative projekter. Og dette er jo på ingen måde et livsvigtigt produkt. Men det kan være et nice-to-have produkt, især for de mange kreative og passionerede mulige forbrugere der sidder ude i de danske stuer, daginstitutioner osv. Maries ideer er dog langt fra den eneste om buddet, i forhold til at tilbyde inspiration til kreative ideer. Der findes en lang række forskellige bloggere som alle inspirerer med gode idéer og opskrifter. Ligeledes er der både andre magasiner og andre websites der tilbyder den samme inspiration. Konkurrenterne kan derfor både være store magasiner og ganske almindelige mennesker med en passion for håndarbejde og med en hjemmeside eller blog. Listen over konkurrenter kan derfor være uendelig lang. Konkurrencemæssig position Maries ideers konkurrencemæssige position 8 er markedsniche, da virksomheden ønsker at betjene en snæver målgruppe, med specialiserede produkter og tjenesteydelser. Maries ideer er meget kundeorienterede, da fokusset i høj grad ligger på kundernes behov

15 Porters five forces Til at vurdere og analysere konkurrencesituationen i håndarbejds-inspirations-branchen, kan man gøre brug af Porters five forces 9, da den kan afdække, hvor attraktiv branchen er, eller hvor stærkt en virksomhed står i branchen. Som navnet indikerer, består Porters five forces af fem elementer, hvor fire af dem ligger placeret rundt om det femte element, konkurrencesituationen i branchen. De fire andre elementer, leverandører, potentielle indtrængende, kunder og substituerende produkter, giver tilsammen et godt billede af konkurrencesituationens karakter. Leverandører Maries ideer er i høj grad afhængige af leverandører, da ingen leverandører betyder intet indhold til hverken magasinet eller hjemmesiden. Maries ideer har journalister til at skrive de enkelte artikler, så uden dem, var der ikke noget indhold at blive inspireret af. Desuden er Maries ideer også afhængig af leverandører som andre inspirationssider og kilder som er dem der i første omgang udformer opskrifterne og dermed indholdet, som i sidste ende kan bruges af Maries ideer

16 Kunder For enhver virksomhed er kunderne ekstremt vigtige. For ingen kunder, betyder ingen omsætning, som så igen vil betyde at virksomheden ikke ville kunne løbe rundt. Men for lige netop Maries ideer som webshop, er kunderne ikke altafgørende, da Maries ideer fungerer som en slags ekstra bonus for kunderne som køber magasinet. Maries ideer vil med meget få midler kunne skabe en større omsætning ved at nå ud til flere kunder, ved blot at udnytte deres hjemmeside og mange følgere. De skal blot fokusere på det og gøre det mere interessant for kunden. Det lader ikke til at være fokusset på nuværende tidspunkt. Potentielle indtrængende Da virksomhedens konkurrenter ikke kun er andre virksomheder, men også private som starter deres egne blogs, hvilket bliver mere og mere populært, vurderer vi at truslen fra nye indtrængende konkurrenter vil være meget konstant. Det er et marked der er i rivende udvikling og på vej frem, efter at have været gemt lidt væk i flere år. Dette faktum gør selvfølgelig også markedet ekstra attraktivt. Det er derfor ekstremt vigtigt for Maries ideer, at markedsføre sit produkt ordentligt således at konkurrenterne ikke stjæler de potentielle kunder. Maries ideer har virkelig mange konkurrenter, så de potentielle kunder skal ikke lede længe, før de finder alternative steder at blive inspireret. Substituerende produkter Substituerende produkter er produkter der efter kundernes opfattelse kan erstatte produktet. I og med at Maries ideer yder en form for service ved at inspirere folk til at lave forskelligt håndarbejde, skal disse substituerende produkter yde den tilsvarende service. Nemlig at inspirere. Her viser vores spørgeskemaundersøgelse, at sociale medier såsom Pinterest, Instagram og Facebook er gode bud på at blive inspireret på både til håndarbejde, men i den grad også til alt muligt andet. Der skal ikke meget til før man går fra at kigge på inspiration til håndarbejde til at kigge på boligindretning eller forskellige haveprojekter. Ligeledes kan forskellige blogs nævnes som substituerende produkter, da mange af disse også er til for at inspirere og give gode idéer. Om det så er om 16

17 håndarbejde, mode eller noget helt tredje. Som tidligere nævnt, kræver det ikke ret meget at starte en blog eller en Pinterest, så der er rigeligt med inspiration at vælge imellem. Som man kan se i ovenstående figur er konkurrencen i håndarbejde-inspirations-branchen relativt høj. Dette skyldes at det er et nemt marked at komme ind på takket være digitaliseringen og de sociale mediers betydning i hverdagen. Markedet er også meget attraktivt, da det er et marked der er på vej frem igen, efter at have været gemt væk i flere år. At markedet er på vej frem, gør som sagt at markedet er attraktivt, og er samtidig også grunden til at konkurrencen er så relativt høj som den er. Porters five forces er selvfølelig en af mange måder at analysere og vurdere konkurrencesituationen i en given branche på. Value Net Model 10 er en anden model, som kan benyttes til at vurdere og analysere konkurrencesituationen og minder på mange måder om Porters five forces, da der både er fokus på kunder, leverandører, substituerende produkter og konkurrenter. Dog adskiller Value Net Model sig fra Porters five forces, ved at se konkurrenterne som mulige samarbejdspartnere. Dette giver et helt andet syn på konkurrencesituationen da man ikke afskrækkes ved tanken om at der er rigtig mange spillere på markedet, men snarere ser det som gode muligheder for at få bredt sit produkt ud til kunderne. Markedet er så nemt at komme ind på, at alle spillerne har interesse i at hjælpe hinanden og dermed sig selv med at komme ud til kunderne. Porters generiske strategier Porters generiske strategier 11 omfatter fire konkurrencestrategier og skal ses som en fortsættelse på Porters five forces. Modellen beskriver, hvordan virksomheden overordnet kan konkurrere med de andre udbydere på markedet. Ifølge Michael Porter skal man som virksomhed vælge en af de fire konkurrencestrategier, hvis man ønsker succes. Konkurrencestrategien opdeles på baggrund af to valg. Vil virksomheden satse på lave omkostninger eller unikke produkter, og vil virksomheden satse på hele markedet eller et bestemt markedssegment. Når man kombinerer disse to valgmuligheder, ender man med

18 fire konkurrencestrategier, kaldet omkostningsleder, differentiering, omkostningsfokus og fokuseret differentiering. I forhold til Maries ideer, kan vi stille os selv spørgsmålet om hvorvidt vi vil satse på lave omkostninger eller unikke produkter. Da Maries ideer er et nicheprodukt, hvor fokusset er på produktet, og ikke omkostninger, mener vi at det er en konkurrencemæssig fordel for Maries ideer, at fokusere på det der i Porters generiske strategi, hedder Unikt produkt. Dernæst kan vi spørge os selv, hvorvidt vi vil fokusere på hele markedet eller blot et bestemt markedssegment. Maries ideer er absolut ikke et produkt for alle. Maries ideer er som sagt et nicheprodukt som henvender sig til en lille og passioneret målgruppe, med stor interesse for håndarbejde. Men da markedet for håndarbejde er ret lille, svarer denne lille og passionerede målgruppe til hele markedet. Maries ideer fokuserer derfor på hele markedet, og ikke et bestemt marked. Tager vi udgangspunkt i disse to valg unikt produkt, og hele markedet, når vi frem til den konklusion, at Maries ideer skal benytte differentiering som konkurrencestrategi, da man ved differentiering forsøger at tillægge sit produkt lidt ekstra værdi i kundernes øjne. Produktet bliver unikt i forhold til konkurrenternes produkter, og Maries ideer vil bestræbe sig på at minimere kundernes opmærksomhed på prisen, som formentlig vil være højere end konkurrenternes. Ved differentiering har kunderne ofte visse præferencer for et produkt, hvilket betyder at prisen 18

19 ikke nødvendigvis er den eneste konkurrenceparameter. Differentieringen kan skyldes produktets design, image, kundeservice, eller noget helt fjerde. Formår Maries ideer at anvende konkurrencestrategien differentiering rigtigt, ved at få en stor markedsandel, relativ høj pris for produktet samt relativt lave omkostninger, er der mange penge at hente. Segmentering Segmentering 12 er en utrolig vigtig proces i forbindelse med udarbejdelsen af en succesfuld virksomhed eller et succesfuldt produkt. Den helt rette segmentering kan i sidste ende være forskellen på, hvorvidt produktet ender med at være en succes eller en fiasko. Segmentering betyder ganske enkelt at opdele markedet i homogene segmenter og har man styr på dette, har et konkret billede af, hvem målgruppen er, har man også et konkret billede af, hvilke karakteristika, handlemønstre og dermed også et billede af, hvor og hvordan man skal lægge sit fokus i forhold til kommunikationen til denne målgruppe. Aller Medias egen definition af Maries ideers målgruppe lyder Maries ideer er for kvinder, der elsker at sy, strikke, hækle og indrette deres hjem personligt med gør-det-selv dekoration. Kort sagt, kreative kvinder i alle aldre. 13 En ganske okay definition af deres målgruppe dog en smule bred. Minerva Modellen Alternativet havde været at benytte Minerva Modellen 14 som inddeler markedet i en række segmenter ud fra psykografiske kriterier. Tager vi udgangspunkt i det rosa segment i Minerva modellen, er der tale om et segment med stor overvægt af kvinder, i en alder over 50 år. Segmentet har en lav indkomst og vil ofte være bosat i små byer. I det rosa segment er familien og traditioner i højsædet. Det er her de føler sig trygge. Ligeledes er

20 små projekter som bagning, håndarbejde og andre kreative idéer en stor del af det rosa segments hverdag. Persona Med Minerva Modellen har vi skabt et overordnet billede af hvem Maries ideers målgruppe er. Vi ønsker dog et endnu mere konkret billede af, hvem vi helt præcist vil kommunikere ud til. Et glimrende og langt mere fyldestgørende værktøj, til at få sat ansigt på målgruppen, er at udarbejde en såkaldt persona 15, som går ud på at segmentere ud fra en række demografiske og psykografiske forhold såsom køn, alder, geografi, indkomst, interesser, værdier osv. Med netop en persona formår vi ikke blot at nævne typen, vi formår rent faktisk at sætte ansigt på produktets ideelle målgruppe. Har vi et konkret billede af, hvem vi kommunikerer ud til, kender vi også til denne persons handlemønstre og dermed ved vi, hvordan vi skal nå ud til denne person. I udarbejdelsen af en persona, skal man til at starte med, finde ud af, hvilke type mennesker der er vigtigst for virksomheden, at få fat på, samt hvilke fællestræk de har. Med Aller Medias definition af målgruppen, samt det rosa segment i minervamodellen i baghovedet, vil vi definere vores persona som værende en kvinde i alderen 51 år. Hun er gift og har 2 voksne børn samt en efternøler som stadig bor hjemme. Til dagligt arbejder hun som pædagog i en fritidsklub og hun sætter stor pris på have et job hvor hun kan gøre en forskel og præge de unge i den rigtige retning. Vores persona interesserer sig for håndarbejde og andre kreative projekter. Disse benytter hun sig i høj grad af i sit arbejde som pædagog, da hun forsøger at fastholde nogle af de gode gamle traditioner der er med til at lære de unge at fordybe sig i projekter, både alene eller sammen med andre, og samtidig for at understrege at der også er andet i verdenen, end PlayStations og ipads. Vores persona holder også meget af at fordybe sig i egne kreative projekter, gerne til sine to små børnebørn. Selvom hun forsøger at fastholde traditionerne og ikke lade de digitale medier tage overhånd specielt for de unge mennesker, så ved hun godt at det er den vej det går. Dette er også grunden til at hun selv er at finde på både Facebook, Instagram og

21 Pinterest, som hun både bruger til at følge med i familie og venners liv, men også for at blive inspireret til nye kreative projekter inden for hendes interesser. Navn: Tina Alder: 51 år. Bopæl: Dragør Civilstand: Gift med Lars Job: Pædagog på fritidsklub Når man har fået defineret personaens psykografiske og demografiske kriterier, kan man opstille en række hypoteser, som kan hjælpe os med at sætte ansigt på vores persona. Hvilke behov har hun? Hvad motiverer hende til at benytte produktet? Hvilke udfordringer står hun overfor? Hvad er hendes rolle i købsprocessen? I ovenstående afsnit lærte vi Tina rigtig godt at kende. Vi ved nu at hun er pædagog, elsker at være kreativ både med børnene, men også alene. Netop her opstår behovet for Maries ideer et sted hvor hun kan lade sig blive inspireret til nye og kreative projekter. Tinas motivation for at benytte sig at Maries ideer, er ønsket om at præge de unge og at lære de nye kreative projekter fra sig således at børnenes kreativitet også udvikler sig. Derudover er motivationen også at se glæden hos børn og børnebørnene, ved at have strikket en bamse eller en sød lille hue. Udfordringen, i forhold til at få Tina til at bruge netop Maries ideer, er de mange konkurrenter på markedet. Eller nærmere, tilgængeligheden til tilsvarende inspiration til kreative projekter. Det er derfor vigtigt for Maries ideer, at få skabt et godt produkt samt den rette markedsføring, til den rette målgruppe. Tinas roller i købsprocessen er initiativtager da det er hende der får idéen eller erkender behovet og dermed igangsætter købsprocessen. Hun er også forbruger af produktet, hvilket gør hende til konsument. Til slut kan hun også være influent, da hun bruger produktet qua sit arbejde. Derfor kan hun være med til at præge hendes chef til at købe produktet. 21

22 Spørgeskema Inden vi for alvor gik i gang med projektet, udarbejdede vi et spørgeskema som vi bad folk om at besvare, med det formål at lære markedet, det potentielle marked og dets kunder bedre at kende, samt bare generelt for at få gode råd med på vejen, i forhold til hvilke overvejelser vi skulle gøre os i forhold til brugen af sociale medier, nyhedsbreve, design og indhold på websitet. Disse spørgeskemaer skulle gå hen og blive meget værdifulde og brugbare for projektet. Vi fandt blandt andet ud af, hvilke sociale medier der er mest udbredt blandt vores målgruppe og dermed hvor vi skal lægge vores fokus i forhold til markedsføring. Vi fandt også ud af 76 % af målgruppen bruger Google som inspirationskilde mens 70 % bruger sociale medier som inspirationskilde til kreative idéer og projekter, mens vi også lærte lidt om målgruppens forventning og krav til et nyhedsbrev og til magasinets hjemmeside. Den skal kunne tilbyde noget inden for mine interesser, og være overskuelig at benytte, Interessant reklame fra sådan en hjemmeside på f.eks. Facebook og Det skal være relevant for mig, appetitligt og brugervenligt er nogle af de svar vi har fået, angående forventninger til et magasins hjemmeside. Få det fulde overblik over vores spørgeskema under bilag. Virksomhedens kommunikation Endnu en af nøglerne til en succesfuld kampagne eller bare generelt en succesfuld virksomhed, er virksomhedens kommunikation udadtil. Den rette markedsføring og rette kommunikation udadtil, kan være forskellen på, hvorvidt målgruppen kender til produktet eller ej. Hvis kunden hverken er stødt på produktet i hverdagen eller hørt om virksomheden, skal virksomheden ikke forvente succes. Den rette kommunikation er altså ekstrem vigtig. I forbindelse med relanceringen af Maries ideers hjemmeside, vil vi udarbejde en kampagne, til det formål at skabe interesse og opmærksomhed på virksomheden, således at vi kan få skabt noget vækst i form af konverteringer på hjemmesiden, da dette har været et stort problem førhen. For at skabe denne interesse og opmærksomhed for Maries ideer, vil vi kommunikere via de sociale medier, som har fået en større og større rolle i hverdagen. Maries ideer gør allerede på nuværende tidspunkt brug af de sociale medier 22

23 såsom Facebook og Instagram og har bygget et godt fundament op og en stor følgeskare. Ifølge Maries ideers Google Analytics, bruger over 95 procent af deres brugere Facebook, Instagram og Pinterest. Dog er det alligevel tydeligt, at effekten af opslagene ikke er som ønsket. Der er simpelthen alt for lidt interaktion med opslagene. Over 70% af alle besøgende i perioden 1. april april 2017 er nye besøgende, hvilket bevidner om at websitet ikke skaber nok interesse for den besøgende til at vende tilbage. Ligeledes er over halvdelen af alle besøgende kun inde på websitet imellem 0 og 10 sekunder. Push/Pull marketing Maries ideer har primært valgt at fokusere på magasinet og markedsføringen af dette. Derfor har Maries ideers website aldrig været promoveret. Websitet har lidt levet sit eget liv og er vokset i takt med dette. Da Maries ideers website aldrig rigtig er blevet markedsført, har der af samme årsag ikke rigtig været noget stort budget til dette. Af samme årsag, har beslutningen om at vælge de sociale medier, som den primære markedsføringskanal, været ret lige til. Med sociale medier som Facebook og Instagram, er det muligt både at målrette, booste, måle og spore opslagene. På den måde kan Maries ideer hele tiden evaluere på deres markedsføring af produktet. Hvad virker? Hvad virker ikke? Hvor i købsprocessen de evt. skulle springe fra osv. Dette giver Maries ideer gode muligheder for at forbedre deres kommunikation. Denne form for markedsføring kaldes også for Push marketing, da man forsøger at skabe eller påvirke et købsbehov hos den potentielle forbruger. I Maries ideers tilfælde bliver det via annoncer på sociale medier (se bilag). Dermed ikke sagt, at Maries ideer fuldstændig holder sig fra Pull marketing, hvor det gælder om at få kunden til produktet. Dette gøres via søgemaskineoptimering af hjemmesiden, hvilket vi vender tilbage til. 16 Lasswells kommunikationsmodel I forbindelse med udarbejdelsen af Maries ideers hjemmeside og ikke mindst den tilhørende kampagne, kan det være en god idé at gøre bruge af Lasswells

24 kommunikationsmodel 17, da den giver et godt overblik over, hvordan en given virksomhed kommunikerer ud til dens målgruppe. Modellen kan deles op i 5 fem dele, og består af afsender, budskab, kanal, modtager og effekt. Vi kan derfor stille os selv følgende spørgsmål: Hvem er afsenderen? Hvad er budskabet? Hvilke kanaler benyttes? Hvem er modtageren? Og hvilken effekt har det? Afsender: Maries ideer et kreativt håndarbejdsunivers. Budskab: Selve målet med Maries ideers nye website og tilhørende kampagne, er at skabe større opmærksomhed, flere konverteringer i form af salg af abonnementer og opskrifter. Dette gøres ved at lave et redesign af hjemmesiden, som er mere tiltalende og overskuelig. Derudover vil der være ekstra fokus på nyhedsbreve. Ligeledes vil der være ekstra fokus på kommunikationen og markedsføringen, som kommer til at foregå via de sociale medier. Kanal: Som nævnt ovenfor, vil Maries ideers markedsføring og kommunikation foregå via de sociale medier og nyhedsbreve. Modtager: Maries ideers hjemmeside og kampagne er tiltænkt Maries ideers målgruppe altså kreative kvinder i alderen år. Effekt: Effekten af Maries ideers nye website og tilhørende kampagne, skal gerne være i tråd med budskabet. Nemlig at skabe større opmærksomhed og flere konverteringer i form af salg af abonnementer og opskrifter

25 AIDA modellen Maries ideer har aldrig rigtig haft fokus på at markedsføre sig selv blandt andet fordi Maries ideer ikke har verdens største budget til netop dette. For at effektivisere og dermed få mest ud af de penge der skal bruges på markedsføring, kan man gøre brug af AIDA modellen 18, som er et værktøj der beskriver den rækkefølge man skal præsentere tingene i, for at sikre at virksomhedens budskab bliver modtaget korrekt som i Maries ideers tilfælde er at skabe opmærksomhed og konverteringer i form af salg af opskrifter. AIDA modellen kan opdeles i fire faser, der kaldes henholdsvis Attention, Interest, Desire og Action. Hver af disse faser skal alle være tilstede, hvis budskabet skal modtages korrekt og derfor være en succes. Til at starte med, skal vi have den potentielle kundes opmærksomhed (attention). Her har Maries ideer en masse muligheder. Først og fremmest vil vi udnytte at digitaliseringen har fået så stor en indflydelse på den almene danskers hverdag som den har, ved at gøre brug af de sociale medier Facebook, Instagram og Pinterest. Her vil der være mulighed for at opdatere allerede eksisterende følgere af Maries ideer om eventuelle nyheder, tilbud og andre kreative og inspirerende opslag. Det vil også være muligt at lave konkurrencer, som kan være med til at skabe yderligere opmærksomhed på Maries ideer. Selv samme opslag og konkurrencer kan også sponsoreres eller boostes, ved at målrette opslagene mod et givent segment. På den måde rammer man også andre end de trofaste følgere som allerede betaler for opskrifter og abonnement osv. Det er altså en unik måde at kunne printe sit brand ind på nethinden hos den enkelte mulige forbruger

26 Dernæst skal vi have skabt en form for interesse (interest) i produktet eller virksomheden. Dette gøres ved at benytte nogle flotte billeder og fangende billedtekster. Her er det også vigtigt at billedteksten hverken bliver for lang eller uoverskuelig, da mulige kunder nemt kan skræmmes væk. Kunden skal gerne kunne identificere profilen som værende en person, og ikke en robot der spytter lange komplicerede sætninger ud, som ingen alligevel læser. En anden måde at skabe denne interesse på er via Maries ideers hjemmeside og dens tilhørende design, som skal være moderne og enkelt. For at imødekomme dette, har vi i vores redesign haft stor fokus på brugervenlighed, hvilket vi blandt andet har fået ved at skabe luft og gøre designet enkelt. Da vores fokus har ligget på at skabe konverteringer til sitet via salg af abonnementer og opskrifter, har vi ændret menu strukturen således at netop disse punkter har fået ekstra fokus og det er dermed med til at fange brugerens interesse. Ønsket (desire) fra kunden skal til dels skabes via flotte produktbilleder og fangende billedtekster, til dels via Maries ideers flotte og moderne website design. Derudover skal ønsket skabes via Maries ideers nyhedsbrev, som får en central placering på websitet, således at besøgende skal tage stilling til, hvorvidt de ønsker at tilmelde nyhedsbrevet eller ej og dermed abonnementer og opskrifter. Til slut skal vi få modtageren til at købe (action) produktet. Dette vil vi sørge for ved at have direkte links i de enkelte opslag, som gør at produktet er let tilgængeligt for modtageren. Ud over de enkelte opslag, vil der også være et nyhedsbrev, som vil indeholde direkte links til de forskellige produkter. Det er Maries ideers opgave at gøre vejen til produktet så nem som mulig, eller omvendt, sørge for at de ikke mister interessen undervejs om det så er fordi det er for besværligt, overskueligt eller noget helt tredje. 26

27 Overordnet set, vurderer vi at vi har valgt den rette og mest realistiske løsning for Maries ideer, i forhold til kommunikation og markedsføring til kunderne. Selvom Aller Media er en stor virksomhed, har det aldrig rigtig været prioriteret, at markedsføre Maries ideer. Af samme årsag har vi også valgt ikke at lave en to minutters lang tv-reklame i bedste sendetid. Vi vurderer simpelthen at man får langt mere for pengene, ved at gøre brug af de sociale medier. Først og fremmest giver de sociale medier mulighed for at målrette sin kommunikation mod et segment, som ikke allerede følger Maries ideer. Med de sociale medier har man også mulighed for at evaluere sin markedsføring, ved at benytte Google Analytics. På den måde kan Maries ideer måle, hvad der virker, hvad der ikke virker osv. Maries ideer ender derfor med at have mulighed for at tage ved lære af tidligere opslag osv. og har mulighed for at optimere kommende opslag. Udvikling af designet Moodboard 27

28 Vores moodboard er lavet med det formål at vi har kunne inspirere os selv og dermed skabe rammerne for Maries ideers endelige produkt. 28

29 Wireframes/kortsortering I forbindelse med udviklingen af Maries ideers website design, udarbejdede vi en skitse (også kaldet wireframes) over hvilke tanker vi havde i forhold til websitet. Vores tanke med disse wireframes, var at skabe et enkelt, luftigt og moderne website, hvor det samtidig skulle være tydeligt for brugeren, hvilke muligheder man havde på sitet. (Se bilag) Da Maries ideer allerede var et eksisterende website med eksisterende menuer, indhold osv., lavede vi en såkaldt kortsortering 19 af det eksisterende websites menu struktur. På den måde fik vi vendt og besluttet, hvilke menupunkter vi så som værende overflødige og om der eventuelt skulle tilføjes nye menupunkter. Dette skal være med til at gøre det nemmere for brugeren, at navigere rundt på sitet i sidste ende. 19 Ole Gregersen og Ian Wisler-Poulsen, 2011, Usability, Grafisk Litteratur, KBH Ø 29

30 Mockups For at få en bedre forståelse af funktionaliteten og størrelsesforholdene på websitet, tog vi skridtet videre og lavede et mockup af websitet. Wireframes viser websitets opsætning og funktioner, mens mockupsne viser designet i form af billedvalg, farver og ikoner. (Se bilag) Vi har også brugt vores mockups til at finde det helt rigtige Wordpress tema. Som det kan ses, varierer vores endelige design en del i forhold til vores mockups. Dette skyldes nogle af de begrænsninger vi har mødt i forbindelse med at arbejde med Wordpress og tilhørende temaer og plugins. Dette kommer vi ind på senere under både Wordpress og begrænsninger. Design brief Kunden Maries ideer er et kreativt univers om håndarbejde og hygge. Her kan man finde inspiration til strik, hækling, syning og andet gør-det-selv stof i feminin og moderne stil. Maries ideer fungerer både som et magasin som udkommer hver anden måned og som et onlineunivers, hvor det er muligt at blive inspireret til det næste kreative projekt. Problemet med Maries ideer er at der ikke er nok interaktion fra læserne på sitet og dette skyldes at fokusset, opsætningen og designet af sitet ikke går i tråd med det indhold og de opslag som redaktionen leverer. Derudover formår Maries ideer slet ikke at udnytte de sociale medier til at skabe trafik og opmærksomhed på sitet på trods af deres ganske fine følgeskare. Den primære opgave vil derfor være at løfte trafikken og dermed forretningen for Maries ideer i form af salg af opskrifter og abonnementer. Ressourcer Maries ideer har allerede et eksisterende website med tilhørende data. Maries ideer stiller derfor disse data fra Google Analytics til rådighed i forhold til at få optimeret websitet. 30

31 Hvad skal der laves? Redesign af website, socialmedia- og onlinekampagne. Opgavens udfordringer En udfordring vi formentlig vil løbe på i løbet af projektet, er at få websitet til at henvende sig til den relativt brede målgruppe som Maries ideer har. Vi skal derfor udarbejde et moderne og simpelt design, som gør det nemt for brugeren at navigere rundt på websitet. Designmanual Logo Maries ideer havde allerede et logo. Et logo som vi ikke har valgt at gøre så forfærdelig meget ved, da vi mener at logoet bringer et blødt, kreativt og menneskeligt touch som er det som Maries ideer står for. Da der er tale om to forskellige fonte til logoet formår Maries ideer at lægge ekstra fokus på ideer, da det er en håndskreven font. Vi har dog alligevel valgt at ændre en smule på logoet, i og med at vi har forsøgt at gøre ideer mere fremtrædende, ved at forstørre den del, således at Maries, som ingen alligevel ved hvem er, ikke tager så meget fokus. Desuden har vi benyttet forbogstavet M fra Maries som et såkaldt favicon. Altså et ikon der vises når der scrolles på sitet, mobilsitet, samt i browseren tab. Logofarve Udover at vi har ændret størrelsesforholdet i logoet, har vi også ændret logoets farve. Tidligere var logoet hvidt og gult, med en farvet baggrund, afhængigt af magasinets farver. Da baggrunden på websitet er hvid, og samtidig er stærkt domineret af den grønne farve, så vi det som en naturlig ting, at ændre logoets farve til selv samme grønne farve. 31

32 Typografi Vi bruger en font i forbindelse med Maries ideers website, Raleway. Valget er faldet på netop Raleway, da den er let læselig og samtidig bringer et feminint touch. Raleway bruges i forskellige afskygninger, nemlig i light, light italic, regular, semi bold og bold. Ved at anvende forskellige afskygninger af Raleway, formår vi at skabe et tydeligt typografisk hierarki, som skal hjælpe brugeren i at navigere rundt på sitet. Light Light italic Regular Semi Bold Bold ABCDEFG ABCDEFG ABCDEFG ABCDEFG ABCDEFG Abcdefg Abcdefg Abcdefg Abcdefg Abcdefg Tekstjustering Al tekst på websitet er venstrestillet modsat det forrige website hvor teksten var centreret. For at skabe et tydeligt typografisk hierarki, er der blevet benyttet forskellige tekststørrelser. De brugte tekststørrelser er 14px, 16px, 18px, 20px, 22px og 24px. Dette tydelige typografiske hierarki er med til at skabe et overskueligt website som er nemt at navigere rundt i. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis Nulla ultrices odio. Donec augue. Phasellus dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis Nulla ultrices odio. Donec augue. Phasellus dui. 32

33 Farver På websitet vil der være fem dominerende farver, som alle skal være med til at gøre hjemmesiden mere brugervenlig og nem at navigere rundt på. Det drejer sig om: Light grey #a1a1a1 CMYK C28 M22 Y22 K7 RGB R161 G161 B161 Dark grey # CMYK C39 M31 Y32 K33 RGB R119 G119 B119 Dusty green #83a393 CMYK C42 M19 Y36 K5 RGB R131 G163 B147 Dark green #5a7466 CMYK C53 M29 Y47 K21 RGB R90 G116 B102 White #FFFFFF CMYK C0 M0 Y0 K0 RGB R255 G255 B255 33

34 Både light grey og dark grey vil være repræsenteret på tekst. Er der tale om ren tekst, vil light grey foretrækkes, mens dark grey vil blive foretrukket som hover og action farve. Farven hvid bliver benyttet som baggrund på hele websitet, mens hvid også vil være repræsenteret på tekst enkelte steder, for at skabe en kontrast til den mørke baggrund. Desuden vil farven grøn være kraftigt repræsenteret, i form af en støvet grøn og en mere mørk grøn. Den støvede grønne farve vil være den gennemgående farve på websitet, mens den mørkegrønne farve bruges som hover og action farve. Layout Maries ideer har tidligere være designet til det formål at fungere som en blog. Dette har dog aldrig rigtig fungeret, da ressourcerne ikke er til det. Vi har i stedet stilet efter at lave et moderne og luftigt design som er nemt at navigere rundt i. Desuden har fokusset været på at gøre sitet mere brugervenligt og derfor nemmere at blive inspireret af. Dette har vi gjort ved blandt andet at gøre brug af designprincipperne 20 billeder, det gyldne snit, enkelhed, ensartethed, farver, genkendelighed, grids, grupper, hierarki, kontrast, linjer, luft og nærhed. Brugen af billeder skyldes det at de tiltrækker opmærksomhed, bidrager til forståelsen og huskes bedre end ord. Når der er tale om et website der skal inspirere til kreative projekter, er billeder en vigtig faktor. Ved at lade læseren se det endelige slutresultat, gør vi beslutningsprocessen nemmere for læseren i forhold til om opskriften skal købes eller ej. For at sætte større fokus på Maries ideers nyhedsbrev, har vi, udover at have placeret det øverst på websitet, også valgt at placere det efter det gyldne snit. Dette har vi gjort, da vi mener at det er via nyhedsbrevet, at vi forventer at kunne fange læsernes interesse. For at højne brugervenligheden har vi valgt nogle genkendelige elementer på websitet. Dette gælder placeringen af menuen, knapper, sociale medier ikoner, nyhedsbrevsformularen og hovereffekt på billeder og links. 20 Ian Wisler-Poulsen, 2012, 20 Designprincipper, Grafisk Litteratur, KBH Ø. 34

35 Websitet er opsat i grupper for at gøre det lettere for læseren at overskue indholdet på sitet. Vi har i disse grupper også gjort brug af hierarki, hvilket hjælper læseren til at danne sig et overblik over vigtigheden af indholdet både i forhold billeder, men også i forhold til brugen af fonte hvilket skaber størrelseskontraster eller farvekontraster. Enkelthed, ensartethed, farver, genkendelighed, grids og luft er alle med til at højne brugervenligheden og gøre websitet mere overskueligt for brugeren at navigere rundt i. Den tekniske udvikling Attributtabel # Name Type Collation Attributes Null Default Comments Extra 1 id Int (50) No None AUTO_INCREMENT 2 name Varchar Uft8_general_ci No None (50) 3 e- mail Varchar (50) Uft8_general_ci No None Fully Dressed Usecases 21 Tilmeld nyhedsbrev Name: Tilmeld nyhedsbrev Identifier: UC1 Tilmeld nyhedsbrev Description: Klienten tilmelder sig nyhedsbrev, så han/hun kan blive opdateret med nyeste informationer fra Mariesideer.dk Preconditions:

36 1. Brugeren besøger mariesideer.dk 2. Brugeren finder tilmeld nyhedsbrevs formularen 3. brugeren bliver tilmeldt nyhedsbrevet når den rette data er indtastet i databasen Assumptions: 1. Opdatering af systemet så brugeren kommer ind i systemet Frequency: 1. Databasen opdateres, når ny bruger indtaster bruger data. Basic Course: Use case starter når bruger indtaster følgende i databasen: 1. Navn 2. Use case slutter når alle oplysningerne fra brugeren er indtastet i databasen Alternate Course A: Da alt data SKAL indtastes er der ingen Alternativ guide. Post conditions: 1. Er tilmeldt nyhedsbrev 2. Vil nu modtage nyhedsbrev Actors: 1. Brugeren Udsend nyhedsbrev Name: Udsend nyhedsbrev Identifier: UC1 Udsend nyhedsbrev Description: 36

37 Admin gennemgår databasen og udsender nyhedsbrev til tilmeldte brugere Preconditions: 1. Admin gennemgår databasens indhold 2. Admin indsamler navne og s fra databasen 3. Admin udsender nyhedsbreve Assumptions: 1. Opdatering i systemet så admin kan se hvilke brugere der findes i databasen Frequency: 1. databasen skal opdateres løbende. Basic Course: Use case starter når Admin kan se følgende i databasen. 1. Navn 2. Use case slutter når alle oplysningerne er at finde i databasen Alternate Course A: 1. Der findes ingen s i databasen 2. Admin kan derfor ikke udsende nogle nyhedsbreve Post conditions: 1. s er indsamlet 2. Udsender nu Nyhedsbreve Actors: 1. Admin/personale 37

38 Wordpress Hele designet af vores hjemmeside er sket i Wordpress 22, som er det mest benyttede CMS system i verdenen. I Wordpress er der både muligheder for at installere forskellige plugins, vælge temaer til ens website samt tilføje tags til sine posts. I forbindelse med redesignet af Maries ideer har vi valgt at bruge temaet Newsmag 23. Valget faldt på netop Newsmag, af den simple årsag, at vi til en start havde udarbejdet i design i et mockup som vi fik vist frem til IT afdelingen på Aller Media, som efterfølgende anbefalede os at bruge Newsmag, da det ville komme tættest på vores design. Wordpress og Newsmag er simpelt at bruge og gør det muligt for os, at designe hjemmesiden via en drag and drop funktion. At designe via drag and drop funktion, har effektiviseret processen, så det har været muligt for os, at re designe hele mariesideer.dk og ikke kun en lille del af det. I designprocessen er vi stødt på en række udfordringer, da nogle designs i temaet er låst i forhold til, at style det manuelt via css, men for at redaktionen på Maries ideer fremadrettet selv kan administrere og opretholde sitet, var det et krav til os, at den var kodet i Wordpress. Da over 35 % af alle besøg på Maries ideers website sker via tablet, giver det god mening at vi sørger for at websitet er responsivt. Wordpress er god til at afhjælpe dette problem resultatet er dog langt fra perfekt, hvilket har betydet at vi har måtte style websitet i custom CSS, således at websitet kan bruges på tablet og iphone. Beskrivelse af funktionalitet Da vi til vores site, har benyttet os af PHP, og valgt at lave en database hvori vi kan samle data fra brugeren i form af brugerens navn og , har vi været nødsaget til at oprette et dokument hvori vi har kunne oprette dette, da vi ikke har mulighed for at indsætte PHP i vores Wordpress-kode

39 For at implementere vores database på sitet har vi lavet en knap, som linker til vores databaseformel, og på den måde gjort det muligt for os, at benytte både Wordpress og PHP. For at en database kan benyttes på en fungerende HTML side, skal brugeren kunne interagere med databasen, dette sker ved at lagre og printe dataet så brugeren kan interagere med det. For at dette kan lade sig gøre benytter man en metode kaldet CRUD-metoden. CRUD står for create, read, update og delete, og er 4 forskellige måder man som bruger kan interagere med databasen på. Ved create metoden gøres det muligt for brugeren at indtaste data på hjemmesiden, som igennem et insert-statement vil lagre de indtastede informationer i databasen, så man som editor senere kan se og benytte disse. På vores site, benytter vi os kun af create metoden, da funktionen i vores database er at lagre data, til senere brug. Som bruger af hjemmesiden er det ikke muligt at benytte de sidste tre punkter af CRUDmetoden altså read, update og delete. Dette har vi valgt ikke at gøre da, sitet skal bruges som inspiration, og brugeren derfor ikke skal kunne tilføje nye opslag eller på anden måde redigere i hjemmesidens indhold. Wordpress gør det dog muligt for os som administrator at oprette indlæg, redigere i indlæg, slette indlæg og publicere dem, så brugerne kan læse og reagere på dem. For at benytte read-metoden bruger man et select-statement, så brugeren kan se og læse allerede lagret data fra databasen. Via sit select-statement udvælger man hvilke data man gerne vil se fra databasen og hvor fra i databasen, den valgte data skal hentes. Read-metoden bliver altså benyttet hver gang vi har en artikel eller et opslag på vores site. 39

40 Update og delete, benyttes også kun af os som administratorer da vi kan gå ind i Wordpress databasen og enten redigere i et allerede eksisterende oplæg eller slette det helt, hvis ikke vi synes det er passende, eller er blevet forældet. I en database som vores, vil man skulle gøre det muligt for brugeren at afmelde sig en nyhedsmail-liste. Dette vil vi integrere i vores forslag på et eventuelt nyhedsbrev. SEO SEO 24 også kaldet søgemaskineoptimering er et værktøj, hvormed man kan fremme sin hjemmesides placering i diverse søgemaskiner. SEO kan deles op i to forskellige kategorier, den første kaldes On-page søgemaskineoptimering, dette er den del af optimeringen som Maries ideer selv har indflydelse på i form af keywords, tags samt hvor hurtigt deres hjemmeside loader. Den anden kategori Off-page også kaldet link-building, er en opbygning af links udefra, som skal være med til at optimere hjemmesiden. Når man som virksomhed benytter sig af SEO skal man hele tiden, huske at være observant på, hvordan man er placeret hos søgemaskinerne, da metoden er dynamisk, og ens placering i et søgeresultat derfor aldrig er sikker. Det er derfor vigtigt at man som virksomhed arbejder med, hvilke kriterier de forskellige søgemaskiner har, hvordan de forskellige søgemaskiner virker, hvad folk søger på, hvilke ord de bruger osv. Det er derfor utrolig vigtigt at have styr på søgemaskineoptimering, når man ønsker en succesfuld hjemmeside. Ved at benytte sig af de rette keywords og tags kan man rangeres i top 3 på google frem for nederst på side 7. Vores søgemaskineoptimering er opbygget efter nogle keyword, som er nøje udvalgt ud

41 fra relevansen for virksomheden. Valget er faldet på nøgleord som Maries ideer, inspiration, DIY, opskrifter, abonnement osv. I Wordpress har vi også benyttet os af et plugin ved navn Yoast SEO, som er med til at vejlede os i bestræbelserne på at søgemaskineoptimere helt rigtigt. Den fortæller blandt andet hvornår søgemaskineoptimeringen er stærk nok. Da Maries ideer er en prototype, med en del mangler blandt andet indhold i form af tekst, grundet manglende materiale eller brugen af Lorem Ipsum tekst, har det dog ikke været muligt at skabe en perfekt søgemaskine optimering. Dette havde dog været muligt, ved mere tekstmateriale osv. Nyhedsbrev Egentlig ville det være nok med vores database samt PHP dokumentet i forhold til indsamlingen af data fra læseren i forbindelse med at sende nyhedsbrev ud. Denne proces er dog ikke den mest optimale at benytte sig af som virksomhed, da det kræver en del arbejde og viden inden for faget. Derfor har vi valgt også at implementere MailChimp 25, som er en marketing virksomhed, som hjælper virksomheder med at indsamle data fra læseren og udsender nyhedsbreve i forskellige kampagner som man som virksomhed, selv opretter. På vores løsning har vi gjort brug af Wordpress pluginet Gravity Forms, hvori man opretter en formular, som brugeren udfylder og Gravity Forms indsamler denne data og videresender den til MailChimp, som så udsender et nyhedsbrev til brugeren. Vi har til en start oprettet et nyhedsbrev som ønsker læseren velkommen til Maries ideers nyhedsbrev og dette nye univers. Dette kan ses under bilag

42 Usertest af mariesideer.dk Formål og fokusområder Det primære formål med usertesten 26 af Maries ideers nye website, er at undersøge, om brugerne finder websitet brugervenligt, ved at undersøge om de kan finde rundt på siden eller om de eventuelt skulle støde på problemer. Usertesten er også til for at undersøge, om de generelt kan navigere rundt på siden, og kan finde frem til hvad Maries ideer går ud på. Opgaver til brugeren Scenarie 1: Du er inde på mariesideer.dk for første gang og føler dig meget inspireret. Du er interesseret i af læse endnu mere og vil derfor tilmelde dig Maries ideers nyhedsbrev. Scenarie 2: Du er interesseret i håndarbejde, og kunne godt overveje at købe et abonnement hos Maries ideer. Dog vil du lige sikre dig at kvaliteten er i orden, og læser derfor nogle af Maries ideers gratis opskrifter herunder Hvide vinterengle. Scenarie 3: Du kan af og til være lidt glemsom i forhold til at undersøge om Maries ideer har lagt nye artikler op på deres website. Til gengæld er du en ivrig bruger af Facebook. Find Facebook linket og gå dermed aldrig glip af Maries ideers opslag. Opgavens trin, optimalt: 1. Tilmeld Maries ideers nyhedsbrev. - Klik på knappen Tilmeld dig vores nyhedsbrev. - Udfyld navn og . - Tilmeld. 2. Læs Hvide vinterengle. 26 Ole Gregersen og Ian Wisler-Poulsen, 2011, Usability, Grafisk Litteratur, KBH Ø 42

43 - Klik på gratis opskrifter under opskrifter. - Scroll ned til Hvide vinterengle og klik. - Læs 3. Find linket til Maries ideers Facebook side. - Scroll ned til sitets footer. - Klik på Facebook logoet. - Like Maries ideer på Facebook. Alternativt trin: 1. Tilmeld Maries ideers nyhedsbrev. - Scroll ned i til sitets footer. - Udfyld navn og . - Tilmeld. 2. Læs Hvide vinterengle. - Klik på søgefeltet - Indtast Hvide vinterengle - Søg. 3. Find linket til Maries ideers Facebook side. - Find Maries ideer på Facebook. Observationer og resultater Hvor finder man så de udvalgte personer til at skulle gennemføre sådan en usertest af et inspirationssite om håndarbejde? Det gør man selvfølgelig i Stof2000 på Østerbro. Med computeren under armen fik vi taget testen på seks handlende i Stof2000. Nedenfor ses resultaterne: 43

44 Ud fra usertesten kan vi konkludere, at der var plads til forbedringer og justeringer. Forbedringer og justeringer, som vi gik i gang med at rette med det samme. Vi fik fjernet forfatternavnene på artiklerne, da de ikke havde nogen betydning for hverken siden eller artiklerne. Det var den samme forfatter til alle artikler, så teksten med forfatterens navn gjorde mere skade end gavn. Derudover har vi fået mere fokus på nyhedsbrevssektionen, ved at give den en overskrift, således at folk ikke scroller forbi eller overser sektionen. Begrænsninger og konsekvenser Som vi lagde ud med at skrive i denne rapport, har en af vores begrænsninger været at lave hele websitet i Wordpress. Dette har der både været fordele og ulemper ved. En af de helt klare fordele ved Wordpress har været muligheden for at designe via drag and drop funktionen. Dette har gjort at vi har sparret meget tid på opsætningen af websitet, da vi ikke har skulle kode det hele fra bunden af. Selv samme fordel har dog også vist sig at være en ulempe, da det brugte tema har været låst i styling og opsætning. Dette har betydet, at vi har måtte gå på kompromis med vores mockups og tanker i forhold til designet. 44