2. Semester MMD Midtfyns Bryghus del 2 Daniel Rossen, Max Simonsen, Jon Kristoffer Høst & Rune Hoffmann Indholdsfortegnelse Indledning ..................................................................................................................................................... 2 Problemformulering...................................................................................................................................... 2 Opsumering ............................................................................................................................................... 2 Visuel identitet for kampagen ...................................................................................................................... 3 Intro........................................................................................................................................................... 3 Vores Kampagne ....................................................................................................................................... 5 De 6 navnetyper ........................................................................................................................................ 5 Vores slogan ifølge Wally Olins' 6 navnetyper. ......................................................................................... 5 Logoet ....................................................................................................................................................... 6 Designprincipperne ....................................................................................................................................... 9 Alignment .................................................................................................................................................. 9 Proximity ................................................................................................................................................... 9 Repetition.................................................................................................................................................. 9 Contrast................................................................................................................................................... 10 Designproces ............................................................................................................................................... 11 Web ......................................................................................................................................................... 11 Logo ......................................................................................................................................................... 13 Præsentation Til Kunden............................................................................................................................. 16 Use Case ...................................................................................................................................................... 19 Beskrivelse af kode ..................................................................................................................................... 20 Designmanual ............................................................................................................................................. 20 Litteraturliste .............................................................................................................................................. 21 Litteratur ................................................................................................................................................. 21 Kilde ........................................................................................................................................................ 21 Tidsplan ....................................................................................................................................................... 22 Indledning Denne rapport er anden del af et todelt projekt, der er lavet af 4 studerende i forbindelse med vores uddannelse på MMD i Odense. Projektet som er lavet i samarbejde med Midtfyns Bryghus skal vise hvad vi har lært indenfor vores fag og vores evne til at opfylde de krav der er opstillet af kunden, i det her tilfælde Midtfyns Bryghus. Hvor første del af projektet mest omhandlede de virksomhedsmæssige og kommunikative aspekter, har denne del størst vægt på det visuelle. På baggrund af vores undersøgelser i projektets første del, vil vi udvikle en visuel identitet til brug på dels, et kampagnesite, en mobilapplikation og på en etikette til den øl som bruges i forbindelse med støttekampagnen for Dansk Blindesamfund. Problemformulering Hvordan overfører vi den viden vi erhvervede os i projekt 1, til udformning af en konkret visuel identitet til brug i vores kampagne, der ville ramme vores målgruppe og bedst muligt leve op til de mål vi fastlagde for øget kendskab til Midtfyns Bryghus? Opsumering Da vi fik til opgave at lave en kampagneside for Midtfyns Bryghus var der mange ting vi skulle vide før vi kunne gå i gang med selve designdelen. Vi benyttede os af Desk og Field research for at få nogle af de svar vi søgte. Ȉ Hvem er Midtfyns Bryghus? Ȉ Hvordan ser virksomheden på sig selv? For at lære virksomheden bedre at kende tog vi ud og besøgte bryggeriet, hvor vi fik en rundvisning. Udover et indblik i produktionen og hvordan virksomheden drives, fik vi et indtryk af hvordan chefen og medarbejdere selv betragter deres forretning og deres håndværk. Vi lærte således at Midtfyns bryghus er en virksomhed der i høj grad sætter traditionelt håndværk og kvalitet i højsædet. Medarbejdere såvel som chefen udviste stolthed omkring deres arbejde og deres måde at udføre det på. Ȉ Hvor stort er kendskabet til Midtfyns Bryghus? For at undersøge de eksterne forhold omkring Midtfyns Bryghus uddelte vi et spørgeskema på Facebook. Det var vigtigt for os at vide hvor stort kenskabet til Midtfyns Bryghus var før kampagnen, så vi via endnu en undersøgelse kunne måle effektiviteten, efter kampagnen. Ȉ Hvem er Midtfyns Bryghus målgruppe? For at lave effektiv markedsføring er det vigtigt at vide hvem man skal henvende sig til. Vores spørgeskema afdækkede information om danskernes ølvaner der kunne hjælpe os til at spore os ind på målgruppen og dernæst benyttede vi os af gallups undersøgelser om segmentering til at sætte navn på vores målgruppe. Vi kom frem til at kampagnen skulle fokusere på folk i det Moderne-fællesskabsorienterede samt Det Moderne segment. Folk i disse segmenter er i høj grad livsnydere. Overvejende velhavende befolkningsgruppe der prioriterer luksus og kvalitetsvarer. Man byder gerne på fin madlavning og eksperimenterer også med nye produkter. I disse segmenter er der også en stor del mennesker som føler social og samfundsmæssig ansvarlighed der kendetegnes ved at man gerne hjælper ringere stillede individer. 1 Visuel identitet for kampagen Intro Alle firmaer har en unik identitet, uanset om de er klar over det eller ej og Firmaer i dag er klar over at deres identitet ikke er ligegyldig. Firmaer bruger formuer på kampagner for at opretholde tilpasse eller helt at ændre deres identitet, både udad og indad. Der kan være mange grunde for en virksomhed til at ville ændre identitet. 2 Ȉ Man ønsker at skille sig ud fra konkurrencen og gøre sig bemærket. Ȉ i forbindelse med en fusion af to firmaer, er det vigtigt at lade publikum kende firmaets nye "ansigt" Ȉ 1 2 Firmaets image kan være outdated, og trænger til opdatering. Gallup Kompas – Segment beskrivelser kompendie Wally Olins – Viewpoints – Corporate Identity – The Ultimate Ressource, Buisness, 2002 Et identitetsskift kan fx. gøres med en kampagne. Den visuelle del af identiteten er en stor del af en virksomheds ansigt udadtil og fortæller allerede offentligheden meget om firmaet. Den visuelle identitet må gerne sige noget om hvem man er eller hvem man prøver at være, værdier og visioner. det er desuden vigtigt at den ydre identitet afspejler den indre. Wally Olins har skrevet "Viewpoints - Corporate identity - the ultimate ressource buisness, 2002. hvorfra jeg vil bruge hans termer og udviklingmetode til at begrunde vores design af firmaets visuelle identitet, jeg vil iøvrigt også forholde mig til Wally Olins 6 navnetyper i forbindelse med vores kampagne. Midtfyns Bryghus Wally Olins skriver om 3 forskellige typer "corporate identities", hvilket vil sige typer af virksomheds identiteter. De tre typer identitet er: corporate(monolitisk), endorsed og branded. Jeg vil nu placere Midtfyns Bryghus' identitet i en af de tre identitetskategorier i forbindelse med vores kampagne. Monolitisk identitet Det der kendertegner et firma med denne type identitet, er et meget uniformt ansigt udadtil. De bruger samme design over hele linjen, alt hvad de viser, har samme navn og stil. Det er firmaer der ikke associeres med hvad de gør men, i høj grad, hvad de foretager sig og står for. Endorsed identitet Ved denne identitetstype snakker man ofte store organisationer eller virksomheder der arbejder bredt. Et eksempel på dette kan være Superbest, selskabet bag Superbest sørger for at alle butikkerne der kommer ind i kæden tager samme navn og stil. Branded identitet Ofte firmaer der handler med forbrugsvarer, her adskiller man firmaets identitet fra dets produkters identitet. dvs. virksomhedens brands har sine egne identiteter som ikke nødvendigvis minder om firmaets. Dette gør at forbrugerne i højere grad identificerer sig med brandsne. Vores Kampagne Til Vores kampagne har vi valgt den Monolitiske identitet, fordi vi med vores kampagne vil skabe et meget genkendeligt ansigt, der skal hamre navnet Midtfyns Bryghus ind i forbrugernes bevidsthed som bryggeriet der vægter smag, kvalitet, luksus og godt håndværk. Kampagnen vil i øvrigt lægge et stort arbejde i at vise at virksomheden tager socialt ansvar og støtter "den gode sag" således at kunden ved at købe netop Midtfyns Bryghus produkter kan føle at de hjælper de svage. De 6 navnetyper Vi har i forbindelse med opgaven udarbejdet et slogan, der skal give kunden en idé hvad Midtfyns bryghus foretager sig. Sloganet vil indgå på hjemmesiden og vil i vores tilfælde fremhæve samarbejdet med Dansk Blindesamfund og spille på kundens sans for hvad der er den rigtige beslutning (ethos og pathos). En øl man kan tage og føle på Sloganet refererer til Midtfyns Bryghus' tiltag hvor de vil påføre Braile (blindeskrift) på hele deres varesortiment. Slogannet skal desuden give associationer til godt håndværk og traditionsrig ølbrygning. Vores slogan ifølge Wally Olins' 6 navnetyper. Et slogan skal ifølge Wally Olins være let læseligt, nemt at udtale være karismatisk og derudover afspejle virksomheden. Desuden har Wally opstillet disse andre kriterier som en virksomhed kan forsøge at opfylde med deres navn, eller slogan. • At bruge navnet på person/personer, der oftest er grundlægger af firmaet. • At bruge et meget beskrivende navn, der tydeligt fortæller kunderne hvad firmaet beskæftiger sig med. • Bruge et forkortet navn, der er sammensat af ord. • Forkortelse af firma navnet altså initialforkortelse. • Navne har til formål at se mere indbydende ud samt lyde unikke og virke meget attraktive. • Navne der giver udtryk for hvad firmaet sigter hen imod, og det de ønsker at komme ud med på markedet. Vores slogan er mest rettet mod det sidste af kriterierne og virker i det hele taget først efter man har kendskab til Midtfyns Bryghus' samarbejde med Dansk Blindesamfund. Derfor skal slogannet indtage en dominerende plads på web-sitet samt der skal arbejdes på at besøgende skal opdage samarbejdet. 3 Logoet Logoet vi har valgt er sammensætning af fonten der forbindes med Midtfyns Bryghus navn og Dansk Blindesamfunds logo (sommerfuglen). Logoet har gennemgået en lang rekkæ ændringer og finpudsninger siden første udkast. Vi har valgt at lade logoet gå igen på hjemmesiden, Appen og øletiketten og på den måde hurtigt blive genkendt. Her vil jeg beskrive vores logo i forhold til beskrivelsen "checkpoints by logo design" som er en guide man kan følge når man skal designe et logo. Vores logo er formet som knappen på en iPhone og er også designet som ikon til vores App. i logoet har vi brugt fonten der er brugt i overskriften på Midtfyns Bryghus' hjemmeside. MB ses i midten og er selvfølgelig firmaets initialer. udenom teksten er en stroke som skal øge kontrasten til baggrunden. På den gule baggrund er brugt en gradient der med overgang fra en gul til en lidt mørkere gul skal give mere liv til logoet. Den lysere gule farve i toppen af logoet skaber en god overgang mellem sommerfuglen og baggrunden i og med at gradienten der er brugt på sommerfuglen ender i den samme gule farve i bunden. 1. Size Logoet er som forventet designet i Adobe Illustrator og kan skalleres ned så det svarer i størrelse til ikonerne på smartphone og kan stadig ses og læses. 2. Hot Styles. Logoet har den grund man kan forvente af et logo designet til Apps på en smartphone, så på den måde kan man godt snakke om "hot styles". I logoet er der brugt dels stroke og gradient. 3 Wally Olins – Viewpoints – Corporate Identity – The Ultimate Ressource, Buisness, 2002 3. Medias logoet er primært designet til App’en og er derfor nok ikke det bedste eksempel på et logo der kan printes og laves om til sort og hvid. 4. Identity Logoet sammenfatter initialerne fra Midtfyns Bryghus og sommerfuglen fra Dansk Blindesamfund og skal få kunden til at huske at Midtfyns Bryghus støtter "den gode sag" farverne i logoet er også brugt i appen og på hjemmesiden og reflekterer dermed firmaets identitet. 5. Simplicity Selvom logoet er enkelt og genkendeligt er det nok ikke det bedste eksempel på dette kriterie. Logoet er designet til en App og har derfor samme grundform som mange andre logoer til samme formål. 6. Outstanding Med hensyn til originalitet hvad angår logoer designet til app-brug synes vi at logoet lever op til forventning. Skrifttypen App'en Teksten der er brugt i logoet hedder goudy text mt og er en vi selv har genskabt ud fra overskriften på Midtfyns Bryghus' hjemmeside vha. pen tool i illustrator. Teksten kan ikke findes på adobes hjemmeside men det er lykkedes os at finde beskrivelsen til en beslægtet skrifttype: Goudy Text Std Regular. Citat: In 1928, Frederic W. Goudy completed Goudy Text for Lanston Monotype. It is a modification of the blackletter types of Gutenberg’s 42-line Bible. With Lombardic capitals that work beautifully with its lowercase letters, Goudy Text is readable to those who are not used to looking at blackletters, and as such can be used to great advantage in short headings and display work. Teksten har et gammeldags udtryk hvilket beskrivelsen på adobes hjemmside meget godt begrunder. Vi brugte denne skrifttype for at beholde noget af Midtfyns Bryghus' gamle identitet i logoet, skrifttypen passer godt til et firma der lægger vægt på håndværk og traditioner indenfor ølbrygning. Udeonom teksten er anvendt en fed stroke som skal skabe kontrast til baggrunden og dermed fokus på teksten. 4 Hjemmesiden På hjemmesiden har vi mest brugt BebasNeue, hvilket er en mere moderne skrifttype. meget simpel i form og særdeles let-læselig. Alt skrift i skrifttypen BebasNeue på hjemmesiden er skrevet med STORE bogstaver fordi det giver et stærkt udtryk og skaber opmærksomhed omkring de vigtigste elementer. Grunden til vores tekstvalg er at teksten er let-læselig og den passer til vores moderne design af hjemmesiden. BEBASNEUE 4 http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLSUS&event=displayFont&code=GDTQ10005000 Designprincipperne Her vil jeg beskrive hvordan vi har brugt designprincipperne i "the non designers web book" i vores design af hjemmesiden. Alignment Forsiden: Selvom mange elementer på vores forside ser en smule henkastede ud er der brugt alignment. I bunden med links til henholdsvis Twitter, Facebook, Youtube og App knappen i modsatte side er der brugt alignment. Undersider: Undersiderne på vores hjemmeside har alle venstrejusteret tekst, fordi det er mere informationsrigt og skal derfor være overskueligt. Tekstfelterne er desuden alignet efter overskriften med Midtfyns Bryghus Proximity Proximity er med til at gøre en hjemmeside overskuelig (eller uoverskuelig hvis brugt forkert). Man skal placere elementer i nærheden af hinanden hvis man mener at de har tilstrækkeligt med hinanden at gøre. Fx punkter i en navigationsmenu. Vi har brugt dette princip i høj grad i dels navigationsmenuen, og i bunden ude til venstre i linksne til diverse sociale medier. Navnene på Midtfyns Bryghus og dansk blindesamfund er desuden placeret tæt på hinanden da de er relaterede og knytter dem derved til hinanden. vores brug af proximity skaber en orden i et design der ellers har elegante strejf af tilfældighed. Repetition Gentagelser er hvad der giver en hjemmeside en helhedsoplevelse, det er vigtigt at folk ikke er i tvivl om at det er din hjemmeside de befinder sig på, ligegyldigt hvilken underside de måtte befinde sig på. Repetition opnås ved at lade særligt udvalgte emner gå igen fra side til side. Udover navigationsmenuen er det en klassiker at lade Logoer gå igen fra side til side, dette er naturligvis fordi at logoet ofte er det mest og nemmest genkendelige element på en hjemmeside. På hjemmesiden har vi valgt at lade flere elementer gå igen. Ølflasken er der for at vise og reklamere på en meget direkte måde for midtfyns bryghus produkt. Den er bevidst lavet stor og meget dominerende så man ikke kan undgå at lægge mærke til den. Ølflasken er en af de ting der lægger en linje gennem. Contrast Kontrast er et godt værktøj til at skabe distance mellem elementer på din side og kan opnås ved brug af farve, teksttype og størrelse, bold. Afstand kan også være med til at skabe kontrast. På vores side er der flere eksempler på brugen af kontrast. Den mørke flaske skaber en kontrast til den i toppen, lyse baggrund og sættes dermed i fokus. Flasken er også i kontrast til teksten på navigationsmenuen og slogannet. Skrifttypen i overskriften ”Midtfyns Bryghus” står med sit lidt gammeldags udseende også i kontrast til resten af sidens udtryk som er mere moderne 5 5 Williams, Robins & Tollet, John – The Non- Designer Web book Designproces Web Vores første mock-up på en kampagneside er udformet således, lige nu er Facebook ikonet markeret og derfor forstørret så brugeren ikke er i tvivl om man kan interagerer med den. Men øverst på siden kan man se Midtfyns Bryghus’ logo eller brand om man vil, den middelalder lignende skrift som staver ordet ”Midtfyns Bryghus”. Ikonet sat på en bølgeformet baggrund som fører hen til Dansk Blinde samfunds logo, en sommerfugl foran en sol. Her burde brugeren få det indtryk at Midtfyns Bryghus og Dansk Blindesamfund er repræsenteret på siden. På midten af skærmen er der placeret blindskrift og under blindskriften kommer sloganet – En øl man kan tage og føle på. Brugeren burde få det indtryk at punkskriften over i virkeligheden er sloganet men bare skrevet så blinde kan læse det. På højre side af skærmen er en stor øl, Chili Triple, fra Midtfyns Bryghus. Den trækker meget af fokus på siden og derfor burde brugeren få den opfattelse at det nok er en side for Midtfyns Bryghus, men det er måske ikke helt klart hvad kampagnen går ud på, der bliver kun henvist til Midtfyns Bryghus nok gør et eller andet for Dansk Blindesamfund. På dette billede er der ændret på en række ting, hovedsageligt at alting bredt mere ud for at give luft og plads til information. Blindskriften er alene stående, men sloganet kan læses ved at føre musen over blindskriften, som læste man blindskriften. Desuden er Youtube knappen også kommet ind, samt logoet for kampagnen, den vil være at finde på øletiket samt mobil app, trykker man på ikonet downloader man app’en men meningen er selvfølgelig at downloade app’en fra app-store. Youtube, Twitter og Facebook bliver forstørret når man fører musen over dem. Derudover er der også kommet en menu til højre for flasken, en forside, om kampagnen, kontakt og produkter. Fører man musen over menuen vil der komme bobler / vanddråber frem, så man kan se man kan interagerer med dem. Logo Sidst har vi alle siderne, til at starte med har vi om kampagnen. Det er her vi vil skærer ud i pap at Midtfyns Bryghus hjælper Dansk Blindesamfund ved køb af Bryghusets øl, Det er også her vi vil forklarer om vores applikation, ganske kort om hvad den gør og hvordan de henter den på app-store. Så har vi kontaktsiden som er en gæstebog hvor folk kan skrive til Midtfyns Bryghus, når de indtaster deres e-mail kan man svarer på deres indlæg via e-mail. Og så er der Produktsiden, her vil vi fortælle om Midtfyns Bryghus’ produkter, der mangler en god beskrivelse af øllen, dens styrke, og smag så vel som hvad den kvalificere sig til, er det en mad øl? Og hvilken ret er velegnet til øllen? Meningen er man skal kunne vælge ud fra hele deres sortiment hvilken øl man vil læse om. Præsentation Til Kunden Forsiden er en visuel oplevelse hvor blindskriften midt på siden hurtigt illustrer hvad kampagnens hovedformål er. Det er vigtigt at fange brugerens interesse, derfor er hjemmesiden lavet således at man kan interagere med visse elementer, herunder blindskriften, de sociale medier og menuen. Det er vigtigt for os at de sociale medier er let tilgængelige fra kampagnesiden, da ønsket om flere venner på Facebook var en del af den opgave siden skulle løfte. Ønsket om mere social interaktion med kunderne ses også på selve kampagnesiden, hvor man under ”kontakt” har mulighed for at give ris/ros, skrive stille spørgsmål osv. Den visuelle identitet er gennemført og afspejles tydeligt både på hjemmesiden, mobil applikations logoet og i selve applikationen. Vi har også lavet et label til en evt. kampagne øl. Vi har lavet en komplet løsning hvor den visuelle identitet er klar og tydelig, vi har integreret de sociale medier på kampagnesiden, dog uden at de virker påtrængende. Det skal være nemt og enkelt at bruge kampagnesiden og applikationen og der er desuden stor fokus på kvalitet og social ansvarlighed, hvilket er et keyword i den identitet vi har skabt. Use Case Her er 2 eksempler på en bruger der bruger vores website og mobil app, samt hvad en bruger kan gøre på websitet Beskrivelse af kode Designmanual 2 eksempler på øl etikette til Midtfyns Bryghus Litteraturliste Litteratur Gallup Kompas – Segment beskrivelser kompendie Wally Olins – Viewpoints – Corporate Identity – The Ultimate Ressource, Buisness, Williams, Robins & Tollet, John – The Non- Designer Web book Kilde 2002http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLSUS&event=displayFont&code=GDTQ10005000 Tidsplan
© Copyright 2024