CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

Relaterede dokumenter
DSU Dansk Stavgang Union

Senior Sundhed. Webdesign project / Mul A, 1. sem. / november 2014

HTX. Afsluttende projekt. E-learning Komunikation/It C Helena, Katrine og Rikke

Gruppe 9 Visuel Interface Design, 27/09/2011

E-zine Online magazine

Projekt - Valgfrit Tema

Analyse af website: cinnobershop.dk

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

Projekt 5 - Porfolio Redesign

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

Helosan og Kræftens Bekæmpelse

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK DESIGN. Webdesign til fodboldportal

WORKFLOW & PRODUKTION

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

Grafisk Design. rafisk Design

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Superskolernes kampagne

Dokumentation. Grafisk Design

Website design, projekt 4

Mul A, 2. semester, projekt 1: Coorporate Social Responsibility

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Bannerprojekt Mul B 2013 Gruppe: 6

Førsteårsprøven Projektbeskrivelse 2. Semester Multimediedesigner

RAPPORT. App 4. projekt 3. semester. Mail:

Grafisk produktion & workflow

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Grafisk workflow. Se siden her:

Website design 1. semester, Projekt 3

Komunikation/It C Helena, Katrine og Rikke

AFSLUTTENDE OPGAVE. udemiljø

WORKFLOW & GRAFISK PRODUKTION

Grafisk Design. Komunikation/it. Lavet af Thomas Daugaard. Klasse 1.4, HTX, Roskilde. Side 1

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

Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring

Portfolio Redesign Kamilla Klein 1. Semester eksamen

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

Informations Teknologi Indholdsfortegnelse

Bilag. Bilag 1. Rapport. Rapporten skal.. Produkt. Produktet skal...

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS

Making the world smile

KOM GODT FRA START MED DIN HJEMMESIDE

Coporate Social Responsibility

Computerens anatomi. Flashklip for børn

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

18. Effektiv Medlemskommunikation

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

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

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi : 3. Semester. Multimediedesigner Projektstart: 28/ Aflevering: 09/10-209

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

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Factsheet. Projekt: CSR-Kampagne Gruppemedlemmer: Andreas Baggesgaard, Kamila Melnyczok,

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

4. DEC 5. DEC 8. DEC 2014

Designmanual. Kommunikation/It A. Martin B. Villadsen, Alexander Madsen 11/18/15 HTX 3.a

GRAFIK & BILLEDER. Marc Jacobs Daisy parfume annonce

Vigtige funktioner i Word 2003

Grafisk workflow. bl.udbudsnet.dk

Programvalg Dreamweaver CC, html Photoshop CC 2015

3. semester F&A, 2014 Jump Rope Production

Indhold. Opgaven - Beskrivelse - Oplæg - Målgruppe. Inspirationssøgning. Brainstorm. Skitser - Symbol. Skitser - Site. Digitale skitser - Site.

Hvad skal vi have ud af dagen: Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS.

Portfolioudvikling. Line la Fontaine. Multimediedesigner

GRAFISK DESIGN. Kenneth Friis Petersen

MONIQUE BOOTS-NIELSEN / GRAFIKER

!!!!!!!!!!!!!!!!!!!!!

Projekt 3 Website Mock up fra Klient Brief. Link to NemNet

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

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.

GRAFISK DESIGN 1. HOVEDFORLØB

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

Undervisningsmateriale - Rapport

3. PROJEKT. Cph Business MULA SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE.

Bilag 1. Semi-struktureret interview Jan D. Johannesen, Director Environment & Climate, Arla Foods

Produktbeskrivelse - Grafisk workflow

Af: Casper Christiansen CPH-business Eksamens projekt Første semester, Dec Jan. 2014

H2 Portfolio. Patrick Lindholm-Andersen

Analyse af websiden FeelgoodBakery.dk

Michella+Serritzlew+Jacobsen+

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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å

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

KOM/IT DESIGN MANUAL AF SAF

Afsluttende Projekt - Kom/IT

Kom/IT rapport Grafisk design Anders H og Mikael

Afsluttende semesterprojekt - 1. Semester

GRAFIK GRAFISK DESIGN

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Succeskriterier og mål for projektet

GRAFISK - DESIGN HJEMMESIDER TIL IME FONDEN

Guide. Administration af FDF.dk/Nyborg. 1. Udgave Ide og layout Christoffer S. Rasmussen

Transkript:

CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com Ossama Freije Oss_freije@hotmail.com Side: 1/11

Indholdsfortegnelse 1 Introduktion... 3 1.1 Indledende Brainstorm... 3 2 Problemstilling... 4 2.1 Baggrund & definition... 4 2.2 Problemformulering... 4 2.3 Scope... 4 3 Website struktur... 5 4 Designvalg... 6 4.1 Designprincipper... 6 4.2 Farver... 6 4.3 Typografi... 6 5 CSR Kommunikation... 7 6 Metode... 8 6.1 Gantt... 8 6.2 PBS... 9 6.3 WBS... 9 7 Usability... 10 7.1 Brugertest... 10 8 Referencer... 11 Side: 2/11

Introduktion Vi startede med en brainstorm for at få et bedre overblik over, hvad der skulle være på vores hjemmeside og hvordan den skulle sættes sammen. Vi oprettede, for at lette kommunikationen, en lukket Facebook gruppe til alle medlemmer af gruppen. På den måde kunne vi nemt sende billeder og materiale rundt til hinanden, samt holde os opdateret på hinandens arbejdsprocesser og opgaver. Under første brainstorm blev vi enige om et udkast til forsiden. Herpå skulle der være 2 billeder der linker til hhv. Biogas og genbrug af plastiklåg. Vi fik også udarbejdet et udkast til et Gantt kort som vi kunne opdatere løbende, samt en WBS for at få et bedre overblik. Vores fokus har været en naturnær hjemmeside, som udtrykker simpelt design og giver læseren et indtryk af, at Arla vil være en del af kampen imod ressourcespild og grøn energi. Hjemmesiden skal så vidt muligt benytte en skrifttype der minder om Arlas logo. Vi blev enige om at starte med Calibri. Indledende brainstorm Den måde vi vil benytte medier på er, at hjemmesidens to undersider samt forside, vil fremhæve det miljøvenlige budskab igennem billeder. Vi gjorde en stor indsats for, at finde de rigtige billeder til de to sider. Side: 3/11

Problemstilling Arlas problemstilling er at komme ud med budskabet om, at de er miljøorienterede, og støtter op om genbrug og vedvarende energi. For at bringe dette budskab ud, vil vi skabe en hjemmeside der afspejler at Arla er miljøbevidst. Vi vil igennem medier i form af billeder og video formidle budskabet om Arlas miljøbevidsthed. Baggrund & definition Fra barns ben har den danske befolkning drukket store mængder mælk. Størstedelen af de danske skolebørn får skolemælk, hvor Arla står for distributionen. Derfor er Arla en stor del af den danske kultur allerede i en tidlig alder. I Danmark er vi meget sundhedsbevidste og derfor er vi tilbøjelige til at erstatte sukkerholdige drikke med mælk. Arla Foods er et mejerifirma med hovedsæde i Danmark. De er det sjette største mejerifirma i verden og det største i Nord Europa. De er således det største mejerifirma i Danmark og UK og står for 90% af mejeriproduktionen i Danmark. Problemformulering For at bringe dette budskab ud, vil vi skabe en hjemmeside der afspejler at Arla er miljøbevidst. Vi vil igennem medier i form af billeder og video formidle budskabet om Arlas miljøbevidsthed. Scope Vi skal lave en hjemmeside der fungerer som en interaktiv CSR rapport med billeder og video, og en rapport der beskriver processen og designvalgene. Produktet og Rapporten forventes færdig 20/2/2015. Side: 4/11

Sidestruktur Vores oprindelige ide, var at lave en enkelt hjemmeside man kunne scrolle igennem. Efter at have vejet fordelene mod ulemperne, valgte vi i stedetfor at dele hjemmesiden ind i de 2 hovedemner, da vi følte at siden ville blive ukoncentreret hvis den skulle beskæftige sig med 2 forholdsvis forskellige emner, på samme side. Vi endte således med følgende struktur: Forside Biogas Genbrug af plastlåg Herefter lavede vi nogle skitser, for at få en bedre ide om layoutet på de individuelle sider. Forsiden skulle også være så simpel som muligt. vi mente at det kun var nødvendigt at den skulle indeholde to billeder, en baggrund og et logo. De to emnesider skulle også følge en enkelt struktur, da det passer til vores problemformulering. Side: 5/11

Designvalg Vores designovervejelser er med inspiration fra Arla, da vi har valgt at bruge deres logo og da der ud fra farvesymbolikken er god grund til at benytte samme farvekombinationer som dem. Vi har valgt at tilføje en del luft til siden, for at gøre indholdet så overskueligt som muligt, men med nok elementer til at vække læserens interesse. Anvendelsen af køer på vores side er grundet at man ofte forbinder mejeriprodukter med køer. Vi har prøvet at illustrere de mest ideelle forhold for en ko, altså et liv i naturen, som vidner om Arlas interesse for dyrenes velbefindende. Designprincipper Vi har benyttet designprincippet om genkendelighed, ved at inddrage Arlas eksisterende Logo typografi, vi mener Calibri passer bedst. Derudover indrager vi farverne grøn og blå som allerede er massivt tilstede i Arlas eksisterende kampagner, reklamer og produkter. Vi har også benyttet princippet om enkelthed, ved at sørge for en brugervenlig og meget simpel brugergrænseflade. Der er kun 2 muligheder når man kommer ind på siden, biogas eller genbrug af plastiklåg. Vi har sørget for, at der ikke er irrelevant eller sjælendt brugt information og muligheder på siden. Farver Grøn og blå er de to primære farver på hjemmesiden. Grøn: Denne tone af grøn bruges til flere overskrifter på hjemmesiden. Farven grøn associeres med naturen, miljøet og sundhed, hvilket er grunden til vi ser den grønne farve som et oplagt valg. Disse kvaliteter er en stor del af Arlas image. Den grønne farve er god for øjnene og virker beroligende, siger man. Det kan medføre, at hjemmesidens indhold bliver mere tiltalende pga. den idylliske stemning i layoutet. Som signalfarve ses grøn også i dag i relation til frihed. Det grønne lys i lyskurven betyder som bekendt fri bane, frit lejde, fremad. Ved farvesætning af rum anvendes den grønne ofte på væggene, når man ønsker et stille og lidt beroligende udtryk. Man kan også forbinde den grønne farve til vækst. Disse betydninger af grøn vil vi implementere på hjemmesiden. Arla benytter grøn i forvejen i reklamer og på produkter. Blå: Blå sættes ofte i forbindelse med noget sandfærdigt, uple et, uspoleret, oprindeligt, vist og fromt. Vi valgte en blå himmel til siden, da blå giver fornemmelsen af ro og troværdighed, men blå er også på mange måder behæftet med noget seriøst og alvorligt. Når man sælger mad og drikkevarer er det især vigtigt at det ikke er nogen form for mistillid mellem kunden og distributøren og dette er vores belæg for, at benytte den troværdige farve blå. Disse betydninger af blå vil vi også forsøge, at implementere på hjemmesiden Blå er i forvejen benyttet i stor stil af Arla på produkter og i reklamer. Typografi Vi har valgt Calibri som den gennemgående typografi på siden, da den først og fremmest er den skrifttype som minder mest om Arlas. Calibri er en sans-serif skrift, hvilket er væsentligt for at optimere læsevenligheden på en computerskærm. Vi betragter også Calibri som værende en meget mild skrifttype, pga. de afrundede former, der understøtter den rolige atmosfære på siden. Side: 6/11

CSR kommunikation Arla udtrykker markant i deres CSR rapporter, at de bekymrer sig om miljøet. Dog fremhæver deres CSR ikke biogas, eller genbrug af plastik låg. Skulle det endelig være nævnt i en af Arlas CSR rapporter, er det ikke i fokus. Det er derfor vi har valgt at fremhæve netop disse to vigtige områder hos Arla. En 2x2 stakeholder matrix er blevet udviklet til at fremvise hhv. indflydelse og interesse i forbindelse med vores CSR kampagne. I forbindelse biogas anlægget, skal Arla tage hensyn til Godkendelses- og tilsynsmyndigheder. Kommunen anlægget skab bygges i, skal også godkende opsættelsen. Hvis Arla ikke lever op til disse krav, vil opbyggelsen blive standset og der er risiko for bøder fra staten. Derfor har staten en høj indflydelse i, hvordan anlægget skal sættes op, samt hvor mange penge der skal bruges på sikkerhed. Andre virksomheder i samme felt samt konkurrenter, er kampagnen mindst relevant til, da målet er rettet direkte imod stakeholders, forbrugere og fremtidige samarbejdspartnere. Med høj interesse har vi de firmaer, som kan gøre det muligt for Arla at opsætte anlægget. Xergi vil eksempelvis stå for drift at anlægget. Derudover har Arla rådgivere fra Dansk Landbrugsrådgivning og Videncentret for landbrug. Til sidst med højest indflydelse og interesse er forbrugeren og firmaets nuværende og kommende samarbejdspartnere. Beskeden Arla ved ud med er, at deres mejeriprodukter bliver produceret i et så bæredygtigt og miljøorienteret miljø som muligt. Side: 7/11

Metode Vi har igangsat arbejdet med en brainstorm, understøttet af PBS, WBS og gantt. Vi har arbejdet blandet individuelt og i hold, for at få opgavens problemformulering besvaret. Til udarbejdelse af hjemmesiden har vi brugt html, CSS, jqeury og PHP. Derudover er photoshop, illustator, Project Libre, indesign og word benyttet. Gantt Til projektet er et Gantt kort udarbejdet umiddelbart efter gruppesammensætning og scope. Side: 8/11

PBS WBS Side: 9/11

Usability Funktionalitet: Brugeren har den nemmest mulige måde at få adgang til de to underkategorier på, de er umulige at overse eller misfortolke. Vi mener vi med vores layout kan fremvise nødvendig information i en behagelig og professionel facon. Alle funktioner og menuer er nemme at bruge. Effektivitet: Vi har forsøgt at indrette vores design, sådan at brugeren kan udføre handlinger nemt og hurtigt. Det tager ikke brugeren mange sekunder at finde hvad han leder efter. Tilfredshed: Vores mål har også meget være, at brugeren skal blive engageret til at se videre. Her mener vi de blå og grønne farver samt sidens struktur, vil gavne engagement. Det mener vi da en forbruger altid har interesse i information om et produkt han/hun benytter, hvis denne er let tilgængeligt. Vores brugertest afslørede også tilfredshed med design og måden siden bliver fremvist på. Brugertest Vi har udført 2 brugertest på 2 unge mænd i aldersgruppen 18-25, med over middel IT kundskaber. Til brugertesten brugte vi følgende spørgsmål: Forsiden: Hvilken side er du på? Hvilke muligheder har du? I hvor høj grad var mulighederne åbenlyse (1-5)? hvad er dit generelle indtryk af siden? Biogas siden: Hvilke muligheder har du på siden? Hvilke forventninger har du til siden? Hvor meget biogas producerer anlægget? I hvor høj grad synes du at informationen på siden er velorganiseret? (1-5) Genbrug af låg siden: Hvilke muligheder har du på siden? Hvilke forventninger har du til siden? Hvilken partner har Arla i dette foretagende? Hvad synes du om Arla i forhold til denne hjemmeside? Til begge spørgsmål hvor brugeren blev bedt om at give siden en karakter, scorede den 4 eller højere. Generelt var der ikke noget besvær med at besvare spørgsmålene, med undtalelse af de faktuelle spørgsmål. pga. testens natur, glemte test personerne hurtigt hvad de havde læst om de andre sider på forsiden. Derfor gav det nogle komplikationer at svare på de faktuelle spørgsmål. Man kan tilføje at test personerne muligvis ikke er dem, der ligger typisk inden for målgruppen som siden skyder efter. Derfor er røber resultaterne nok ikke alle mulighederne for forbedring. Side: 10/11

Referencer http://www.maabjerg-bioenergy.dk/om-maabjerg-bioenergy/ http://www.terracycle.dk/da/brigades/brug-laget.html http://www.arla.dk/produkter/brands/arla-harmonie/arlas-nul-spild-program/baredygtige-kartoner/ http://www.arla.com/da/om-arla/vores-ansvar/biogasanlag/ http://landbrugsavisen.dk/kv%c3%a6g/arla-mejeri-bytter-valle-biogas http://www.farvernesbetydning.dk/farvekoder-find-html-farvekoder-til-din-hjemmeside/ Side: 11/11