Grafisk design Dokumentation Svendeprøve Juni 2015 - Pia Søgaard
Kunde: Sognegaarden - Hedensted Opgave: ny grafisk identitet og hjemmeside Programmer: Indesign, illustrator og photoshop Farverum: CMYK og RGB OPSTART Sognegaarden i Hedensted ville gerne have redesignet logo og hjemmeside. Jeg var til et møde med Bo der ejer Sognegaarden, for at få et overblik over, hvad hans ønsker var. Han ville gerne have det mere enkelt, stilrent, store lækre billeder og mere nutidigt/moderne. Vi snakkkede lidt om logo da han har brugt lidt forskelligt og jeg forklarede ham hvad vigtigheden af et logo er. Vi blev enige om, at jeg skulle fotografere nogle gode og lækre billeder. Opgave Ny webside der er mere spændende og enkel end der er nu. Samtidigt mere nutidig og et nyt logo. Samtidigt skulle jeg lave et foto shoot. Som hjemmesiden er nu, er den ikke særligt fangende og det er heller ikke nemt at danne sig det store overblik. Logoet passer ikke ind på siden, og der er ikke noget struktur i menuerne. Så på hjemmesiden er det vigtigt, at der er nogle lækre billeder der visuelt kan sælge varen. Derfor vil jeg lægge stor vægt på at skabe en enkel og ren stil, hvor billederne vil få kunden til at sige det ser lækkert ud, her vil jeg gerne bestille min mad eller fest. Jeg vil gerne skabe et logo der stadig er lidt gammeldags, men samtidigt passer godt ind i et mere moderne og stilrent udtryk. 2 Grafisk Design - Pia Søgaard
Målgruppe Det er mennesker fra lokalområdet, som i forvejen kender Sognegaarden, og ved de har lækkert mad. Det vælger jeg at kalde en sekunddær målgruppe, da de jo allerede ved, hvor de skal få lækkert mad og holde fest. Den primære målgruppe kunne være lidt længere omkring end lokal befolkningen her i Hedensted. Sognegaarden kan godt skabe en primær målgruppe, ved at afvige fra de lokale og vælge en målgruppe lidt længere væk end fra lokalområdet. Mad ud af huset kunne være ideelt for denne primære målgruppe. Som sagt, de lokale kender jo Sognegarden som et sted med lækker mad, musik og fest. BRAinstorm Fester Lækker mad Traditioner Glæde Minder Alle generationer Oplevelse Smil Musik Lokalt Drikkevarer Inspiration Jeg lavede research på nettet. Mange suppe, steg og is steder, havde alt for kedelig og ustruktureret hjemmesider, som Sognegarden har nu. Jeg lod mig inspirerer af disse to sider som minder meget om det jeg har i tankerne, præsentabelt, overskueligt, enkelt og stilrent. Grafisk Workflow - Pia Søgaard 3
Redesign/nytlogo Jeg har lavet research omkring redesign af logo. Rigtig mange restaurenter og spisesteder har et sæt krydset bestik i deres logo, så det skal det ikkke være. Jeg har tegnet mange skitser og valgte et par stykker ud, jeg valgte at gå videre med. Det eneste krav til logoet, fra kunden var, at det gamle slogan egnens spise- og feststed siden 1899 skulle med. Jeg lavede en lille brain storm på ting til logoet : Bestik (ikke krydset) Kokkehue Gryde Vinglas Kokke jakke Pande FARVER Med hensyn til farver på logoet, så har jeg valgt det skal være sort og enkelt. Jeg har generelt valgt at holde designet i enkelte farver fordi det er billederne der skal bringe det visuelle budskab Nuværende logo Logo skitser Her er et uddrag af de logo skitser jeg valgte at gå videre med 4 Grafisk Design - Pia Søgaard
Logo eksempler Jeg valgte at lave disse 6 logoer som er rimelige enkelte. De to øverste syntes jeg bedst om. Det logo med ansigtet blev for happy face og barnligt syntes jeg. Så jeg valgte de to øverste ud og viste dem til kunden. Han kunne meget godt lide det øverste og det syntes jeg er et godt valg. Et logo som stadig er med Sognegaarden på en klassisk enkelt måde, med slogan og en meget enkelt kokkehue til at understrege at det er et mad sted. Lidt den gamle skole. Generelt er der ting der gør et logo godt. Det skal være let genkendelig, let læselig, det skal kunne fungere både skrevet med stort og småt. Det skal både kunne virke både i sort/hvid og i farve. Det skal være en simpel illustration, så den er let genkendelig. ENDELIGT LOGO NEGAARDEN gnens spise- og feststed siden 1899 NEGAARDEN gnens spise- og feststed siden 1899 Fonten Jeg har brugt fonten Neue haas grotesk pro light fordi jeg gerne vil have en enkelt og lækker font. Det er en ren font, som passer godt ind på en side med mad. NEGAARDEN gnens spise- og feststed siden 1899 Grafisk Workflow - Pia Søgaard NEGAARDEN 5
Hjemmeside forside Bredden på alle siderne 1280 (width) og så er undersiderne i forskellige størrelser alt efter hvor meget info der er på dem. Jeg har valgt at holde forsiden rimelig enkelt og lad det være det visuelle, nemlig billedet der giver kunden en lækker oplevelse. Forstået på den måde, at øjnene fanger billedet med det samme og og det virker bedre en masser af tekst. Så er der et kontakt felt nederst og en menu øverst der er let at overskue og samtidigt tydeligt markeret. 6 Grafisk Design - Pia Søgaard
Grafisk Workflow - Pia Søgaard 7
8 Grafisk Design - Pia Søgaard
Vi kan tilbyde et total arrangement hjemme hos dig, der inkluderer alt lige fra levering af festtelte til tandstikkere. Vi har mange års erfaring i firmareceptioner og familiefester ude af huset. Mangler du vine til dit arrangement kan vi også klare det. Er du interesseret i et sådan arrangement er du velkommen til at kontakte os for et uforpligtende tilbud - tlf.: 75 89 11 58 Sognegaarden Bytorvet 20 8722 Hedensted Tlf.: 75 89 11 58 br@hedensted-sognegaard.dk www.hedenstedsognegaard.dk Copyrights Flowchart Jeg har valgt at gøre det let overskueligt med en index, der forgrener sig ud i de vigtigste ting. Forside, om os, mad, fest og kontakt. Siden er opbygget efter noget der hedder tree structure. Dette giver siden orden og struktur. Det bruges ofte på sider, hvor indholdet let kan deles op i grupper og ikke må være mere end 3 klik væk. BUFFET BUFFET Vi kan tilbyde mad til hver en lejlighed og fest. Skal det være mad ud af huset, en buffet, det store kolde bord eller måske nogle af vores lækre specialiteter Hvis du har brug for et helaftens arrangement, så kig under fest der har du mulighed for at sammen sætte din helt eget arrangement. Ellers ring og hør nærmere hvis der er noget du er i tvivl om tlf.: 75 89 11 58 BUFFET Forslag 1: Gravad laks, Rejesalat og Tunmousse Farseret ribbenssteg med salat Marineret kyllingebryst i porresauce Ostelagkage med frugter Pr. couvert....168,- kr (154,- ud af huset ) Forslag 2: Laks Belle Vue, Gravad laks Ferskrøget laks samt indbagt laks Glaseret skinke og oksetyndsteg med salat tag selv bord og flødekartofler Stor ostebuffet med friske frugter. Pr. couvert...198,- kr (184,- ud af huset ) Forslag 3: Lakseroulade på salatbund og rørt rogn Farseret fisk med marinerede rejer og urter Røget mørbrad med grønsagsrøræg Rosastegt kalveculotte Krydderfarseret kalkunbryst 3 slags fyldig salater efter årstiden Stegte kartoffelbåde, Kryddersmør Ostebord Chokoladekage Pr. couvert... 218,- kr (204,- ud af huset ) Undersiden mad Jeg har designet undersiderne så det er nemt at finde rundt og stadig lagt meget vægt på det visuelle. Jeg har på selve siden opstillet mad ud af huset og specialiteter, da det ikke så ofte pris mæssigt bliver skiftet ud. Så har jeg lavet et panel med andre tilbud der lidt oftere skifter pris. Samtidigt har kunden mulighed for at klikke for mere info og få en pdf frem, som de nemt kan printe ud når de skal planlægge deres fest. Jeg har også her holdt siden enkel, ren og overskueligt. Grafisk Workflow - Pia Søgaard 9
generelt for undersiderne De andre undersider er bygget op efter samme model. Jeg har på kontaktsiden lavet en formular, så det er nemt for kunden at skrive til Sognegaarden. Her er der en mulighed for at vælge om man vil kontaktes eller man vil have et tilbud med mad ud af huset osv. Jeg har også på kontaktsiden tilføjet et google map, så det er nemt for kunden at se hvor Sognegaarden er palceret. Alt i alt er undersiderne nemme og overskuelige at finde rundt på. Design Jeg har designet siderne efter grid og her har jeg brugt et 1280 grid. Det er super godt at bruge grid når man designer, da det dels gør det nemmere når siden skal kodes og hvis den skal laves responsive. Jeg syntes jeg har holdt mig meget godt til mit design, dog med et par få ændringer. 10 Grafisk Design - Pia Søgaard
Bi llede r Jeg har lagt vægt på at størrelse på billederne af maden er en god størrelse og teksten står enkelt og struktureret. Jeg har selv fotograferet billederne og syntes de passer godt til det enkelte design. Jeg har beskåret billederne i photoshop og optimeret dem til web. SEO For at få så mange kunder ind på Sognegaardens hjemmeside, er det vigtigt at have fokus på søge optimering. Dette kaldes SEO (Search engine optimazition). Der er utrolig mange måder at søge optimere på og det meget vigtigt at gøre alt hvad man som firma, kan for at være med i toppen med søge optimering. Jeg har brugt META keywords og META description. Det er vigtigt at vide, hvilke ord kunderne vil skrive i søgefeltet. For så kan man finde frem til, hvad for nogle nøgleord man kan bruge til søge optimering. Responsive Jeg har talt med kunden her om. Han er dog lidt gammel dags på det punkt eller det handler måske i virkligheden om at han ikke kan forstå behovet for det. Specielt efter google i foråret har ændret til at bruge mobilvenlige faktorer i rangeringen af de mobile søgeresultater. Dvs. de sites, der er mobiloptimeret, kommer til at rangere højere og generere bedre mobile søgeresultater. mål og skitser Jeg har lavet mål på mine sider, for at gøre det nemmere når der skal kodes. så ved jeg helt præcis hvad størrelse mine billeder skal have. Samtidigt når jeg begynder at kode sitet, er det nemt at placere grund skelettet. Grafisk Workflow - Pia Søgaard 11