PRODUKTMAPPE Produktmappe.indd 1 22/05/14 15.14
TITELBLAD Navn: Årgang: 2012 Hold: Profil: Speciale: Projekt: Vejleder: Titel: Elin Mathiasen 4des0912 Marketing Digital Publisering Afsluttende eksamensprojekt Nina Bach Design af grafisk profil og markedsføring, af Olgas Oldebørn. Underskrift Produktmappe.indd 2 22/05/14 15.14
INDHOLD PRODUKTER Logo... 4 Brevlinje... 5 Hjemmeside... 6 Gavekort... 10 Produktkatalog... 12 Facebook side... 15 Emballage... 16 Rabatkort... 19 Gadeskilt... 20 3 Produktmappe.indd 3 22/05/14 15.14
LOGO 4 Produktmappe.indd 4 22/05/14 15.14
BREVLINJE Julie Thomsen Enghavevej 12, 1.tv. 9000 Aalborg Olgas Oldebørn Møllegade 10 9000 Aalborg Fakturanummer: 20345 Ordrenummer: 63812 Kundenummer: 416785 Fakturadato: 07.05.14 Ordredato: 06.05.14 Tlf. 98128877 mail@olgasoldeboern.dk CVR nr. 29287171 Varenr Antal Mærke Beskrivelse Stk. pris Beløb 63547 1 Little Marc Jacobs Babylyserød flamingo T-shirt 270,00 270,00 45987 1 Scotch R Belle skjorte uden ærmer 540,00 540,00 66872 1 Juice Couture creme t-shirt med tryk 270,00 270,00 56208 1 Desigual Nederdel m. sten 530,00 530,00 52349 1 Converse Stribet strømper 50,00 50,00 Forsendelse: Post Danmark - uden omdeling I alt DKK ekskl. moms Moms 0,00 1328,00 332,00 I alt DKK inkl. moms 1660,00 Møllegade 10 9000 Aalborg Møllegade 10 9000 Aalborg Tlf: 98 12 88 77 www.olgasoldeboern.dk mail@olgasoldeboern.dk Brevlinjen er lavet i samme grafiske stil. Den skal både bruges online, efter endt handel, og derudover skal den også sendes med varerne. Derfor skal den være enkel og overskuelig, da den både skal fungere på skærm og på print. Brevlinjen er printet på forhånd på almindeligt 100 gram A4 papir, da det skal være så økonomisk som muligt. Derudover skal de også kunne printe på papiret selv i butikken. For at give det en ekstra detalje, har jeg valgt at få trykket den illustrative baggrund på bagsiden. Dette gør brevlinjen mere eksklusiv, og er ikke set nær så ofte. 5 Produktmappe.indd 5 22/05/14 15.14
HJEMMESIDE Forside Vareoversigt 6 Produktmappe.indd 6 22/05/14 15.14
HJEMMESIDE Produktbeskrivelse Kurv 7 Produktmappe.indd 7 22/05/14 15.14
HJEMMESIDE Hjemmesiden En succesrig måde at lave en hjemmeside på, har altid været fra skitse til rentegning. 1 Derfor startede jeg med at lave en visuel research, hvor jeg indsamlede inspiration fra andre webshops. 2 Inden jeg gik i gang med designet, lavede jeg en Sitemap 3, for at få et overblik over hvordan brugeren kan navigere rundt på sitet. En hjemmeside der er nem at navigere rundt i, er nøglen til succes. Fotografierne er gemt i JPEG, og logoerne og illustrationerne er gemt i GIF. Detter er gjort da en JPEG fil kan indeholde millioner af farver. Dog kan man ikke undgå at kvaliteten vil forringes i dette format, da da farveinformationerne reduceres for at gøre filen mindre. På en hjemmeside er det vigtigt at holde filstørrelserne på et minimum, for at alle nethastigheder kan være med. 4 GIF filer har et reduceret antal farver, og er derfor brugt på knapperne og illustrationerne. GIF kan derudover også bruges til at gemme transparens. Layout Den mest udbredte opløsning for nutidens skærme er 1024 x 768 px. Derfor har jeg valgt at gøre brug af denne opløsning. Denne opløsning er valgt for at dække flest danske kunder. 5 For at sikre det mest funktionelle og brugervenlige layout, er hjemmesiden opbygget efter F-layoutet. Studier har vist at besøgende på en hjemmeside automatisk læser skærmen efter et F. 6 De vigtigste budskaber skal altid være i den øverste del af hjemmesiden. Hvis brugeren skal scrolle ned, risikerer du at de falder fra. Herefter screener deres øjne i venstre side, og kører igen ud mog midten. Det er oftest det enkelte der virker bedst. Luft i designet giver ro på hjemmesiden, og dette appellerer ubevidst til de fleste. 7 Her kommer varerne også i fokus. Brugervenlighed er essentielt for at en hjemmeside bliver god. Det skal være nemt at navigere rundt på siden, og så må der som udgangspunkt aldrig være mere end tre klik væk fra den ønskede information. Typografi Teksten er mindst lige så vigtig som grafik på en hjemmeside. Det er altafgørende at typografien skal være let-læselig. Det er i dag muligt at lave skriftstyring på hjemmesider, så der kan anvendes specielle fonte. For at siden ikke skal blive tung at loade, er der dog kun gjort brug af dette ved overskrifter og tekster der skal fremhæves. Denne font er den samme, der findes i resten af den grafiske profil af OO. 8 1. Dabner, David. 2010 :149 Grafisk Designkursus, Atelier. 2. Se logbog: 4 3. Se bilag: 14 4. Dabner, David. 2010 :152 Grafisk Designkursus, Atelier. 5. www.fdim.dk (15/5) 6. http://webdesign.tutsplus.com/articles/understanding-the-f-layout-in-web-design--webdesign-687 (15/5) 7. http://www.propellos.dk/online-markedsfoering/10-tips-til-et-godt-webdesign. aspx (15/5) Produktmappe.indd 8 22/05/14 15.14
HJEMMESIDE Det resterende typografi på hjemmesiden er lavet i fonten Helvetica. Dette er en web-safe font, som vil sige at de få fonte der hører ind under denne kategori, stammer fra filer, der findes på enhver computer. Elementer Kontaktoplysningerne er placeret i både toppen og bunden. Det er meget vigtigt at kontaktoplysningerne er tydelige. Det giver trykhed for den besøgende at det er tydeligt, hvordan man kontakter virksomheden. Derudover er det også en god idé at fortælle en historie om virksomheden. Dette er der gjort brug af på en underside. Dette personliggøre virksomheden, og får kunden til at føle sig mere hjemme. Nederest på siden er der en menu med seks billeder. De har samme størrelse, placeret lige tæt på hinanden og så har de alle en titel nede under billedet. Her træder loven om lighed i kraft. 1 Det skal være nemt at følge OO på de sociale medier. OO er at finde på både Facebook og Instagram, og derfor skal muligheden for at følge dem direkte fra hjemmesiden, selvfølgelig også være der. På den måde udnytter man medierne optimalt. Søgeordsoptimering Søgeordsoptimering er en vigtig del af en hjemmeside. I Danmark er Google den mest dominerende søgemasking. Hele 90 % af alle søgninger bliver gjort her. Ser man på søgemaskinetrafikken på en typisk dansk hjemmeside, kommer der også ca. 90 % af trafikken fra Google. 1 En topplacering er ganske enkelt vigtigt, da ca. 40 % af alle søgninger der bliver lavet på en søgemaskine, vælger brugeren at klikke sig ind på det først placeret website i søgeresultatet. Nr. To modtager ca. 12 %, nummer tre 8-10 % osv. 2 Når man søgeordsoptimerer er det vigtigt at fokusere på målgruppen. Jo yngre de er, jo mere specifikt søger de. 3 Derfor er det ikke helt optimalt kun at skrive børnetøj. Det kan man godt, men der er mange flere om buddet. Hvis man i stedet skriver børnetøj Aalborg eller eksklusivt børnetøj, vil man fange målgruppen bedre. 1. Poulsen, Ian. 2012 :34 De 20 Designprincipper, Grafisk Litteratur. 2. Flensted, Torbjørn. 2011 :17 SEO, Libris Media. 3. http://dotseo.dk/intruduktion-til-seo-hvorfor-er-soegemaskineoptimering-vigtig/ (19/5) 4. http://www.seoportalen.dk/soegeordsoptimering.html (19/5) 9 Produktmappe.indd 9 22/05/14 15.14
GAVEKORT 10 Produktmappe.indd 10 22/05/14 15.14
GAVEKORT Gavekortet er lavet i samme grafiske profil som resten af den visuelle identitet for OO. Gavekortet skal være indbydende, legende og let. Derudover skal det være overskueligt, da kunderne selv skal printe og folde det derhjemme. På bagsiden er der lavet en foldeguide, så kunderne ikke er i tvivl om hvad der skal gøres. For at holde samme røde tråd gennem alle produkterne for OO, er der brugt samme baggrund. Logoet skal være i fokus, da folk ikke skal være i tvivl om at dette er et gavekort til OO. Dog drukner logoet i baggrunden, da der sker for meget, og derfor er opacitien sænket, for at skabe mere ro. Når man åbner gavekortet ser man oplysningerne, på venstre side. Her skal kunden selv skrive informationerne på, som de modtager på mail. I baggrunden ser man det sort/hvide univers, med to børnetøjsmodeller. På bagsiden er der lavet en enkel foldeguide til giveren. Da det ikke er muligt at printe til kant på en almindelig printer derhjemme, kommer der i stedet en 5 mm hvid ramme rundt om motivet. For at få dette til at harmonere bedre, har jeg lavet samme effekt i midten, så det ser ud til at det er meningen. På den måde kommer det til at se mere detaljeorienteret ud. Baggrunden er lavet af en masse illustrationer af forskellige tøjdele, tasker og sko. Denne er brugt, for at det hele ikke skal blive for stringent og kedeligt. Gentagelse af forskelligt placerede objekter, skaber bevægelse og rytme. Normalt ville den have gået til kant, men da kunderne som sagt selv skal printe det, er dette undladt. Når objekterne ligger til kant, giver det illusionen om at mønstret fortsætter. Denne effet er dog stadig bibeholdt, da flere af objekterne er skåret over. Formatet er lavet i A4, da det skal passe til kundens printer derhjemme, og foldningen er lavet så simpelt som muligt, da der ikke skal dannes nogle misforståelser. På højre side er der lavet et fiktivt gavekort, som man normalt ser. Dette er selvfølgelig ikke muligt, da kunden selv skal printe det. Jeg har valgt at lave et fiktivt gavekort, da modtageren skal føle at han/hun får et gavekort. 11 Produktmappe.indd 11 22/05/14 15.14
PRODUKTKATALOG 12 Produktmappe.indd 12 22/05/14 15.14
PRODUKTKATALOG Katalog Kataloget er tænkt som en mulighed for merslag for OO. Her er det muligt for dem at vise nyhederne, og de sæsonaktuelle varer. Layout Da kataloget både skal appellerer til voksne og børn, har jeg både gjort brug af assymetrisk og symmetrisk design. Et symmetrisk layout giver et mere balanceret og design, imens et asymetrisk design giver bevægelse og livlighed. Ved at lege med disse to designtyper, skaber man et spil der skaber god kontrast til hinanden. 1 Katalogets layout er delt op i to spalter. Her placeres tekst og billeder i en forberedt struktur, og skaber derfor orden. Et godt linienet giver god mulighed for en hvis grad af fleksibilitet, men giver samtidig en visuel sammenhæng til det overordnet layout. Semiotik På enkelte modelbilleder er der anvendt semiotik. Ud fra deres tøj er der lavet denotative tegn, som forestiller prismærker. Her er priserne skrevet på. Da vi kender grundbetydningen af et prismærke, ved man automatisk at dette er prisen på den pågældende vare. Da prismærket hænger fast i tøjet, træder loven om forbundethed i kraft, da de to ting er forbundet. 1. Dabner, David. 2010 :41 Grafisk Designkursus, Atelier. 2. Poulsen, Ian. 2012 :110 De 20 Designprincipper, Grafisk Litteratur. 3. Poulsen, Ian. 2012 :110 De 20 Designprincipper, Grafisk Litteratur. 4. Poulsen, Ian. 2012 :18 De 20 Designprincipper, Grafisk Litteratur. 5. Poulsen, Ian. 2012 :23 De 20 Designprincipper, Grafisk Litteratur. Gestalt Ved alle varerne i kataloget, er der skrevet en pris. Her træder loven om nærhed i kraft, da dette gør at vi ved at den pågældende pris hører til varen. På s. 33. er der en kort tekst om mærket Converse. Her træder loven om nærhed ligeledes i kraft, da man derfor ved at de omkringlæggende varer er fra Converse. 2 På side 34-35 træder loven om lukkethed i kraft. 3 Her er siderne delt op i dreng/pige. Begge sider er indrammet i hver sin boks, og dette gør at man ved at tingene hører sammen i et sæt. Forside Mennekser på billeder tiltrækker vores opmærksomhed. Især imødekommende ansigter er appellerende. Derfor har jeg valgt at bruge et billede af en smilende og imødekommende pige på forsiden. 4 Hun er placeret i det gyldne snit, da gør helhedsindtrykket mere æstetisk og spændingsfyldt. 5 13 Produktmappe.indd 13 22/05/14 15.14
Typografi PRODUKTKATALOG For at give et mere gennemført look er de samme typer fonte brugt gennem hele den grafiske profil for OO. Det er klogt ikke at blande for mange fonte i et layout. Derfor er der kun gjort brug af tre fonte. Display fonte har meget større variation, da deres formål er udtryk frem for læsbarhed. Derfor har jeg valgt at skabe stor kontrast mellem display teksterne og brødteksten. Til brødteksten er der brugt Helvetica. Denne er valgt, da det er en websafe font, så det kan bruges på websitet, og så er fonten let læselig. Da OO ikke skal have mere end 500 stk., kan det bedst betale sig med digitalt tryk. CMYK er den mest populære form for tryk, og bruges dagligt i produktionen af magasiner og bøger. 1 Som skrevet tidligere er der gjort brug af to farver, der bruges til små detaljer, og er gennemgående gennem hele den grafiske profil. Disse farver er en gul-orange og en turkis, og er altså tertiære farver. 2 14 1. Dabner, David. 2010 :129 Grafisk Designkursus, Atelier. 2. Poulsen, Ian. 2012 :42 De 20 Designprincipper, Grafisk Litteratur. Produktmappe.indd 14 22/05/14 15.14
FACEBOOK SIDE Coverbilledet er lavet i det samme univers, som resten af den grafiske profil for OO. Coverbilledet skiftes ud løbende, alt efter hvilke nye varer OO vil have i centrum. Universet i baggrunden er holdt i sort/hvid, da det er børnene og tøjet der skal være i fokus. Stilen er holdt minimalistisk, så det også appellerer til de voksne, men samtidig dannes der lighed mellem børnetegninger. Facebook side Som en forlængelse af hjemmesiden, vil jeg anbefale OO at opdatere deres side på Facebook, så den samme røde tråd går igennem her. Jeg har derfor lavet et nyt profil- og coverbillede til dem. Siden skal være indbydende, legende og let. Folk skal ikke være i tvivl om at dette er OO s facebookside. Facebooksiden skal bruges til at vise nyheder, samt de nye modetendenser. OO skal vise at de har styr på detaljerne, og er en del af den højeste internationale børnemode. Derudover vil jeg råde OO til at lave konkurrencer nogle gange i løbet af året. Konkurrencen kunne bestå i at der kunne vindes en nyhed. Måden man kan deltage på, er ved at kommentere hvilken størrelse man gerne vil vinde. Her kommer det op på deltagerens væg at vedkommende har deltaget, og på den måde bredes konkurrencen som ringe i vandet. På profilbilledet har jeg valgt kun at sætte deres logo ind. Når OO kommenterer noget, skal folk ikke være i tvivl om at dette er OO på miniature billedet. 15 Produktmappe.indd 15 22/05/14 15.15
EMBALLAGE 340x475+50 340x475+50 340x475+50 340x475+50 16 Produktmappe.indd 16 22/05/14 15.15
EMBALLAGE OO har brug for to typer af emballage til deres kunder. En type til deres butik, som de kan fragte deres varer hjem i, og en type til deres webshop. Bærepose I en virksomhed som OO, er det ekstremt vigtigt at have en bærepose. Ellers kan kunderne ikke fragte deres varer hjem. En bærepose er også en god måde at markedsføre sig på. Så snart kunderne forlader butikken, er det en omvandrende reklamesøjle. Da posen er i konstant bevægelse, er det derfor vigtigt at budskabet står klart og tydeligt, så folk ikke er i tvivl om hvor posen kommer fra. Derfor har jeg sat logoet i fokus, og brugt den samme grafiske profil, som resten af produkterne for OO. Jeg har valgt at gøre posen gennemsigtig, da folk ikke har noget imod at vise hvad de har købt ved OO. Når man går ind og køber de typer af tøjmærker, er det folk der i forvejen gerne vil vise at de har styr på moden og økonomien. Det er samtidig en fordel for OO, da kundens nyindkøbte Ralph Lauren kjole, bliver båret rundt med deres logo på. Det er god reklame, da de forbipasserende kan se at man kan købe de pågældende mærker derinde. Forsendelsesposer Jeg har valgt at forsendelsesposerne skal være med et håndtag. Dette vil sige at når kunden har hentet det på posthuset, så har de noget at holde pakken i. Man skal ikke være i tvivl om at OO er detaljeorienteret, og derfor skal det selvfølgelig også kunne ses på forsendelsesposerne. For at kunne få poserne med håndtag, skal der som minimum bestilles 5000 eksemplarer. Dette er en anelse mere end hvad jeg normalt ville have anbefalet, men da hjemmesiden bliver redesignet og optdateret, forventes handlen også at stige på webshoppen. Forsendelsesposerne er tykkere end normale bæreposer, da det skal kunne holde til mere. Jeg har derudover også valgt en forsendelsespose, da varerne ikke bliver skadet hvis pakken bliver våd. Ved en papkasse kan den opløses, hvis den er våd i længere tid. Af sikkerhedsmæssige årsager, har jeg valgt ikke at gøre forsendelsesposerne gennemsigtige. Her er der i stedet valgt en hvid pose med sort tryk. På den ene side er logoet i fokus, og på den anden side er der gjort plads til at skrive navn og adresse. Posen er selvfølgelig holdt i samme røde tråd som resten. 17 Produktmappe.indd 17 22/05/14 15.15
EMBALLAGE Klistermærker Som en sidste detalje til købet, har jeg valgt at varerne skal pakkes ind i silkepapir i en af de to farver fra deignguiden. 1 Silkepapiret skal lukkes med et klistermærke med OO s logo. Når man går ind i OO betaler man for at få lidt ekstra, og dette er en af de detaljer der gør at tinget bliver kræset en ekstra tand for. Derudover vil jeg anbefale OO at lade klistermærkerne være tilgængelige i butikken, så kunderne frit kan tage et med. Dette er en billig og sjov måde at markedsføre sig selv på. 1. Se designguide 18 Produktmappe.indd 18 22/05/14 15.15
RABATKORT Design Rabatkortet er lavet i samme grafiske stil som resten af produkterne til OO. Der er gjort brug af den samme illustrative baggrund, men den skaber ikke den æstetisk ønskede ro. Derfor er den nedtonet i de områder elementerne er i. På den måde kommer de ønskede ting fokus. Layout Kortet skal være enkelt, overskueligt og så skal det kunne passe i en pung. Derfor er det lavet i et visitkortstørrelse, som er 85mm*55mm. Derudover skal den også kunne holde til at blive taget op og ned ad pungen gantagende gange. Derfor har jeg i samråd med Vester Kopi 1, fundet frem til at den mest optimale papirtype er 300 gram papir. Gestalt På forsiden er der indsat logo, da folk ikke skal være i tvivl om at dette er et rabatkort til OO. På bagsiden er der lavet 10 felter til stempler. Jeg har valgt at lave den sidste kasse turkis, da de skal vide at dette er nummer 10. Selvom at den ikke er i samme farve, ved man at den hører til de andre, da den står i samme nærhed til dem, samt er i samme form. Derfor træder loven om nærhed og lighed i kraft her. 1. Se bilag: 17 19 Produktmappe.indd 19 22/05/14 15.15
GADESKILT Design 20 Gadeskiltet skal være enkelt, let forståeligt og skal passe med resten af OO s visuelle identitet. De folk er hurtigt er forbi skiltet, skal den forbipasserende fange budskabet med det samme. De forbupasserende er hurtigt forbi skiltet, og derfor skal de kunne fange budskabet hurtigt. Derfor har jeg valgt at der ikke skal være mere tekst på, end ÅBEN. Derudover har jeg placeret en stor pil i midten, da de med lethed skal kunne fange at butikken ligger den pågældende vej. Mere information behøver folk ikke at vide. 1. Andersen, Finn Roligmed m.fl. 2007 :594 International Markedsføring, Trojka. AIDA Jeg har opbygget skiltet efter AIDA modellen. 1 AIDA beskriver den effekt, som modtageren gerne skulle have fra det pågældende produkt. A: Attension er ÅBEN teksten. Jeg har bevidst forstørret det så drastisk, da det er det vigtigste budskab der skal frem. I: Intereset er de legende børn i bunden. Her kan den forbipasserende se at det har noget med børn at gøre. D: Desire er pilen. Nu er kunden blevet overbevist om at dette er noget interessant. De skal derfor nu have af vide hvilken vej de skal gå. A: Action er logoet for OO. Produktmappe.indd 20 22/05/14 15.15
Produktmappe.indd 21 22/05/14 15.15
Produktmappe.indd 22 22/05/14 15.15