BOP3102BacheloroppgaveVår 2017 Vedlegg 3 SKISSEPROSESS

(1)

SKISSEPROSESS

BOP3102

Bacheloroppgave Vår 2017

287751

Denne oppgaven er gjennomført som en del av utdannelsen ved Høy- skolen Kristiania. Høyskolen er ikke ansvarlig for oppgavens metoder,

resultater, konklusjoner eller anbefalinger.

Vedlegg 3

(2)

INTRODUKSJON

Dette er en prosessbok for emnet BOP3102 som om- handler prosjektets skisseprosess. Denne skissepro- sessen inneholder fargeskisser, logoskisser, typografi, femte designelement, bilder og bilderedigering og alle relevante profilbærere.

(3)

BOP3102 3

VEDLEGG 3

INNHOLD

Forside...

Introduksjon...

Innhold...

VISUELL IDENTITET Farger

Fargeharmonier...

Idéer til fargepalett...

Valgte farger...

Veiledningsøkt - endret fargepalett...

Typografi

Typografiresearch...

Valgt typografi...

Veiledningsøkt - endret typografi...

Ny typografi...

Logo

Håndtegnede logoskisser...

Digitale logoskisser...

Valgt logo...

Veiledningsøkt - endret logo...

Ny logo...

Femte designelement

Femte designelement - geometriske former...

Fotografi

Originale bilder...

Redigerte bilder...

PROFILBÆRERE Meny

Håndtegnede menyskisser...

Digitale menyskisser...

Valgt meny...

Bilder av prototype meny...

Valgt cocktailmeny...

Bilder av prototype cocktailmeny...

”Ukens cocktail”-kort...

Velkomstkort...

Nettside

Sitemap...

Håndtegnede wireframes - desktop...

Digitale wireframes - desktop...

Ferdig designet nettside - desktop...

Nettside mockup - desktop...

Håndtegnede wireframes - mobil...

Digitale wireframes - mobil...

Ferdig designet nettside - mobil...

Nettside mockup - mobil...

Visittkort

Visittkort...

Prototype...

Instagram

Bildegalleri...

”Ukens cocktail”-video...

Facebookside

Logo og forsidebilde...

Publisert innlegg...

STYLEGUIDE

Logo...

Farger...

Logo - fargebruk...

Logo - do’s and dont’s...

Typografi...

Typografiregler for desktop...

Typografiregler for mobil...

Femte designelement...

Grid - meny...

Grid - nettside...

Lenker...

Footer...

1 2 3

6 7 8 9

11 15 16 17

19 20 24 25 26

28

30 31

35 37 54 55 56 58 59 60

62 63 64 67 69 70 71 73 75

77 78

80 80

82 82

84 85 86 87 88 91 92 93 94 95 96 97

(4)

(5)

Farger er en viktig del av en visuell identitet, og ved valg av de riktige fargene til det valgte konseptet, kan fargepaletten bidra til høyere gjenkjennelse av virksomheten. Utarbeidelse av ulike fargeharmoni- er er et viktig hjelpemiddel for å finne en passende fargepalett. Ved å utforske ulike harmonier, skapes ulike kombinasjoner som kan bidra

til at resultatet er bedre gjennomarbeidet.

FARGER

(6)

FARGEHARMONIER

RUSTIKK

MODERNE

RENESSANSEINSPIRERT

URBAN

GAMMELDAGS NOSTALGI

(7)

BOP3102 7

VEDLEGG 3

IDEER TIL FARGEPALETT

(8)

VALGTE FARGER

C: 32%

M: 99%

Y: 61%

K: 26%

R: 140 G: 29 B: 64 PANTONE 208C

C: 0%

M: 32%

Y: 96%

K: 0%

R: 251 G: 181 B: 35 FBB523

C: 100%

M: 44%

Y: 52%

K: 22%

R: 0 G: 96 B: 104 PANTONE 7715C

BURGUNDERRØD GUL SJØGRØNN

(9)

BOP3102 9

VEDLEGG 3

C: 35%

M: 98%

Y: 23%

K: 13%

R: 159 G: 29 B: 101 PANTONE 7648C

C: 0%

M: 32%

Y: 96%

K: 0%

R: 251 G: 181 B: 35 FBB523

LILLA GUL

Onsdag 3. mai var det tid for bachelorens nest siste veiledningsøkt, og her ble det avdekket et par ting jeg var nødt til å ta tak i. Vi snakket blant annet om farge- valget mitt, der veilederne syntes at fargene trengte en liten oppfriskning - litt sterkere farger som represen- terte konseptet mitt enda bedre.

Jeg har på grunnlag av tilbakemeldingene utarbeidet en ny og friskere fargepalett. Etter tilbakemeldingene så jeg meg enig i at den forrige fargepaletten var litt for mørk og ikke særlig livlig, noe jeg synes den nye fargepaletten ble.

VEILEDNINGSØKT -

ENDRET FARGEPALETT

C: 65%

M: 0%

Y: 33%

K: 0%

R: 81 G: 188 B: 184 PANTONE 3255C

C: 11%

M: 91%

Y: 75%

K: 2%

R: 211 G: 50 B: 57 PANTONE 1797C

TURKIS RØDORANSJE

(10)

Under typografiresearchen utforskes ulike fonter for å finne ut hvil- ke som passer sammen. Dette for å kartlegge hvilke som egner seg best til konseptet. Typografien kan være med på å løfte det visuelle uttrykket, og skape kontraster og spenning til designet. I typografi-

researchen utforskes fonter som egner seg til både overskrifter og

mengedekst.

(11)

BOP3102 11

VEDLEGG 3

TYPOGRAFIRESEARCH

ExtraLight Light Regular

Italic Bold

SOURCE SANS PRO

Light Roman Oblique

Black Heavy AVENIR

Light Regular Oblique Bold Oblique Bold

HELVETICA

Light Thin Regular

Italic Bold

HELVETICA NEUE

Hairline Thin Regular

Black NORDICA

Hairline ExtraLight

Light Black ExtraBlack

MUSEO SANS DISPLAY

Regular Italic Bold Bold Italic

CHAMPAGNE AND LIMOUSINES

Book

Book Oblique Medium

Heavy

Condensed Extra Bold FUTURA

Regular

Bold

GENERICA

(12)

TYPOGRAFIRESEARCH

Regular Italic SemiBold Bold Italic Bold BASKERVILLE

Regular Italic Bold Italic Bold ATHELAS

Book Italic Book Bold BODONI

Book Book Italic Bold Italic Bold

FREIGHTBIG PRO

Regular Italic Didone

LUST

Regular Italic Bold Italic Bold PALATINO

Regular Italic Bold Italic Bold MINION PRO

Regular Italic Bold Italic Bold

GEORGIA

(13)

BOP3102 13

VEDLEGG 3

TYPOGRAFIRESEARCH

Regular Italic Bold Italic Bold

COURIER

Regular Light

Condensed Bold Bold

AMERICAN TYPEWRITER

Regular Italic Bold Italic Bold COURIER NEW

Regular Bold

SPLENDID 66

Regular NIXIE ONE

Regular ANDALE MONO

Regular

Bold

PT MONO

(14)

TYPOGRAFIRESEARCH

For å teste ut hvordan en font ser ut i mengdetekst, er det lurt å ha et avsnitt eller to med mye tekst. På den måten ser man hvor lesbar fonten er, og det er lettere å gjøre seg opp et bilde av hvordan fonten vil gjøre

seg i mengdetekst og kortere tekster. Slik ser tykk font ut i mengdetekst, og dette er kursiv. Tegn vil se slik ut: , . - _ ! ? = ” + % & ( ) og slik ser tallene ut: 0 1 2 3

4 5 6 7 8 9.

Tittel TITTEL

SOURCE SANS PRO

For å teste ut hvordan en font ser ut i mengdetekst, er det lurt å ha et avsnitt eller to med mye tekst. På den måten ser man hvor lesbar fonten er,

og det er lettere å gjøre seg opp et bilde av hvordan fonten vil gjøre seg i mengdetekst og kortere

tekster. Slik ser tykk font ut i mengdetekst, og dette er kursiv. Tegn vil se slik ut: , . - _ ! ? = ” + %

& ( ) og slik ser tallene ut: 0 1 2 3 4 5 6 7 8 9.

Tittel TITTEL

AVENIR

For å teste ut hvordan en font ser ut i mengdetekst, er det lurt å ha et avsnitt eller to med mye tekst. På den måten ser man hvor lesbar fonten er, og det er lettere å gjøre seg opp et bilde av hvordan fonten vil gjøre seg i mengdetekst og kor-

tere tekster. Slik ser tykk font ut i mengdetekst, og dette er kursiv. Tegn vil se slik ut: , . - _ ! ? = ” +

% & ( ) og slik ser tallene ut: 0 1 2 3 4 5 6 7 8 9.

Tittel TITTEL

^HELVETICA

For å teste ut hvordan en font ser ut i mengdetekst, er det lurt å ha et avsnitt eller to med mye tekst. På den måten ser man hvor lesbar fonten er, og det er lettere å gjøre seg opp et bilde av hvordan fonten vil gjøre seg i mengdetekst og kortere tekster. Slik ser tykk font ut i mengde- tekst, og dette er kursiv. Tegn vil se slik ut: , . - _ !

? = ” + % & ( ) og slik ser tallene ut: 0 1 2 3 4 5 6 7 8 9.

Tittel TITTEL

HELVETICA NEUE

For å teste ut hvordan en font ser ut i mengdetekst, er det lurt å ha et avsnitt eller to med mye tekst. På den måten ser man hvor lesbar fonten er, og det er lettere

å gjøre seg opp et bilde av hvordan fonten vil gjøre seg i mengdetekst og kortere tekster. Slik ser tykk font ut i mengdetekst. Tegn vil se slik ut: , . - _ ! ? = ” +

% & ( ) og slik ser tallene ut: 0 1 2 3 4 5 6 7 8 9.

Tittel TITTEL

MUSEO SANS DISPLAY

For å teste ut hvordan en font ser ut i mengdetekst, er det lurt å ha et avsnitt eller to med mye tekst. På den måten

ser man hvor lesbar fonten er, og det er lettere å gjøre seg opp et bilde av hvordan fonten vil gjøre seg i mengdetekst og kortere tekster. Slik ser tykk font ut i mengdetekst, og dette er kursiv. Tegn vil se slik ut: , . - _ ! ? = ” + %

Tittel TITTEL

FUTURA

tekster. Slik ser tykk font ut i mengdetekst, og dette er kursiv. Tegn vil se slik ut: , . - _ ! ? = ” + %

Tittel TITTEL

PALATINO

tekster. Slik ser tykk font ut i mengdetekst, og dette er kursiv. Tegn vil se slik ut: , . - _ ! ? = ” + %

Tittel TITTEL

^GEORGIA

Tittel TITTEL

BODONI

Tittel TITTEL

AMERICAN TYPEWRITER

Tittel TITTEL

COURIER NEW

Tittel TITTEL

NIXIE ONE

(15)

BOP3102 15

VEDLEGG 3

NIXIE ONE SOURCE SANS PRO

VALGT TYPOGRAFI

MENGDETEKST OVERSKRIFT LOGOFONT

extralight - EXTRALIGHT light - LIGHT

regular - REGULAR italic - ITALIC

semibold - SEMIBOLD bold - BOLD

black - BLACK

GENERICA

regular - REGULAR regular - REGULAR bold - BOLD

NORDICA

hairline - HAIRLINE thin - THIN

regular - REGULAR

black - BLACK

(16)

Onsdag 3. mai var det tid for bachelorens nest siste veiledningsøkt, og her ble det avdekket et par ting jeg var nødt til å ta tak i. Typografien var visuelt sett for svak, og også for tynn. Jeg fikk beskjed om å utforske flere antikvafonter da antikva er svært egnet til restaurant, og kan i noen tilfeller være mer uttrykksfullt enn grotesk.

VEILEDNINGSØKT -

ENDRET TYPOGRAFI ^Regular

VOOR

Regular TUGANO

Regular SPINWERAD

Regular PISTILLI

Black

NOUVELLE VAGUE

Regular Italic Bold DIDOT Regular

FETTE BAUERSCHE

Light Antique GAR-A-MOND

Regular Italic Bold

IM FELL FRENCH CANON

Regular VINCENTIO

Regular

ZACHERY

(17)

BOP3102 17

VEDLEGG 3

AVENIR NY TYPOGRAFI

MENGDETEKST OVERSKRIFT LOGOFONT

light - LIGHT book - BOOK roman - ROMAN oblique - OBLIQUE medium - MEDIUM

heavy - HEAVY black - BLACK

PISTILLI

regular - REGULAR

PISTILLI

regular - REGULAR

TILLEGGSFONT

GENERICA

regular - REGULAR bold - BOLD

GENERICA

regular - REGULAR

bold - BOLD

(18)

En logo er ofte det første man ser, og gjerne det som kan påvirke mennesker til å gjenkjenne en virksomhet. En logo er deler av en virksomhets ansikt, og er derfor nødt til å passe til konseptet. I logo-

utviklingen er det viktig med ulike skisseretninger slik at man får et

bredere spekter av designretninger.

(19)

BOP3102 19

VEDLEGG 3

HÅNDTEGNEDE LOGOSKISSER

(20)

(21)

BOP3102 21

VEDLEGG 3

DIGITALE LOGOSKISSER

e E

E P O K E E P O K E e E

E P O K E

E P O K E E _{e p o k e} E

(22)

epoke

epoke epoke

(23)

BOP3102 23

VEDLEGG 3

epoke epoke epoke epoke

DIGITALE LOGOSKISSER

(24)

VALGT LOGO

(25)

BOP3102 25

VEDLEGG 3

Onsdag 3. mai var det tid for bachelorens nest siste veiledningsøkt, og her ble det avdekket et par ting jeg var nødt til å ta tak i. Når det kom til logoen var fonten i logoen litt for tynn, og logoen i seg selv er litt for steril og ”kjedelig”. Den representerer ikke konseptet godt nok, i tillegg til at logoen kan minne om et apotek, og ikke noe som har med mat å gjøre.

Jeg utarbeidet noen nye logoskisser der jeg brukte en kraftig antikvafont som hovedfont i logoen, fremfor en tynn, grotesk slik jeg gjorde i den gamle. Skissene kan ses på denne siden, og neste side viser utvalgt logo.

VEILEDNINGSØKT -

ENDRET LOGO epoke

epoke epoke

restaurant & lounge

(26)

NY LOGO

restaurant & lounge

(27)

Det femte designelement fungerer som et tilleggselement som kan være en faktor for å skape raskere gjenkjennelse av Epoke.

FEMTE DESIGNELEMENT

(28)

FEMTE DESIGNELEMENT

- GEOMETRISKE FORMER

(29)

Her ligger et utvalg av bilder for å vise hvordan bildeprosessen har vært. Det finnes også et utvalg av redigerte bilder, slik at man får inn-

sikt i hva slags uttrykk jeg ønsker i bildene.

FOTOGRAFI

(30)

(31)

BOP3102 31

VEDLEGG 3

REDIGERTE BILDER

(32)

REDIGERTE BILDER

(33)

Profilbærere innebærer å implementere den visuelle identiteten på alle typer kommunikasjonsflater som kommuniserer noe til kundene. I denne oppgaven er profilbærerne to ulike menyer,

nettside, FaceBookside, Instagram og visittkort.

PROFILBÆRERE

(34)

Her finnes ulike menyskisser der jeg har utarbeidet ulike skisseret-

ninger, både håndtegnede og digitale.

(35)

BOP3102 35

VEDLEGG 3

HÅNDTEGNEDE MENYSKISSER

(36)

(37)

BOP3102 37

VEDLEGG 3

DIGITALE MENYSKISSER

(38)

(39)

BOP3102 39

VEDLEGG 3

DIGITALE MENYSKISSER

(40)

M E N Y

forretter

Urtestekt kamskjell

anrettet på gulrotmos

99,-

Fiskesuppe

sei, laks, reker, blåskjell, purreløk, fennikel, gulrøtter

99,-

Fisketapas

gravet laks, urtestekt kamskjell og scampi

99,-

Vilttapas

røkt ærfugl, kjøttboller av elg, rådyr, svin eller okse, speket rådyr

99,-

småretter

Viltburger av elg

anrettet på grovt burgerbrød med salat, tomat, rødløk, rødbeter og sylteagurk. Valgfrie poteter:

pannestekte potetskiver/søtpotet 99,-

Fish & chips

med remulade og valgfrie poteter: pannestekte potetskiver, pommes frites/søtpotet

99,-

Røkt laksesmørdbrød

med eggerøre og salat, tomat, rødløk, rødbeter og sylteagurk

99,-

Biffsmørbrød

anrettet på grovt brød med tomat, rødløk, rødbeter og sylteagurk. Valgfritt dip:

aioli, majones, BBQ

99,- Her skal det stå kort informasjon om

råvarene som brukes i rettene

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

(41)

BOP3102 41

VEDLEGG 3

DIGITALE MENYSKISSER

M E N Y

forretter

99,-

småretter

99,-

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

(42)

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

(43)

BOP3102 43

VEDLEGG 3

DIGITALE MENYSKISSER

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

M E N Y

forretter

Urtestekt kamskjell

99,-

Fiskesuppe

99,-

Fisketapas

99,-

Vilttapas

99,-

småretter

Viltburger av elg

Fish & chips

99,-

Biffsmørbrød

aioli, majones, BBQ

(44)

forretter

(45)

BOP3102 45

VEDLEGG 3

forretter

DIGITALE MENYSKISSER

(46)

forretter

(47)

BOP3102 47

VEDLEGG 3

DIGITALE MENYSKISSER

Forretter

Urtestekt kamskjell

anrettet på gulrotmos 125,- allergener: selleri, skalldyr

Fiskesuppe

sei, laks, reker, blåskjell,

purreløk,fennikel, gulrøtter ^159,-

allergener: selleri, skalldyr, hvete gluten

Vilt tapas

125,-

Hvitvinsdampet blåskjell med loff og majones

allergener: gluten, hvete, egg 165,-

Småretter

Viltburger av elg

anrettet på grovt burgerbrød med salat, tomat, rødløk, rødbeter og sylteagurk.

Valgfrie poteter: Pannestekte potetskiver, søtpotet

185,-

allergener: gluten, hvete

Fish & chips

med remulade og valgfrie poteter: pannestekte potetskiver, pommes frites, søtpotet

169,-

allergener: gluten, hvete, egg

Røkt laksesmørbrød med eggerøre og salat, tomat,

rødløk, rødbeter og sylteagurk ^149,-

allergener: gluten, hvete, egg, selleri

Biffsmørbrød

anrettet på grovt brød med tomat, rødløk, rødbeter, sylteagurk. Valgfritt dip:

aioli, majones, BBQ

allergener: gluten, hvete, egg, laktose

189,-

Forretter

Urtestekt kamskjell

Fiskesuppe

purreløk,fennikel, gulrøtter ^159,- allergener: selleri, skalldyr, hvete

gluten

Vilt tapas

125,-

Småretter

Viltburger av elg anrettet på grovt burgerbrød med salat, tomat, rødløk, rødbeter og sylteagurk.

185,-

Fish & chips

169,-

rødløk, rødbeter og sylteagurk ^149,- allergener: gluten, hvete, egg, selleri

Biffsmørbrød

aioli, majones, BBQ

189,-

Forretter

Urtestekt kamskjell

Fiskesuppe

purreløk,fennikel, gulrøtter ^159,- allergener: selleri, skalldyr, hvete

gluten

Vilt tapas

125,-

Småretter

Viltburger av elg anrettet på grovt burgerbrød med salat, tomat, rødløk, rødbeter og sylteagurk.

185,-

Fish & chips

169,-

rødløk, rødbeter og sylteagurk ^149,- allergener: gluten, hvete, egg, selleri

Biffsmørbrød

aioli, majones, BBQ

189,-

(48)

Forretter

Urtestekt kamskjell

Fiskesuppe sei, laks, reker, blåskjell,

Vilt tapas

røkt ærfugl, kjøttboller av elg, rådyr, svin eller okse, speket

rådyr

125,-

Småretter

Viltburger av elg anrettet på grovt burgerbrød

med salat, tomat, rødløk, rødbeter og sylteagurk.

185,-

Fish & chips med remulade og valgfrie poteter: pannestekte potetskiver,

pommes frites, søtpotet

169,-

Røkt laksesmørbrød med eggerøre og salat, tomat, rødløk, rødbeter og sylteagurk ^149,-

Biffsmørbrød anrettet på grovt brød med

tomat, rødløk, rødbeter, sylteagurk. Valgfritt dip:

aioli, majones, BBQ

allergener: gluten, hvete, egg, laktose 189,-

Forretter

Urtestekt kamskjell

Fiskesuppe sei, laks, reker, blåskjell, purreløk,fennikel, gulrøtter ^159,-

Vilt tapas

rådyr

125,-

Småretter

185,-

169,-

aioli, majones, BBQ allergener: gluten, hvete, egg, laktose

189,-

Forretter

Urtestekt kamskjell

Vilt tapas

rådyr

125,-

Småretter

185,-

169,-

189,-

(49)

BOP3102 49

VEDLEGG 3

DIGITALE MENYSKISSER

Forretter

Urtestekt kamskjell anrettet på gulrotmos 125,-

allergener: selleri, skalldyr

Fiskesuppe sei, laks, reker, blåskjell,

Vilt tapas røkt ærfugl, kjøttboller av elg,

rådyr, svin eller okse, speket rådyr

125,-

165,-

Småretter

185,-

169,-

aioli, majones, BBQ

Forretter

125,-

Hvitvinsdampet blåskjell med loff og majones allergener: gluten, hvete, egg

165,-

Småretter

185,-

169,-

189,-

Forretter

125,-

165,-

Småretter

185,-

169,-

189,-

(50)

Forretter

125,-

165,-

Småretter

185,-

169,-

aioli, majones, BBQ

125,-

165,-

Småretter

185,-

169,-

aioli, majones, BBQ

Forretter

125,-

165,-

Småretter

185,-

169,-

189,-