Making the world smile http://www.somethingsimple.dk/projects/hasbrocsr/index.html Hasbro-gruppen - MulB 2.sem: Ivan Christensen, Jonas Falk & Augusta Naundrup
Problemformulering 3 PBS 4 WBS 4 Gantt chart 5 SWOT-analyse 6 Stakeholder analyse 6 Målgruppeanalyse 7 Moodboard 7 Wireframe 8 Mockup 8 Visuel identitet 9 Usability brugertest 11 Usability eksperttest 12 Offline advertisement 13 Konklusion 14
Problemformulering Virksomhed: Hasbro Problemformulering Hvordan laver vi et dynamisk CSR-website til legetøjsgigaten Hasbro med fokus på at ramme den rigtige målgruppe? Samarbejdspartnere PLAN international og China Labor Watch. Baggrund for valg Amerikansk legetøjs-/brætspilsgigant, indflydelse på stor målgruppe, anerkendt firma. Hasbro er en verdenskendt legetøjs- og brætspilsproducent, som står bag bl.a. Monopoly, My Little Pony, Play-Doh, Mr. Potatoehead, m.m. De startede ud i 1923 og har en omsætning for flere mia. årligt. De er verdens 3. største legetøjsproducent. Scope Opgaven går ud på at levere et dynamisk og velfungerende website til virksomheden Hasbro. Websitet skal bruges til CSR og skal kommunikeres ud til brugerne på en ordentlig og forståelig måde. Delimitations Hvad der ikke skal være med, som man alligevel ville forvente der skulle være med. Fx hvis man laver website kunne man under delimitations påpege, at man ikke selv ikke er ansvarlige for upload, eller der ikke skal laves en kontaktform til CSR sitet. Critical path En række post-its med aktivitet og estimeret tid. Find den længste vej. Firmaets baggrund/csr Tryghed og sikkerhed, sundhed/miljø.
PBS & WBS
Gant Chart
SWOT-analyse SWOT analysen bruges til strategisk planlægning, hvor vi i analysen kigger vi på virksomhedens interne og eksterne situation i form af styker, svagheder, muligheder og trusler. Styrker og svagheder hører til Hasbro s interne situation, altså hvordan tingene står til for Hasbro lige nu. Muligheder og trusler hører til Hasbro s eksterne situation, hvor man kigger på de udenfrakommende faktorer, der i fremtiden kan påvirker Hasbro i en positiv eller negativ retning. Stakeholder analyse Med stakeholder analysen kan vi se hvem der har magt over vores projekt, og hvem der har interesse i vores projekt. Under projektet er det vigtigt at identificere, hvilke parter der har indflydelse på projektet og sørge for at få eller bibeholde deres support til projektet. 1. Hasbros Direktør: stærk interesse i projektet - meget magt. 2. Hasbros kunder: Stor interesse i projektet pga. produktkøb fra Hasbro. Kunderne hver især ikke nogen stor magt, men Hasbro bør alligevel være opmærksom på kunderne, da kundernes interesse kan have en supporterende funktion, hvilket kan påvirke projektet både positivt og negativt. 3-4: PLAN og China Labor Watch, som er Hasbro s samarbejdspartnere. Disse organisationer støtter Hasbro i projektet og har som større organisationer en stor magtindflydelse på projektet.
Målgruppeanalyse Moodboard Målgruppen for vores CSR website er hovedsageligt forældre til børn der leger med legetøj samt større organisationer. Målgruppen strækker vidt rent geografisk, da Hasbros produkter bliver solgt i en bred række af lande. Målgruppen for forældre er ca. i alderen 20-50 år. De går op i deres barns sikkerhed, og kan lide traditionelt og velkendt legetøj. Målgruppen for organisationerne er primært større organisationer, der ønsker at indgå i et samarbejde med Hasbro. Organisationerne kan være virksomheder eller frivillige organisationer, som enten er i en lignende branche eller deler de samme værdier og interesser som Hasbro.
Wireframe Mockup
Visuel identitet Visuel identitet Da Hasbro allerede er en stor anerkendt virksomhed, er der ikke blevet foretaget de store ændringer i deres visuelle identitet. I stedet er fokus holdt på at få CSR-siden til at passe nogenlunde sammen med Hasbros øvrige layout. Hasbro har allerede en CSR-side, som til dels er brugt som inspiration til vores CSR-side. Hasbros egen side har dog nogle problematikker, som vi har valgt at fokusere på at forbedre. Signalering Hasbros oprindelige CSR-side består af en opsætning af forskellige bokse, hvoraf nogle linker videre til undersider, mens andre blot er små faste bokse. Det fremgår ikke tydeligt af overskrifter og billedvalg, hvad Hasbros CSR rent faktisk består i, ej heller hvorvidt man bliver linket videre til mere læsning eller ej. Vi har valgt at arbejde med en tydeligere og mere overskuelig signalering, ved at formulere nogle relevante overskrifter. Desuden har vi udskiftet billederne, så der til hver CSR-sag er valgt et billede der mere tydeligt fortæller, hvad emnet omhandler. Hver CSR-sag har fået sin egen farvede boks hen over forsiden, så der ikke hersker nogen tvivl om, hvornår der skiftes CSR-emne. Navigering På den oprindelige CSR-side for Hasbro kan der hurtigt opstå en del navigeringsforvirring, da det kun er særligt udvalgte bokse der linker videre til en uddybende underside. Der er ikke nogen tydelig markering af hvilke bokse det drejer sig om, så man må prøve sig frem. Vi har udarbejdet en simplere og mere brugervenlig navigering mellem undersiderne. Der er blevet ryddet op i boksene, så de bokse der nu er på forsiden alle linker ind til en uddybende underside. Der ud over er der tilføjet en simpel navigationsbar i øverste højre side, så man let kan navigere rundt mellem alle siderne, ligegyldigt hvor man lander på CSR-siderne. Det fremgår desuden tydligt af navigationsbaren hvilken side man befinder sig på, da navigationslogoernes farve skifter efter hvilken side der er den aktuelle. Navigeringsbaren består af små logoer, der med symboler viser hvilket CSR-underemne der henvises til. Index Environment Production Plan
Font & Farvevalg Proxima Nova abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 0123456789 Proxima Nova er den font som Hasbro allerede benytter på deres hjemmeside. Den er simpel, letlæselig og uden serif. Den egner sig perfekt som gennemgående font for hjemmesiden, da den både er behagelig til overskrifter og brødtekst. Derfor har vi valgt at holde fast i denne font, da der intet grundlag er for at ændre den. Vi har valgt at holde siden på engelsk, da det er et internationalt firma. #2980C3 #7F57A4 #EDA315 Farvepaletten er valgt med udgangspunkt i Hasbros generelle brug af stærke farver. Deres produkter henvender sig i høj grad til børn, og det er det vi vil signalere til omverdenen. Hasbros Making the world smile skinner tydeligt igennem i de klare, muntre farver, dog stadig uden at farverne bliver stressende eller faresignalerende - derfor optræder rød heller ikke blandt de brugte farver. Med valget af blå, violette og gule toner signaleres kreativitet og fantasi i en kombination med ro og troværdighed, som er hvad der vil værdsættes hos et firma med børn som målgruppe.
Usability - Brugertest Til at teste websitet har vi brugt brugertest og ekspertvudering. Vi følte ikke det var nødventigt at udføre navigationstests, som fx gangstertest, da websitet ikke er særligt stort og omfattende. Vi lavede pilottest og prøvede testene igennem inden forsøgtspersonerne for prøve testene af. Brugertest opgaver: 1. Find the banner saving plan children project and click on it. 2. Go to the homesite/startsite from here. 3. Find a poster that shows Hasbro cares about the environment. 4. Go to the homesite and find an article about work environment and use it to get to the worker site. 5. Find the statistics about Hasbro s environmental production. Der blev lavet 4 brugertests på CSR-websitet. Testpersonerne var alle kvinder i starten af 20 erne med baggrund indenfor marketing. Testene tog ca. 8-10 min. Testpersonerne kunne overordnet godt lide designet på sitet, som de fandt simpelt, samt farverne og deres styrke. Det var også rimelig let folk testpersonerne at navigere rundt på sitet, da der ikke var så mange forskellige sider at klikke på. Testpersonerne fandt også teksten på siden læselig og kunne godt lide billederne samt websitets dynamik og interaktivitet. Testpersonerne havde dog også nogle fælles ting de mente der kunne forbedres på sitet. Nogle af testpersonerne havde svært ved gennemskue ikonerne i navigationsmenuen og mente at man kunne forbedre navigationsmenuen ved få tekstinformation om et menupunkt, når holder musen over et ikon. Der var mest tvivl omkring miljøikonet i navigationsmenuen, og hvordan ikonet hang sammen med indholdet på siden. Et andet ikon mange af testpersonerne ikke kendte var planbørnikonet. En af testpersonerne mente også det ville være mere intuitivt, hvis menuikonernes farve var de samme som artiklernes farve på forsiden. Fælles for testpersonerne var også de havde svært ved at finde banneret til saving plan children project, og det var svært at gennemskue, at man rent faktisk kunne klikke på banneret. En løsning til dette var, at man kunne fjerne banneret og lave et link i teksten i stedet for. Derudover savnede nogle af testpersonerne et footer i bunden af sitet, en anden titel til artiklen med planbørn og separat rapport til statistikken på websitet.
Ekspertvurderingen blev udført af 1 ekspert. Eksperten syntes grundlæggende godt om sitet. Der var dog enkelte ting der kunne forbedres ifølge eksperten. Eksperten savnede at stregen over miljøikonet var lysegrå, og syntes at de blå farver på siden var for forskellige, hvilket var forvirrende. Eksperten syntes også, at det var svært at læse den hvide tekst på sitet og ville derfor have foretrukket en almindelig sort skriftype. Derudover savnede eksperten linjer på hjemmesiden, og at tingene meget gerne måtte flugte mere og stå mere lige. Eksperten syntes også at den hvide border på slideren skulle være større ligesom billederne på forsiden. Eksperten mente også det var svært at gennemskue, hvad diagrammet under miljøsiden betød. Som sidste ting ville eksperten have foretrukket at ikonet for den aktive side clienten befinder sig på skulle have samme orange farve, som når man holder musen over ikonerne. Usability - Eksperttest
Offline advertisement Vores reklame består udelukkende af offline advertising. Der findes en plakat med udgangspunkt i miljø, samt en helside i samarbejde med PLAN tiltænkt magasiner for forældremålgruppen.
Konklusion Vi har valgt at udarbejde end simpel og overskuelig CSR side til Hasbro. Fokuspunkterne er tydeligt opdelt med relevante overskrifter og links videre til undersiderne. Farverne er valgt ud fra Hasbros allerede stærke farvevalg. Samarbejdspartnerne er valgt med fokus på børn, hvilket er relevant da Hasbro producerer legetøj.