Grafisk design

15
Tobias Rosenqvist Grafisk design sicamedia.dk/svendeprove [email protected] +45 21 40 40 43 Københavns Tekniske Skole, Julius Thomsensgade. Mediegrafiker 2010 - 2014. 16 & 18 december 2013 Mikkel Frank Fiskerikajen ApS UDDANNELSE: SVENDEPRØVE: EKSAMINATOR: KUNDE: København, Danmark.

description

Grafisk design

Transcript of Grafisk design

Page 1: Grafisk design

Tobias Rosenqvist

Grafisk design

sicamedia.dk/[email protected]+45 21 40 40 43

Københavns Tekniske Skole,Julius Thomsensgade.Mediegrafiker 2010 - 2014.

16 & 18 december 2013

Mikkel Frank

Fiskerikajen ApS

Uddannelse:

sVendeprøVe:

eKsaMInaTOr:

KUnde:

København, Danmark.

Page 2: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 20132

HejGrafisk design eller grafisk formgivning er en produktform som henviser til forskellige professionelle og kunstneriske udtryks-former, som fokuserer på præsentation og visuelt budskab af et objekt i tryksager eller digitale medier. Ved visualisering anvendes forskellige metoder til at skabe og kombinere symboler, billeder og tekst i en samlet og synlig præsentation, blandt andet ved anvendelse af typografi, synlig kunst og iøjnefaldende layouts, for at skabe det endelige resultat. Grafisk design er en tosidig proces, henholdsvis designfasen, hvor forbindelsen til modtageren skabes og produktets udførelse.[kilde:wikipedia]

Mit navn er Tobias Rosenqvist, dette er mit portfolio.

Page 3: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 3

Page 4: Grafisk design

Fiskerikajen ApS

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 20134

Visuel identitet

Fiskerikajen var i gang med en stor udvikling. De skulle gå fra at have en enkelt butik med restaurant på Rungsted Havn, til at udvide med butik i Torvehallerne og større expansion i vente. Vi vidste i firmaet, at en masse arbejde skulle udføres, men at Fiskerikajen blev så stor en succes havde ingen set komme. De gik fra at have leveret fisk til nogle af landets bedste restauranter, til at levere til de fleste ekslusive restauranter i DK samt åbning af butik 3 og 4. Fiskerikajen har i dag 4 butikker, hvor 2 af dem er åbnet i år 2013. Jeg vil vise noget fra udviklingen af designet til deres visitkort, logo og menuer, samt design, flowchart og wirefram af deres website - www.fiskerikajen.dk

sTIKOrd:

Originalitet, kvalitet og ikke mindst autensitet.

Det var vigtigt at holde focus på autensiteten, som kunne lede tankerne hen på dengang da det hele startede på en kutter i Thyborøn.

Vi skabte hurtigt idéen omkring en kridttavle, som dengang fiskeriudbudet blev solgt direkte fra bagenden af en Toyota Hiace og hvor priserne blev skrevet i hånden dagligt.Shutterstock blev gennemsøgt og tavlen herunder blev valgt, som værende det funda-ment, som den grafiske del idag er bygget op omkring.

Frisk fisk fra kajen!

Page 5: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 5

FarVer:

prOGraMMer: Adobe Illustrator CS6Adobe Photoshop CS6Adobe Dreamvweaver CS6

TYPOGRAFI: Fonten ’Chelsea Market’, kursiv, bliver brugt til menu på websitet, da det er den font der ligner mest Chalkduster, som er butikkens signaturskrift. Signaturskriften er valgt fordi den ligner kridt på en tavle.

Chalkduster

Aa abcdefghijklmnopqrstuvxyzæøåAbCdefghijklmnopqrstuvxyzæøå

Bliver brugt på stort set alt der er trykt, men også på nyhedsbrev og billeder til facebook.

Chalkduster ville også være blevet brugt på websitet, men dette var ikke muligt da det ikke er en websikker font.

Belgrano

Aa abcdefghijklmnopqrstuvxyzæøåABcdefghijklmnopqrstuvxyzæøå

Bliver brugt på www.fiskerikajen.dkBåde som brødtekst og overskrifter.

CMYK 71 14 0 0

HeX

#168441

rGB22 132 45

CMYK 03 96 100 15

HeX

#C40412

rGB196 04 18

Page 6: Grafisk design

Fiskerikajen ApS

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 20136

Original logo - png

Renregnet logo - Illustrator Vector

Jeg modtog billedet som png, men da vi skulle bruge dette logo på diverse størrelser, store bannere, menukort og en masse andet, skullelogoet rentegnes i Illustrator, for at det blev vector.

Logoet er rentegnet med pentool, ved først at tegne hele vejen rundt om fisken, for derefter at gå i gang med bogstaverne. Øjet er lavet af tre cirkler, som er lagt oveni hinanden i samme lag.Dette dokument er tegnet i 13 (16, hvis man deler øjet op) forskellige lag, så jeg kan skille det af, og rette bogstaverne hver for sig.

Rentegning af logo

Page 7: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 7

Page 8: Grafisk design

Fiskerikajen ApS

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 20138

Visitkort

Redesign af visitkortJeg skulle redesigne deres tidligere visitkort og fik brief om at komme nærmere den lidt mere rå og autentiske stemning, fra da de startede Fiskerikajen.Hvert enkelt visitkort er bygget op omkring tavlen, som er nævnt tidligere. Alle visitkort, pånær engros, er bygget op på samme måde, bare med rettelser i adresse, åbningstider, mail, telefonnr og navn. Engros har ikke åbningstider, så dette er ikke nævnt på denne. Fonten Chalkduster er brugt som tekst, til både forside og bagside. Vi har brugt tavlen som baggrund, med Fiskerikajens logo og tegnede fisk bagved.

Israels Plads Hal 1. G9 H9Rømersgade 183062 København Ktelefon: 33 16 20 80mobil: 24 47 00 27

Åbningstidertirs-tors 10-19fredag 10-20lørdag 9-17søndag 10-15

TORVEHALLERNE

[email protected] www.fiskerikajen.dk

Rungsted Havn 482960 Rungsted Kysttelefon: 45 76 55 20mobil: 20 12 16 68

Åbningstiderman-fre 10-18lørdag 9-16søndag 10-16

RUNGSTED HAVN

[email protected] www.fiskerikajen.dk

Tidligere versioner

Page 9: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 9

Bagside

ENGROSHvidovrevej 80 E2610 Rødovretelefon: 20 12 16 68

[email protected] www.fiskerikajen.dk

ÅBNINGSTIDER:man-fre 09-20lørdag 8-18søndag 10-18

FRISK FISK

FRA KAJEN

RUNGSTED HAVNRungsted Havn 482960 Rungsted Kysttelefon: 45 76 55 20

[email protected]

JÆGERSBORG ALLÈJægersborg Allé 372920 Charlottenlundtelefon: 39 64 14 63

[email protected]

TORVEHALLERNE KBHIsraels Plads Hal 1. G9 H9Rømersgade 181362 København Ktelefon: 33 16 20 80

[email protected]

Page 10: Grafisk design

Fiskerikajen ApS

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 201310

Menuer

Redesign af menuer

Tidligere versioner

Jeg skulle redesigne deres tidligere menuer og fik samme brief, som på deres visitkort, om at komme tilbage til rødderne og det autentiske udtryk.Menuerne er nu opsat med den kendte tavle, fonten Chalkduster er brugt som tekst, til begge sider.

De nye menuer er i A5 med tryk på begge sider.

ForretRøget laks med rygeost, radiser, karse og maltkrumme

Røgede kammuslinger med blomkål, mandler og citroncreme

Jomfruhummer med sauce nage og nye urter

MellemretterBagt torsk med syltet fennikel og safranbouillon

Hvide asparges med Skagensrejer og hummercreme

Grillet tun med sojaingefær vinaigrette og ærter

HovedretterVelhængt oksemørbrad med røget marv og nye løg

Majspoussin med nye majs og sherrysauce

Stegt slethvarre med persillecreme og grønne asparges

DesserterMørk chokolademousse med jordbær

Rabarbertærte med vaniljecreme

Jordbær-pannacotta og jordbærgelé

Bestilling til min 8 couv.

Pris pr. couv.3 retter: 375 kr.4 retter: 450 kr.

FISKERIKAJENRungsted Havn 48 • 2960 Rungsted Kysttlf. 45 76 55 20 • [email protected]

Fiskerikajens 3 eller 4 retters menuer:

Fiskerikajens Sildebord:Marinerede sild og kryddersild, hjemmelavede stegte sild i lage, hjemmelavede karrysild

med æbler og selleri, smilende æg, fedt, løg, kapers og dild, smør og godt rugbrød.Pris pr. person 99,- kr.

Fiskerikajens Klassiske Julefrokost:Marinerede sild og kryddersild, hjemmelavede stegte sild i lage, hjemmelavede karry-

sild med æbler og selleri, Koldinghussild med hjemmesyltede drueagurker og rødbeder, smilende æg, fedt, løg, kapers og dild. Gravad laks med rævesovs, fiskefileter og fiskefri-

kadeller med remoulade, Ribbensteg og hjemmelavet rødkål med appelsin og anis, vildt-frikadeller med tyttebærkompot, hjemmelavet leverpostej med surt, smør og godt rugbrød.

Ris a la mande med lun kirsebærssovs. Pris pr. person 169,- kr.

Fiskerikajens Store Julefrokost:Marinerede sild og kryddersild, hjemmelavede stegte sild i lage, hjemmelavede karry-

sild med æbler og selleri, Koldinghussild med hjemmesyltede drueagurker og rødbeder, smilende æg, fedt, løg, kapers og dild. Gravad laks med rævesovs, røget ål og røreæg,

fiskefileter og fiskefrikadeller med remoulade, ribbensteg og hjemmelavet rødkål med appelsin og anis, gammeldags æbleflæsk, vildtfrikadeller med tyttebærkompot, hjem-

melavet leverpostej med surt, smør og godt rugbrød. Ris a la mande med lun kirsebærssovs.

Pris pr. person 199,- kr.

Fiskerikajens Luksus Julefrokost:Marinerede sild og kryddersild, hjemmelavede stegte sild i lage, hjemmelavede karry-

sild med æbler og selleri, Koldinghussild med hjemmesyltede drueagurker og rødbeder, smilende æg, fedt, løg, kapers og dild. Gravad laks med rævesovs, røget laks med sprød fennikelsalat, røget ål og røreæg, fiskefileter og fiskefrikadeller med remoulade, Ribben-

steg og hjemmelavet rødkål med appelsin og anis, gammeldags æbleflæsk, andebryst a l’orange med hjemmelavet Waldorffsalat, vildtfrikadeller med tyttebærkompot, lun hjem-

melavet leverpostej med surt, smør og godt rugbrød. Ris a la mande med lun kirsebærssovs.

Pris pr. person 275,- kr.

Minimum bestilling af 10 personer. Levering i Nordsjælland og Storkøbenhavn 250,-kr.

FISKERIKAJENRungsted Havn 48 • 2960 Rungsted Kysttlf. 45 76 55 20 • [email protected]

Fiskerikajens Julefrokost menuer:

Page 11: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 11

KLASSISK JULEFROKOSTMarineret sild, stegt sild i lage og hjemmelavet

karrysild med æble og selleriHertil kapers, løg, fedt, smilende æg og dild

Gravad laks med rævesauce, fiskedeller og fiskefiletter med remoulade

Ribbensteg med hjemmelavet rødkål, frikadeller af vildt med tyttebærkompot,

hjemmelavet leverpostej med surt og godt rugbrød

Ris a la mande med lun kirsebærsauce

Pr. person 189,-

Minimum bestilling til 10 personer - gælder alle julemenuer Levering i Nordsjælland og Storkøbenhavn: 250,-

LUKSUS JULEFROKOST

DEN STORE JULEFROKOSTMarineret sild, stegt sild i lage og hjemmelavet

karrysild med æble og selleri, kryddersild serveret med kapers, løg, fedt, smilende æg og dild

Gravad laks med rævesauce, fiskedeller og fiskefiletter med remoulade,

røget ål med æg royale og purløg

Ribbensteg med hjemmelavet rødkål, frikadeller af vildt med tyttebærkompot,

gammeldags æbleflæsk, hjemmelavet leverpostej med surt og godt rugbrød

Ris a la mande med lun kirsebærsauce

Pr. person 209,-

Marineret sild, kryddersild, stegt sild i lage, karrysild og Koldinghussild.

Hertil kapers, fedt, løg, smilende æg og dild

Gravad laks med rævesauce, røget laks med fennikel salat, røget ål med æg royale, fiskedeller og fiskefiletter med remoulade

Ribbensteg med hjemmelavet rødkål, gammeldags æbleflæsk, and a la orange med waldorffsalat,

frikadeller af vildt med tyttebærkompot

Hjemmelavet leverpostej med surt og godt rugbrød med smør

Ris a la mande med kirsebærsauce

Pr. person 299,-

SILDEBORD

jule- og nytårsmenuer

NYTÅRSMENU

Marineret sildHjemmelavet stegt sild i lageHjemmelavet karrysild med

æble og selleriAlt serveret med godt rugbrød, fedt, kapers, løg, smilende æg og dild

*Pr. person 99,-

*Minimum bestilling til 10 personer. Levering i Nordsjælland og Storkøbenhavn: 250,-

Bestilling skal afgives senest den 29/12Afhentning fra kl. 08.00 til kl. 14.00 den 31/12

Rungsted Havn 48tlf. 45 76 55 20

Torvehallerne Kbhtlf. 33 16 20 80

Rotunden Helleruptlf. 39 45 12 21

Jægersborg Allé 37tlf. 39 64 14 63

Forretter - vælg mellem

1/2 hummer: Hummerhale og ravioli med brud af hummer og cremet hummerbisque

eller

Letrøget torsk med salat af grønkål, tørrede tranebær, hasselnødder og østerscreme

HovedretBøf af oksemørbrad med vilde svampe,

glaserede persillerødder og perleløg, små stegte kartofler med citrontimian og rødvinssky

DessertTanariva Valrhona chokoladekage med ingefær,

braiseret ananas og vanilje parfait

Pris for 2 retter 250,- *forret og hovedret eller hovedret og dessert

Pris for 3 retter 400,- *forret, hovedret og dessert

Pris for alle 4 retter 450,-*Vælg mellem 1/2 hummer eller letrøget torsk

Page 12: Grafisk design

Fiskerikajen ApS

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 201312

Flowchart - www.fiskerikajen.dkWireframe - www.fiskerikajen.dk

FORSide

RUNGSTedNYHEDSBREV KONTAKT JÆRGeRSBORGKØKKeN TORVEHALLERNEBUTiK ROTUNdeNeNGROS

Hjemmesiden har, udover dem I ser herover, 6 andre sider som har følgende titler: Selskaber, Omtale, Samarbejdspartnere, Åbningstider, Dagens ret og Take Away menuer. Det har taget tid, at få afklaret, hvor de forskellige felter/områder skulle placeres så det blev til en logisk opbygning. Det var også en udfordring, at få så mange antal sider til at fungere sammen samtidligt med, at vi havde hjemmesidens besøgendes behov for øje.

Jeg syntes at mange billeder var vigtigt, da det er en fremragende måde at sælge mad på. Det visuelle i en flot anrettet ret, inviterer mere end det du kan formulere med ord.Billeder af mad taler til vores hjerter, det skaber lyst og ønske om den gode oplevelse samtidig med at det skaber fantasier om harmoni. Det har vi mennesker brug for. Jeg synes klart at det lykkedes, og fiskerikajen har i dag et site, som jeg er stolt af at sige, jeg både har designet og kodet.

Hver side er designet i Adobe Photoshop CS6, efterfuldt af kodning af hver side i HTML og CSS i Adobe Dreamweaver CS6.

Hver side er meget ens, hvilket selvfølgelig speedede produktionen en smule op. Kun et par af siderne ligner ikke de andre, men som I kan se, er det hele meget opstillet i bokse, hvilket gør det en smule nemmere at kode.

I sitet er der også en smule javascript, som er fundet på nettet, for at sørge for at baggrunden ikke bevæger sig, hvis skærmen ændrer størrelse.Der er også javascript for at få slideren i toppen af siden, til at skifte billeder automatisk. Åbner Fiskerikajen butik nr. 5, opstår der nye spændene udfordringer.

http://www.fiskerikajen.dk

Indviklet som bare pokker!

Page 13: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 13

lOGO

MENU BIlleder

lInKs

MENU BIlleder

lInKs

MENU BIlleder

lInKs

MENU BIlleder

KOnTrOl

MenU

TOP BILLEDE

TeKsT

Page 14: Grafisk design

Fiskerikajen ApS

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 201314

www.fiskerikajen.dkHTML + CSS - Det færdige design

Page 15: Grafisk design

tobias rosenqvistsvendeprøve 2013

tobias rosenqvistsvendeprøve 2013 15

CSS

HTML