SVENDEPRØVE DECEMBER 2014 GRAFISK DESIGN

Transkript

1 SVENDEPRØVE DECEMBER 2014 GRAFISK DESIGN

2 OPGAVE INFO Kunde: Moustache Opgave: Udvikle nyt grafisk design til en gammel virksomhed der stemmer mere overens med produktet der bliver solgt. Produkt: Webside der presentere firmaet og de produkter de tilbyder. Moustache: Moustache er en frisør/barber der ligger i indgangen til kolding gågade. Den er ejet af Eigil Jeppesen der har været i branchen i mange år. Moustache har ligeledes eksisteret i mange år og har gennem tiden opbygget en fast kundekreds der gør at Moustache kun har åbent onsdag til fredag. Programmer brugt: Iluustrator, Lightroom, Photoshop, Sublime Text, Codekit, Safari, Firefox. Farverum: srgb, CMYK

3 MARKEDE Målgruppe: Kundegruppen for Moustache er typisk faste kunder der har benyttet sig af virksomhedens tilbud i mange år. Der er dog opstået en ny voksende målgruppe. Alting i samfundet går hurtigere og de fleste af dagens gøremål bliver konstant gjort nemmere og mere ubetydelige for vores hverdag. Der er derfor opstået en modbølge hvor folk søger tilbage til de traditionelle metoder og måder at gøre tingene på. Et af områderne hvor man kan se dette er inden for barbering hvor traditionelle skrabere og barberknive er vundet meget frem de senere år. Dette ses også på indvindingen af Movember i popkulturen, hvor enhver ung virksomhed med respekt for sig selv støtter sagen. Denne målgruppe prøver at finde det romantiske ved de traditionelle måder at gøre tingene på og vil derfor også opsøge virksomheder der tilbyder mere end blot stamproduktet. Imens de fleste frisører idag ligner hinanden mere og mere, har Moustache lagt kræfter i at holde på en mere traditionel form med personlighed som vil appellere til førnævnte målgruppe. BLÅ SEGMENT GRØNNE SEGMENT Individualisme, solidaritet, materealisme idealisme THRIF TY MO TIVET (SPARSOMMELIG) Thrif t er en gelsk og be tyder spar somme lig hed, at man er spar somme lig. Dette motiv er der mange unge GRÅ SEGMENT PRAGMATISK der handler efter da de ikke har så mange penge. IDEALISME De uafklarede De unge køber ud fra det te mo tiv, for di de ønsker at købe til en lav pris, og de suden vil kun ne fortælle at man er en har omtanke. VIOLET SEGMENT materialisme, normløshed MODERNE TRADITION ROSA SEGMENT tradition, idealalisme Konkurrenter: Der er faktisk utallige af konkurrenter på frisørmarkedet i Kolding. De kan dog deles op i to grupper. Den første er det man ville kalde saloner som primært henvender sig til det kvindelige markede, og som alle har et meget stilrent, og sterilt look. Den anden gruppe er primært henvendt til mænd og er lavpris frisører hvor der ikke er gjort specielt meget ud af dekorationen eller brandingen. Der vil derfor være et hul i markedet hvor herrefrisører med med sjæl og historie kan finde sig til rette.

4 P erso nlig h e d: Tra ditio n el, m o d erne, fork æ len d e BRAND De 4 s er Substans: Frisør hvor man får mere end blot klipningen, men en kvalitetsikker oplevelse hvor der bliver lagt vægt på traditionerne i faget. Synlighed: Branded skal primært promoveres online. Der skal lægges mest vægt på word of mouth, så målgruppen kan tage en slags ejerskab over branded. Sympati: Det er selvfølgelig positivt at Moustache er lokal, og har ligget i Kolding gennem længere tid. Derudover Skal Moustache ligge vægt på det romantiske ved den traditionelle barbering og klip. Essens En traditionel herre-frisør der ligger vægt på at kunden skal have mere end blot en klipning eller barbering Fordele: en oplevelse der er anderledes fra den konkurrenterne tilbyder Værdier: O m hyggelighed, Integritet, Godt håndværk Egenskaber: En kolding Frisør der har ligget i Kolding i mange år Synergi: Der skal i alt komunikation laves det samme budskab, nemlig at Moustache er traditionel herre frisør med sjæl. Så selvom der er tale om en moderne hjemmeside skal den stadig have følelse af at være hjemsted for Moustache.

5 DESIGN Skitser inspiration: Efter at have lavet en række brandværdier, er jeg klar til at lave disse værdier om til en visuel identitet der har samme udtryk. Jeg begyndte derefter at skitse forskellige typer overskæg da jeg havde i tankerne at det skulle indgå i logoet som en slags ikon eller visuel reminder til navnet. Samtidig med prøvede jeg at tænke på forskellige ikoniske figurer med overskæg. Overskægget: Efter at have lavet en række skitser faldt jeg for Salvador Dalis overskæg, som nok er et af historiens mest ikoniske, plus det har en hvis elegance i forhold til en klassisk Stalin. Jeg brugte derfor dette som inspiration for mit endelige resultat. Font: Jeg har brugt fonten Chronicle Display af Font bureauet Hoefler & Co. som Logotype, da det udstråler samme type elegance og historie som jeg søger i logoet. Endelige Logo: efter at have sat overskægget sammen med fonten lavede jeg nogle forskellige versioner baseret på at logoet skulle have en ramme, men besluttede i sidste ende at det var mere rent uden.

6 DESIGN The quick brown fox The quick brown fox Brødtekst fonte: Jeg har valgt fonten Verlag Condensed som brødtekstfont og Verlag Compressed Black til mellemrubrikker og lignende fremhævet tekst. Verlag er inspireret af de geometriske fonte fra 1920 erne og hele bauhaus bevægelsen. Hvilket også var overskæggets storhedstid lige før depresionen (Clark Gable, Salvador Dalí). Grafiske elementer: Selvom jeg valgte ikke at indramme logoet så har jeg alligevel valgt at bruge dobbeltrammen med de concave runde hjørner, da jeg syntes det tilfører noget traditionelt fint og elegant. Desuden har jeg valgt at bruge ikoner under kontaktmenuen og under prislisten. Jeg har valgt at holde ikonerne i flade stregtegninger så de får det samme grafiske udtryk og så de er tidssvarende. Farvevalg: Jeg har valgt at holde alle farverne i den grafiske identitet i sort og hvid for at holde det enkelt og stilrent, og hvis man begynder at ligge farver rundt omkring så syntes jeg at der skal være elementer nok på siden til at kunne bære den, og det føler jeg ikke er tilfældet, da sidan med vilje er holdt meget enkel. Sort: RGB R:0 G:0 B:0 hsl (0,0,0) hex # CMYK 0001 Hvid: RGB R:255 G:255 B:255 hsl (0,0,100) hex #ffffff CMYK 0000

7 HJEMMESIDE Respensivt Design: Designelementer: For at at hjemmesiden skal kunne ses på så mange forskellige platforme som muligt har jeg valgt at at designe hjemmesiden så den er responsiv. Jeg har valgt at have logo og navigation uden for indholdet så de to ting ikke bliver forstyret af hinanden. Desuden har jeg valgt at have så lidt navigation synligt som muligt, således at det ikke ligger og tager opmærksomhed fra indholdet som jo er det vigtigste. Til sidst har jeg valgt ikke at bryde teksten op med en masse billeder, men derimod lade baggrundsbilledet på den enkelte side, give en stemning for indholdet i stedet. Jeg har valgt at kører hjemmesiden i fuld skærm så den føles mere som et rum man kommer ind i end en spalte midt i sin browser, som almindelige 960px bredde sider nogle gange godt kan føles som. Dette betyder naturligvis at der er brugt em på typografi og % på bredder og højder, ellers fungere responsivt design ikke. for at grafikken skallere som den skal har desuden valgt at bruge SVG filer hvor det er muligt, da disse ikke blot har en meget mindre fil størelse, der gør at siden loader hurtigere, men også skalere idet at det er vactor-grafik. For at ramme stemningen omkring at der er tale om en klassisk, traditionsrig, og elegant frisør har jeg ladet alle billeder ligge i sort/hvid med en smule vignette og noget grain noise som er lagt på i Lightroom.

8