Corporate Social Responsibility. 1st project 2nd sem - Februar 2015

Relaterede dokumenter
WBS. Inledning. Afsluttende projekt 1. sem

E-zine projektrapport 2. semester 2. projekt - marts 2015

JB Plastics visuelle identitet Et nyt logo... 2 Visitkort og brevpapir... 4 PowerPoint Designprocessen... 6

Rapport. E-magasin - Projekt 2, 2. semester. Gruppe - MulB 2. sem: Mikkel Thomsen Ivan Christensen Augusta Naundrup-Jensen

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Michella+Serritzlew+Jacobsen+

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

MONIQUE BOOTS-NIELSEN / GRAFIKER

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1

Making the world smile

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Link til website:

GRAFISK DESIGN CAMILLA VINTER

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

WORKFLOW & PRODUKTION

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

Portfolio redesign. Kia Dahlen! 1. semester eksamen! MUL-A 2013! !!!

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen.

Portfolio Redesign Kamilla Klein 1. Semester eksamen

CSR. 2. Semester 1. projekt Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

Grafisk produktion & workflow

Grafisk Design 70% Skitser

Gruppe 9 Visuel Interface Design, 27/09/2011

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility

Coporate Social Responsibility

kollegiekokkenet.tmpdesign.dk Side 1

GRAFISK DESIGN. Hjemmeside

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Link til landing page: linemehr.dk/projekter/e-zine/index.html

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, Der refereres fra nu af blot

Dreamtours. Projekt 3 Visuel identitet og kommuikation

Gruppe 6. MulA, 2015 Frederik FDTA Jesper JHI Morten MORO Ditlev DSK Marc KLU. Anders Wetterstein - a.wetterstein@gmail.

DSU Dansk Stavgang Union

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

Website design 1. semester, Projekt 3

Afsluttende semesterprojekt - 1. Semester

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

GRUPPE 5 Line - Nanna - Thea - Sarah

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

E-zine Online magazine

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

Produkt. Index side GRAFISK DESIGN

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, Kenneth Hansen,

GRAFISK DESIGN. Kenneth Friis Petersen

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

Quick Guide til bedre off-line markedsføring DEN RØDE TRÅD. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Fredag d. 20. februar semester MUL-B CSR CAMPAIGN

PROCESSUM DESIGNMANUAL

Fact Sheet. Exam project 3.nd semester - November Facebook

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

DOKUMENTATION AF EKSAMENS PROJEKT 2015

Grafisk design. Ide. Designprocess. Målgruppe

Analyse af website: cinnobershop.dk

Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Projekt 5 - Porfolio Redesign

2/ Sofia Seidler H3 Svendeprøve

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne.

KT OR LOW PRODUKTION // WORKFLOW

Grundforløbsprøve Projektbeskrivelse

Forside 1: Bagside og bogryg:

OPGAVEBESKRIVELSE: Opgaven er en kundeopgave for Janne Berg, studerende til psykoterapeut.

Jakobb Plenge, Andreas Simonsen, Simon Andersen & Simone Snedker Ekstrem Sport Gruppe 131, MulA 2015

grafisk design Se webappen på din mobil

FORSIDE KONCEPTBESKRIVELSE LOGO DON TS RESPEKTAFSTAND FARVEVALG TYPOGRAFI FOTOSTIL DESIGNMANUAL

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

GRAFISK DESIGN. webdesign af pl.dk

Nicolai Jørgensen: Søren Lind: Joakim Rydén:

CPH Business Academy. Lærere: JHI & TUJE

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

GRAFISK DESIGN DOTHOST HJEMMESIDE

GRAFISK - DESIGN HJEMMESIDER TIL IME FONDEN

Designmanual. Romalt Idrætsforening 1981

Anvendte programmer GRAFISK DESIGN. Produkt og målgruppe. Designkrav. Process

FAMILIE & MADVANER DESIGNGUIDE

DESIGNGUIDE // MAJ 2012

Mille Blomstercup. Cupcake blogger

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Dokumentation. Grafisk Design

PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

afsender Aarhus Folk Festival

AS ANDERS SØNDERGAARD Portefolio_H Svendeprøve.indd 1 2/17/ :36:39 PM

Transkript:

Corporate Social Responsibility 1st project 2nd sem - Februar 2015

Corporate Social Responsibility 1st project 2nd sem - Februar 2015 Projekt URL www.markkristensen.dk/projekter/csr Gruppe nr. Ikke angivet. Årgang og klasse Mul-B - 2014 Projektdeltagere Emma Jane Johansson emmajj1@hotmail.com www.ejjdesign.com Mikkel Andersen mikkelandersens@gmail.com http://www.eckersbergsvej12.dk/mikkel/ portfolio Undervisere Frederik David Tang fdta@cphbusiness.dk Jesper Hinchely jhi@cphbusiness.dk Patrick Klint klintpatrick@gmail.com www.patrickklint.dk Mikkel Thomsen mikkelschunckthomsen@hotmail.com www.cphpalermo.dk Mark Kristensen kristensen.theman@gmail.com www.markkristensen.dk

Indholdsfortegnelse Indledning...3 Problemformulering...3 PBS...5 Gantt Kort...6 WBS...7 Interessentanalyse...8 Risikoanalyse...9-10 Målgruppeanalyse...11-12 Minerva Model...13 Design Brief...14 Moodboard...15 Hjemmesiden...16 Brainstorm...17 Sitemap...18 Wireframes...18-19 Designvalg...20-21 Designprincipper...22 Brugertest...23-24 Magasin-reklame...25 Brainstorm...26 Designvalg...27 Designprincipper...27 Banner-reklamer...28 Brainstorm...29 Designprincipper...30 Spørgeskema...31-32 Konklusion...33 Kildehenvisning...34-35 Bilag...36

Indledning I denne opgave kan du læse om udviklingen af denne kampagne, der har til formål at sende et samfundsansvarligt budskab om den danske børnetøjs virksomhed, Little Llama. Du kan læse om den teori og de analyser, metoder og relevante modeller, som vi har anvendt i udviklingen af hjemmesiden og det reklame materiale, som projektet består af. Problemformulering Vi vil med dette projekt undersøge, hvorvidt det er muligt at skabe værdi for Little Llama ved at fremhæve virksomhedens fokus på varer af høj kvalitet samt bæredygtig og etisk produktion gennem en målrettet kampagne. Kampagnen skal skabe opmærksomhed omkring virksomhedens tiltag, der til sammen er med til at danne et samfundsansvarligt billede af virksomheden i forbrugernes bevidsthed. 3

Little Llama Little Llama er en dansk virksomhed, der primært opererer på konsumentmarkedet. Virksomheden producerer tøj til nyfødte og små børn, som er designet i samarbejde med danske designere. Tøjet bliver produceret med garn fra alpacaer, som virksomheden køber af farmere i Sydamerika, der udvinder garnet på en naturlig og traditionel måde. Little Llama bestræber sig efter en bæredygtig og etisk produktion med tanke på miljøet. Der bliver også lagt stor fokus på en fair samhandel med farmere og garnproducenter i Peru. 4

Projekt CSR: PBS 1. Projektopstart 2. Projektstyring 3. Analyse 4. Website 5. Online reklame 6. Offline reklame 7. Rapport 1.1 Problemformulering 2.1 PBS 3.1 Interessentanalyse 4.1 Brainstorm 5.1 Brainstorm 6.1 Brainstorm 7.1 Forside 7.8 Interessentanalyse 1.2 Virksomhedsbeskrivelse 2.2 WBS 3.2 Risikoanalyse 4.2 Sitemap 5.2 Horisontalt banner 6.2 Magasin reklame 7.2 Indholdsfortegnelse 7.9 Risikoanalyse 2.3 Gantt skema 3.3 Målgruppeanalyse 4.3 Wireframes 5.3 Vertikal banner 6.3 Designvalg 7.3 Indledning 7.10 Målgruppeanalyse 2.4 Design brief 4.4 Designvalg 5.4 Designvalg 6.4 Scope og estimater 7.4 Virksomhedsbeskrivelse 7.11 Website 4.5 Grafiske elementer 5.5 Scope og estimater 7.5 Problemformulering 7.12 Offline advertising 4.6 Brugertest 7.6 PBS 7.13 Online advertising PBS Indledningsvis har vi opdelt vores projekt i en produktnedbrydningsstruktur. Det har hjulpet med at definere projektets mange opgaver og sammenhængen i mellem dem. 7.7 WBS 7.14 Konklusion 5

Gantt For at illustrere projektets tidsplan, har vi lavet et Gantt kort, som opdeler projekts struktur (WBS) og giver et samlet resumé af projekts forløb. 6

Projekt CSR: WBS 1. Projektopstart (1 dag) 2. Analyse (2 dage) 3. Produkter (12 dage) 1.1 Problemformulering (3 timer) 2.1 Interessentanalyse (4 timer) 3.1 Brainstorm (3 timer) 3.2 Hjemmeside (5 dage) 3.3 Online banner (3dage) 3.4 Offline magasinreklame (3dage) 3.5 Rapport (3 dage) 3.6 Spørgeskema (3dage) 1.2 Virksomhedsbeskrivelse (1 time) 2.2 Målgruppeanalyse (6 timer) 3.2.1 Wireframes (4 timer) 3.3.1 Designvalg (4 timer) 3.4.1 Designvalg (5timer) 3.5.1 Opsætning og design (4 timer) 3.6.1 Udformning af spørgeskema (7 timer) 1.3 Kampagne scoping (1 time) 2.3 Risikoanalyse (6 timer) 3.2.2 Sitemap (4 timer) 3.3.2 Grafiske elementer (5 timer) 3.4.2 Grafiske elementer (16 timer) 3.5.2 Dokumentation (6 timer) 3.6.2 Udvælgelse af testpersoner (3 timer) 1.4 PBS (1 time) 3.2.3 Designvalg (8 timer) 3.3.3 Redigering i Edge (12 timer) 3.4.3 Scoping (3 timer) 3.5.3 Argumentation (6 timer) 3.6.3 Testudførelse (6 timer) 1.5 WBS (2 timer) 3.2.4 Programmering (16 timer) 3.3.4 Scoping (3 timer) 3.5.4 Forside (4 timer) WBS 3.2.5 Grafiske elementer (8 timer) Ydermere har vi struktureret og opdelt vores projekt i en detaljeret arbejdsnedbrydningsstruktur for at simplificere planlægningsprocessen, og gøre det nemmere at nå vores målsætninger. 3.5.5 Konklusion (1 time) 3.5.6 Formalia (3 timer) 7

8

9

10

Målgruppeanalyse For at sikre os at vores kampagne opnår det ønskede resultatet, og for at få indsigt i hvordan vi bedst kan ramme målgruppen, har vi indledningsvis foretaget en målgruppeanalyse. Segmenteringskriterier på konsumentmarkedet Geografiske kriterier Baseret på tal fra Danmarks Statistik, vurderer vi at Region Hovedstanden er den mest attraktive region at fokusere på, da det er her, at vi finder det største forbrug af beklædning og fodtøj pr. huststand 1. Endvidere er det også i København og omegn, at man finder den højeste disponible indkomst pr. person 2. Demografiske kriterier Overordnet set er det mest attraktive segment at finde hos forældre, par såvel som enlige. Men når vi ser nærmere på familieforhold og på familietypernes disponible indkomst, kan vi se, at den største disponible indkomst er betydeligt større hos par med børn end hos enlige forældre 3. Et højt indkomstniveau er at foretrække, da priserne på Little Llamas produkter er forholdsvist høje. 1 http://dst.dk/da/statistik/nythtml.aspx?cid=18555 2 http://dst.dk/da/statistik/nythtml.aspx?cid=18971 3 http://dst.dk/da/statistik/emner/indkomster/familieindkomster.aspx Det estimeres at kvinder/mødre influerer 75-80 % af alle købsbeslutninger foretaget i hjemmet, herunder næsten 100 % af alle beslutninger vedr. tøj til familien 4, derfor må det betegnes som attraktivt at kigge på det kvindelige segment. Aldersmæssigt befinder vi os omkring de 30 år og op, eftersom den danske kvinde i gennemsnittet er 29.1 år, når hun føder sit første barn 5. Adfærdsmæssige kriterier Med udgangspunkt i det kvindelige segment, har vi kigget på de typiske kvindelige behov og værdier, hvad kvinder prioriterer højest, hvordan de motiveres, og hvordan de tager beslutninger. Vores analyse er hovedsageligt inspireret af undersøgelser foretaget og publiceret af Lowe Friends 6, et kommunikationsbureau med speciale i kvinder. For at ramme det kvindelige segment, er det vigtigt, at kampagnen taler til de relationer og fælleskaber, som kvinden føler sig en del af, og som Little Llamas produkter kan bidrage til. 4 http://www.lowefriends.dk/downloads/lowefriends_aimcreate_ rapport_2udgave_1oplag.pdf 5 http://www.dst.dk/da/statistik/emner/gennemsnitsdanskeren.aspx 6 http://www.lowefriends.dk/downloads/lowefriends_kvindebog_20140117.pdf http://www.lowefriends.dk/downloads/lowefriends_aimcreate_ rapport_2udgave_1oplag.pdf 11

I denne sammenhæng kunne kampagnen f.eks. appellere til kvindens moderlige instinkter. Kampagnen skal ligge større fokus på det funktionelle frem for det tekniske, da mange kvinder foretrækker, at reklamer tydeligt fortæller om produktets funktioner og muligheder. Reklamerne skal også gerne formå at vise produktets anvendelighed i en relevant og realistisk kontekst. I modsætning til mænd, der generelt handler ud fra et behov, reagerer den kvindelige konsument på mange flere faktorer. Både de funktionelle og emotionelle fordele ved et produkt kan have indflydelse på kvindens købsbeslutning. Psykografiske kriterier Som det sidste led i segmenteringsfasen, har vi benyttet os af Minerva modellen, som inddeler den danske befolkning i fem overordnede segmenter, for at finde ud af hvilket segment virksomhedens produkter henvender sig til. På baggrund af de informationer vi har fra de forrige kriterier i segmenteringsprocessen, har vi placeret vores målgruppe i det grønne segment. I dette segment finder vi socialpolitiske, miljøbevidste konsumenter, der har øget fokus på etisk og moralsk korrekthed. I modsætning til det blå segment, hvor man går op i status og selvprofilering, er man i dette segment en mere politisk forbruger. Man har generelt et højt uddannelsesniveau samt en høj indkomst, og er typisk venstreorienteret. Der findes flere kvinder end mænd i dette segment. (se Minerva model på næste side) Målgruppedefinering Primære målgruppe: - Mødre - 30 år og op - Bosiddende i Region Hovedstaden - Højt indkomstniveau - Høj miljøbevidsthed - Fokus på etisk og moralsk korrekthed Sekundære målgruppe: - Børnefamilier - 30 år og op - Bosiddende i region Hovedstaden - Højt indkomstniveau - Høj miljøbevidsthed 12

13

Design Brief Kort introduktion For at forbedre virksomheden Little Llamas CSR profil, vil vi lave en oplysningskampagne. Kampagnen vil forløbe på forskellige medier, heriblandt som website, som reklame i et magasinblad og som online bannerreklamer. Mål Målet med kampagnen er at oplyse om virksomhedens tiltag og fremhæve virksomhedens fokus på varer af høj kvalitet samt bæredygtig og etisk produktion. På den måde vil kampagnen styrke Little Llamas CSR profil. Budskab Hovedbudskabet er, at Little Llama er en virksomhed, der interesserer og prioriterer sit ansvar over for samfundet. Kampagnen skal skabe et samfundsansvarligt billede af virksomheden i kundens bevidsthed. Sekundært skal kampagnen skabe opmærksomhed om den ellers ukendte virksomhed. Grafisk stil Den grafiske stil er præget af virksomhedens produkt. Lyse farver skal symbolisere børns renhed og uskyldighed. Naturlige og rene farvenuancer skal symbolisere den miljørigtige produktion. Ved at opdele informationerne i grupper, skaber vi en overskuelig strukturering af indholdet. (se moodboard på næste side) Primære målgruppe Mødre - 30 år og op - Bosiddende i Region Hovedstaden - Højt indkomstniveau - Høj miljøbevidsthed - Fokus på etisk og moralsk korrekthed Relevante fokuspunkter - Arbejdsrettigheder i Peru - Miljørigtig produktion - Astma/allergivenlighed 14

Moodboard Med moodboardet har vi lavet en opsamling af billeder, som med deres udtryk skal fungere som inspiration når produkterne skal designes. 15

Hjemmesiden Vi har udviklet en moderne og simpel hjemmeside, der skal fungere som nervepunktet i Little Llamas kampagne. Det er på hjemme-siden, at man som forbruger kan finde alt, hvad man behøver at vide om virksomheden. Og der henvises til hjemmesiden i alt det øvrige reklame materiale. Navigationen er logisk og intuitivt opbygget, og menuen forbliver i toppen af siden, selvom brugeren scroller op og ned. Dette resulterer i en overskuelig navigation, der hele tiden oplyser brugeren om, hvor han befinder sig på siden, og hvordan han kommer tilbage. Hjemmesiden er udviklet med fokus på ekstern genkendelighed for at øge brugervenligheden, og for at skabe et miljø som er nemt at færdes i. Det er vores mål, at brugeren møder velkendte mønstre, som han kender fra andre hjemmesider i forvejen. Vi har haft fokus på læsevenlighed, som vi bl.a. har opnået ved nøje at overveje skriftstørelse og linjehøjde. Vi har også valgt at opdele teksten i kolonner for at gøre det nemmere og hurtigere at læse teksten. Hjemmesidens design er inspireret af den populære one-page layout stil, hvor sidens indhold bliver præsenteret i én kontinuerlig strøm af informationer. Ved at holde de mest relevante informationer på forsiden, kan vi i de fleste tilfælde kontrollere hvilken rækkefølge brugeren bliver præsenteret for hjemmesidens indhold i. 16

Samfundsansvarligt udtryk Brun Pastelfarver Blå Sandfarve Beige Nyhedsbrev Naturlige farver Simplicity Brugervenlighed Website Sans serif Typografi Læsevenlighed To kolonner Få farver Lyse farver Venligt udtryk One page layout Struktur Præsentationsdesign Z-index Always on top menu Position: fixed Overskud / brugervenlighed Brainstorm Tidligt i processen udarbejdede vi en brainstorm, hvor vi samlede idéer. Vi har at illustrere processen med et mindmap. 17

Sitemap Wireframes Indledningsvis har vi udarbejdet et sitemap, som vi har brugt til at overskueliggøre de sider, som har været væsentlige at få med på hjemmesiden. Sitemappet har også fortalt os noget om navigationens hierarkiske strutkur, som vi har kunnet bruge i udviklingsprocessen og i planlægningen af hjemmesidens informationsarkitektur. - Forside - Om Little Llama - Vores produkter - Gå til shoppen (link) - Kontaktside - CSR Profil Wireframes har gjort det muligt for os at definere hjemmesidens layout, ved at bruge flade grafiske elementer i et to-dimensionelt miljø. Wireframes er blottet fra farver og andre grafiske elementer, som gør, at man kan fokusere på hjemmesidens struktur uden forstyrrelser. (se wireframes på næste side) (Sider skrevet med fed er inkluderet i den endelige version af hjemmesiden) 18

Forside Underside 19

Designvalg Farver Den gennemgående farve på websitet er en lys nuance af brun. Den brune farve er med til at give siden et venligt og imødekommende udtryk, som er helt nede på jorden. Den brune farve gavner også det miljøvenlige budskab, som den omtalte kampagne handler om. Farven bliver kombineret med lysere nuancer af brun og hvide farver, som går hånd i hånd og giver siden et roligt, naturvenligt udtryk. Overskrifterne på siden deler den brune farve, som skaber en rød tråd mellem hjemmesidens mange elementer. Brødteksten er givet en mørk, grå farve som resulterer i en tekst, som er blid for læserens øjne. Vi har valgt den grå tekstfarve i stedet for en sort, da den sorte farve nemt kan resultere i et hårdt, skarpt indtryk og virke udmattende for læseren. Vi har dog også været opmærksomme på, at en alt for lys grå farve kan gøre det vanskeligere at læse teksten. 20

Typografi Som skrifttyper har vi valgt to sans serif fonte, der med deres venlige og åbne kurver giver siden et læsevenligt og imødekommende udtryk. Montserrat Til overskrifter og menuer har vi valgt denne skrifttype, som er inspireret af skilte og plakater fra de gamle byområder i Buenos Aires. Skrifttypen er gratis og kan findes i Google Fonts bibliotek. Roboto Denne populære skrifttype er udviklet af Googles interface designer, Christian Robertson, og bliver brugt til mobiloperativsystemet, Android, og mange af Googles egne applikationer såsom Google Play og Google Maps. Skrifttypen er som med Montserrat, også gratis tilgængelig i Google Fonts bibliotek. Bold AaBbCcDdEeFfGgHhLiJjKkLlMm Regular AaBbCcDdEeFfGgHhLiJjKkLlMmN Medium AaBbCcDdEeFfGgHhLiJjKkLlMmN 21

Designprincipper Vores mål har været at skabe en hjemmeside, der med dets enkle design både er æstetisk pænt at se på, men samtidig også funktionelt og brugervenligt. Enkelhed og funktionalitet Dette opnår vi blandt andet, ved bl.a. at forholde os til designprincippet, Enkelhed. Vi har i udviklingsprocessen forsøgt at undgå elementer på siden, som forstyrrer brugeren i modtagelsen af de informationer, som hjemmesiden præsenterer dem, og som skaber støj og uklart design. Billeder og andre relevante visuelle medier, er kun inddraget, når de bliver brugt i en relevant kontekst og ikke for pyntens skyld. På den måde skabes et enkelt og stærkt design, som resulterer i brugervenlig dialog mellem hjemmesiden og brugeren. Ensartethed Samtlige elementer på hjemmesiden, hvad end det er overskrifter og brødtekst eller menuer og links, er placeret på en sådan vis, at der skabes en tydelig relation mellem elementerne. sammen. Ved at fokuserer på ensartethed, har vi udviklet en hjemmeside, der fremstår struktureret og overskuelig. Forudsigelighed og genkendelighed Ved at udvikle en hjemmeside, der designmæssigt ser ud og fungerer som andre hjemmesider, forsøger vi at skabe en ekstern genkendelighed for brugeren. Det er vores mål at holde læringskurven så flad som muligt og sikre os, at der skabes brugbarhed igennem forudsigelighed i hjemmesidens struktur. Grupper, lukkethed og kontrast For at gøre det nemt for brugeren at overskue de mængder af informationer, som hjemmesiden præsenterer, har vi grupperet elementer og forskellige afsnit i lukkede miljøer med forskellige farver for at skabe en tydelig kontrast. Ved at opdele informationerne i grupper, skaber vi en overskuelig strukturering af indholdet. Det er vigtigt at skabe en sammenhørende fornemmelse, hvor der er elementer, som hører sammen, og som ikke hører 22

Brugertest Indledning For at teste hjemmesidens brugervenlighed har vi lavet en brugertest. Vi startede med at rekruttere en bred vifte af testpersoner for at være sikker på alle type IT-brugere kan begå sig på hjemmesiden. Derpå opstillede vi to opgaver omhandlende hjemmesidens funktioner. Inden testen kunne udføres, lavede vi en kort pilot-test. Testdeltagere - (A) Mand, 22 år Gode IT kompetencer Studerende Scenarier 1. Nyhedsbrev Du ønsker at følge tøjproducenten Little Llamas fremtidige tilbud. Du skal derfor tilmelde dig nyhedsbrevet. 2. Kontaktside Du ønsker at spørge ind til de peruvianske arbejdsforhold, der indgår i produktionen. Send dine spørgsmål til Little Llama. Testresultater Testdeltager A - (B) Kvinde, 68 år Ingen IT kompetencer Pensionist - (C) Mand, 52 år Minimale IT kompetencer Butikschef 1. Nyhedsbrev Testpersonen ligger hurtigt mærke til forsidens længde og starter testen med at scrolle den igennem. Han finder nyhedsbrevet i bunden, får tilmeldt sig og løser opgaven hurtigt. 2. Kontaktside Testpersonen ligger hurtigt mærke til forsidens længde og starter testen med at scrolle den igennem. Han finder nyhedsbrevet i bunden, får tilmeldt sig og løser opgaven hurtigt. 23

Yderligere kommentarer - Simpel og brugervenlig side - Testpersonen kritiserer kontaktsidens krav om at klikke på Send -knappen og fremsætter en løsning om at kunne trykke Enter på tastaturet i stedet. Testdeltager B Testdeltager C 1. Nyhedsbrev Testpersonen kigger først på kontaktsiden og indser, nyhedsbrevet ikke findes her. Han går tilbage på forsiden og efter at have skimmet forsidens artikler, finder han funktionen. Opgaven blev løst på acceptabel tid. 1. Nyhedsbrev Testpersonen starter testen med at skifte side et par gange og beklager sig undervejs. Efter to minutters irriterende sideskift og scrolling går testpersonen systematisk til værks, og da hun når bunden på forsiden, finder hun endelig funktionen til nyhedsbrevet. Hun får tilmeldt sig. 2. Kontaktside Testpersonen gik straks til kontaktsiden og løste opgaven nemt. Yderligere kommentarer - Flotte farvevalg 2. Kontaktside Efter testpersonens flere sideskift i den første opgave, kendte hun allerede til kontaktsiden i menuen. Opgaven blev derfor løst hurtigt. Yderligere kommentarer - Testpersonen kritiserer placeringen af nyhedsbrevet, som hun havde svært ved at finde. - Flotte billeder 24

Magasin-reklame Vores reklame er udviklet med udgangspunkt i at apellere til vores respektive målgruppe. Vi har med babyen og tekstens indhold forsøgt at appellere til kvindernes moderlige instinkter. Vi har vurderet at virksomheden endnu ikke er godt nok placeret i forbrugernes bevidsthed, til kun at bruge brandets værdi i markedsføringen, og derfor har vi skrevet en del tekst, som fortæller de mest væsentlige ting om virksomheden og skaber interesse. Det er vores idé at reklamen skal distribueres i ugeblade og magasiner, der er henvendt kvinder. Derfor er reklamen designet i A4-format. Magasinerne Vores Børn og Vores Børn - GRAVID henvender sig til vores målgruppe, og det er derfor i en af disse magasiner, vi mener, at reklamen som udgangspunkt burde annonceres. Vores Børn og Vores Børn - GRAVID udgives af mediekoncernen, Egmont, og blev læst af henholdsvis 69.000 og 56.000 danskere i 2. og 3. kvartal af 2014 1. En fuldside-reklame koster 35.500 kr. i begge magasiner 2. 1 http://www.egmontpublishing.dk/annoncer/annoncer-i-magasin/oplags-og-lasertal/ 2 http://www.egmontpublishing.dk/annoncer/annoncer-i-magasin/annoncepriser-2014/ 25

Troværdighed CSR Lukkethed Farver Nærhed Baby Grids Designprincipper Billede Blikfang Llama Kontrast Bogstav rim Grids Tekst Slogan Følelser Psykologi Minerva Offline advertising Distributionskanaler Blade / magasiner Samarbejdspartnere / organisationer Double page Magasin-reklame Single page Stikprøve af garn Posters Billedtype AIDA Budskab Genkendelighed Kønsbestemt Typografi Vores børn Børn Brainstorm Vores brainstorm for magasin-reklamen illustreret i et mindmap. 26

Designvalg Farver Farven brun udviser stabilitet, struktur og støtte. Farven er med til at give en følelse af sikkerhed og troværdighed. Ved at benytte de samme farver i reklamen som på hjemmesiden, har vi skabt en intern genkendelighed i mellem kampagnens produkter. Typografi I vores reklame har vi brugt skrifttypen Roboto til brødteksten, den samme skrifttype som vi har brugt til hjemmesiden. Det er en blød og venlig skrifttype, der giver et åbent og imødekommende indtryk. Til overskriften har vi anvendt skrifttypen Museo Slab, som skaber en tydelig kontrast mellem overskrift og brødtekst. Ved at forholde os til designprincipper og reklamens opsætning, har vi gjort reklamen mere overskuelig, så formidlingen af budskabet ikke forstyrres. Enkelthed Ved at forholde os til designprincippet, enkelhed, i vores reklame, har vi skabt et rent og overskueligt design. Reklamens enkelthed får billede af babyen til at fungere som en del af reklamens blikfang. Ved at undgå stærke og slående farver og andre grafiske elementer, bryder babyen reklamens passive farvertema. Grupper, lukkethed, nærhed og kontrast Ved at forholde os til disse designprincipper og gruppere sammenhørende elementer, gør vi det nemmere for læseren at vide, hvad der er sammenhørende. I bunden af reklamen, har vi bl.a. grupperet kontaktinformationer og samarbejdspartnere i et lukket miljø. Designprincipper Som med vores hjemmeside, har vores mål været at skabe en reklame, der med dets enkle design både er æstetisk pænt at se på, men samtidig formidler et tydeligt budskab. 27

Banner-reklamer Som det sidste produkt i projektet har vi udarbejdet to bannerannoncer til internettet i dimensionerne: 160x600px og 930x180px. Vi har lavet et vertikalt og et horisontalt banner, så det kan bruges i tilfælde, hvor det skal fungere som et topbanner eller som stående banner.bannerne er udviklet med henblik på at skabe trafik til kampagnens hjemmeside, hvor man kan læse mere. Bannerannoncerne er animeret i Adobe Edge, for at give dem noget bevægelse, så de kommer til at fremstå levende. De mange elementer i bevægelse skaber attention og fanger brugerens opmærksomhed. Bannerne skal vises på hjemmesider, der henvender sig til kampagnens målgruppe. Her er der tale om hjemmeside, der bliver benyttet af mødre som f.eks. babygalleri.dk og babyklar.dk. Hvis de bliver vist på debatforummer, kan de også skabe omtale blandt brugerne. Se animerede bannere: http://markkristensen.dk/projekter/csr/animeret-banner/horisontalt/horisontalt-banner.html http://markkristensen.dk/projekter/csr/animeret-banner/vertikalt/vertikalt-banner.html

Distributionskanaler Baby-relateret debatforummer Debatforummer for mødre Æstetik Organisationers logo Troværdighed Adobe Edge HTML5 Grids Nærhed Kontrast Tekst Animation Designprincipper Online advertising Banner Genkendelighed Horisontalt Vertikalt Budskab Farver Typografi Billedtype Lukkethed Tekst Blikfang Billed Animation Brainstorm Vores brainstorm for banner-reklamenerne er også illustreret i et mindmap. 29

Designprincipper Genkendelighed Ved at bruge de samme skrifttyper og farver, som vi gør på hjemmesiden og på reklamen, skaber vi intern genkendelighed, så forbrugeren kan genkende og opleve vores medier som værende sammenhørende. Enkelthed Vi har brugt designprincippet enkelthed ved at skære unødvendigt tekst og grafiske elementer fra, for at skabe en overskuelig bannerannonce. Teksten fra magasin-reklamen er tilpasset dette medie, ved at udvælge de ord, der kan fortælle mest på kortest vis. Nærhed og grupper Bannerannoncernes indhold er grupperet og placeret i forhold til hinanden, så der skabes en tydelig sammenhæng mellem elementerne. På den måde kan vi i mange tilfælde forudsige, hvad brugerne læser sammen. Det er også med til at skabe overskuelighed. 30

Spørgeskema Introduktion Vi har udformet et spørgeskema som led i vores konklusion. Vi har udvalgt respondenter, som passer med vores målgruppe. Magasin-reklame 1. Mener du, at denne reklame tegner et samfundsansvarligt billede af virksomheden? Samtlige respondenter svarede ja. Kommentarer 2. Giver reklamens indhold dig større interesse/lyst til at købe produktet, hvis produktet var relevant for dig? Samtlige respondenter svarede ja. Kommentarer Fangende overskrift Silkeblødt, varmt og allergivenligt, som skaber opmærksomhed om kampagnen. Tryg baby man vil det bedste for sit barn. Troværdige samarbejdspartner giver støre købelyst. Virksomheden fremstår samfundsansvarlig, da den har eksterne troværdige samarbejdspartnere. Derudover prioriterer den miljørigtig produktion og allergivenlighed. Virksomheden donerer til velgørende organisationer. Babyen giver et rent udtryk, som kan symbolisere allergi venlighed. 31

Hjemmeside 1. Bliver budskabet med kampagnen formidlet tydeligt på hjemmesiden? 2. Mener du, at denne hjemmeside tegneret samfundsansvarligt billede af virksomheden? Samtlige respondenter svarede ja. Respondenters forståelse af budskabet: Samtlige respondenter svarede ja. Kommentarer God kvalitet Miljørigtig produktion Allergivenlighed Stor omtanke på produktion Troværdige samarbejdspartnere Donation til velgørende organisationer Helheden i virksomheden: kvalitet, ansvar for peruvianske arbejdsforhold og miljørigtig produktion. 32

Konklusion På baggrund af spørgeskemaerne kan vi konkludere, at det med denne kampagne bestemt har været muligt at sende et budskab, der giver forbrugerne et samfundsansvarligt billede af virksomheden. Det samfundsansvarlige billede bliver tegnet, når virksomheden igennem kampagnens reklamer, fortæller hvad de gør for at tage hensyn til samfundet. Heriblandt miljøvenlighed, etisk produktion, donationer til velgørende organisationer, omtanke på peruvianske arbejdsforhold og allergivenlighed. Vi kan se, at det også er en god idé at indgå et samarbejde med genkendte organisationer, når man som lille virksomhed, der ikke er solidt placeret i forbrugernes bevisthed endnu, gerne vil vise, at man er opmærksom på det samfundsansvar man har. Man kan nemlig låne af deres brand værdi og dermed skabe troværdighed. 33

Kildehenvisning Billeder To alpacaer der kysser: https://www.countingflowers.nl/downloads/cms/alpaca-fibre.jpg Little Llama logo: http://static.wixstatic.com/media/b341ab_3f0361ce38b64dd6940d6c4c26207bc5.gif_srz_p_574_357_75_22_0.50_1.20_0.00_gif_ srz Peruviansk pige med hat: https://thomasstewartphotography.files.wordpress.com/2011/06/img_3414resized.jpg Peru, kvinder på mark. http://www.fodors.com/world/images/destinations/681/peru.jpg Eng. http://www.nilan.dk/files/billeder/images_top/general/sunset-corn_top.jpg Alpacas. http://alpacafiberdesigns.com/wp-content/uploads/2014/08/alapacas.jpg Baby, blå øjne. http://showme.co.za/brits/files/2013/10/baby-3.jpg 34

Online banner Lille baby med sjovt blik: http://images2.baby-connect.com/images/baby2.gif Javascript plugins Sweet Alert: http://tristanedwards.me/sweetalert 35

Bilag 1 Billeder af hjemmesidens udseende ved aflevering