vores reklamationsblanket her.

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