GRAFISK DESIGN AGROSKOLEN

Transkript

1 GRAFISK DESIGN AGROSKOLEN

2 VIRKSOMHEDEN Grafisk design AGROSKOLEN Agro skolen

3 AFSENDER OG OPLÆG GRAFISK DESIGN AFSENDER Agroskolen er en skole som tilbyder uddannelser indenfor landbrug. Skolen blev stiftet i 1930 og har udviklet sig fra kun at have en uddannelse til i dag at have et udvalg af syv forskellige landbrugsuddannelser. OPLÆG Agroskolen lægger vægt på værdierne kvalitet, engagement og positiv indstilling. De ønsker at fremstå som nytænkende og med vægt på kvalitet. De har følgende ønsker til deres design: Minimalisme, enkelthed, stilrent og simpelt design, at fremstå spændende med klare budskaber. Sasha Matharu 5

4 MÅLGRUPPE GRAFISK DESIGN KONSUMENT ENHED SEGMENTER MÅLGRUPPE Alle AGROSELVSTÆNDIG: Aldersgruppe: år For eleven, der drømmer om et liv som selvstændig. AGROØKOLOGISK: Aldersgruppe: år, mange piger For eleven, der går op i økologi og bæredygtighed. AGROKLASSISK: Aldersgruppe: år, mange drenge For elever, som helst vil ud og arbejde med hænderne. AGROLEDER: Aldersgruppe: år For allerede uddannede landmænd med fokus på drift, ledelse, økonomi og virksomhedsudvikling. AGROMANAGEMENT: Aldersgruppe: år For elever med studentereksamen, som vil videreuddanne sig indenfor landbruget. AGROCAMPUS: Aldersgruppe: år For elever der lige har afsluttet 9. klasse. Formålet er at vække fleres interesse for landbruget. MÅLGRUPPEBESKRIVELSE OVERORDNET Alder: år Interesserer: jordbrug, landbrug og fødevarer. Den primære målgruppe er drenge med hang til teknik, store maskiner og landbrugsproduktion. En del af markedsføringen henvender sig også til»dyreelskende«piger. Størstedelen af målgruppen har ikke haft stor succes med at gå i skole og trænger derfor til at opnå succes i deres uddannelsesliv. Sasha Matharu 6

5 MINERVA MODELLEN GRAFISK DESIGN MODERNE DET BLÅ SEGMENT MATERIALISTISK OG MODERNE 15% MODERNE OG IDEALISTISK 40% DET GRØNNE SEGMENT MATERIALISTISK GRÅ SEG- MENT UAFKLARET 5% IDEALISTISK DET VIOLETTE SEGMENT TRADITIONEL OG MATERIALISTISK 0% IDEALISTISK OG TRADITIONEL 40% DET ROSA SEGMENT TRADITIONEL Sasha Matharu 7

6 OVERORDNET GRAFISK DESIGN OPGAVE Ny opsætning af hjemmeside til Agroskolen. Kunden ønsker at hjemmesiden sættes op i Wordpress, så der nemt kan rettes i teksten og sættes nye billeder ind. KUNDEKONTAKT Der har været korrespondance med Agroskolens marketingskonsulent samt deres projektansatte marketingsassistent. OPGAVEANSVARLIG Opgaven er udført i samarbejde med en kollega. OPGAVENS VARIGHED Vi har løst opgaven på fire hverdage. Sasha Matharu 8

7 PRÆSENTATION AF HJEMMESIDEN, FØR OG EFTER GRAFISK DESIGN Sasha Matharu 9

8 RESEARCH GRAFISK DESIGN Sasha Matharu 10

9 KUNDENS SKITSER OG ØNSKER GRAFISK DESIGN Top menu Main menu Tre fagprofiler Menu struktur Link til leder og EUX Slider Campus præsentation Sasha Matharu 11

10 DESIGNPARAMETER GRAFISK DESIGN

11

12 FORSIDE GRAFISK DESIGN FORSIDE Overblik over sektionerne på den endelige forside Sasha Matharu 14

13 150 px FORM GRAFISK DESIGN FORM PÅ ELEMENTER Da firkanter er den primære gennemgående genkendelige form i AGRO s designlinje, har vi valgt at fravige kundens ønske om at placere en lodret og vandret rektangel, se herunder. Dette har vi gjort for at bevare genkendeligheden i hele Agros design linje. Vi har indgået i en dialog med kunden, som efterfølgende har accepteret vores forslag. Forside Om os Landbrugsuddannelsen 350 px AGRO klassisk 87 px 1190 px 1908 px AGRO Campus AGRO Leder EUX 350 px 350 px 350 px AGRO selvstændig 350 px AGRO økologisk 350 px 500 px 500 px Elev Skoler Landmand Lej lokaler Kontakt Header billede 100% x 600 px MINK SVIN KVÆG KORN CAMPUS 214 px 214 px 250 px 63 px 500 px EUX Leder 500 px Slider 100% x 603 px HAMMERUM HOVEDGADE HERNING TLF: MAIL: AGROSKOLEN@AGROSKOLEN.DK Footer 100% x 60 px SKAB DIN EGEN UDDANNELSE 63 px KOMBINER FAGPROFILER OG LINJER 39 px 250 px 250 px 250 px 250 px Sasha Matharu 15

14 ILLUSTRATION GRAFSIK DESIGN

15 ILLIUSTRATION GRAFISK DESIGN ILLUSTRATION Her vises et par af illustrationerene på forsiden. Illustrationen er bygget op af ni kvadratiske kasser. Ovenover er der placeret en ny kvadratisk kasse, som er vinklet med 45. Sasha Matharu 17

16 ILLUSTRATION GRAFISK DESIGN ILLUSTRATIONER Billeder er valgt udfra tidligere nævnte segment beskrivelse. Personer skaber et mere personligt udtryk. De har en direkte kontakt, idet de kigger ud mod læseren. Ens for alle er en målgruppe på år. Derfor er der valgt unge mennesker. Præg af landbrug og forretning idet manden ikke er iklædt udpræget arbejdstøj. Udstråler det grønne, bæredygtighed og økologi. Der er primært piger på denne linje og derfor er der valgt hunkøn. Manden på billedet leder tankerne hen på det klassiske landbrug som man ofte associerer med hø og landbrugsmaskiner. Sasha Matharu 18

17 FARVER GRAFISK DESIGN

18 FARVER GRAFISK DESIGN SAGMENTER OG FARVER Hver segment har dets egen farveskala. Her ses de forskellige farvegrupper. AGRO KLASSISK AGRO SELVSTÆNDIG AGRO ØKOLOGISK LEDER EUX MANAGEMENT AGRO CAMPUS Sasha Matharu 20

19 FARVEHIERAKI GRAFISK DESIGN FARVEHIERAKI Her ses farvehierakiet over alle farverne anvendt i Agroskolens designlinje. Sasha Matharu 21

20 FARVER GRAFISK DESIGN LOVEN OM SAMHØRLIGHED Da kunden ønsker et stilrent og minimalistisk udtryk, har vi foretaget nogle farvemæssige valg. Oprindeligt har de tre fagprofiler, som vises på billedet, hver deres farve, grøn, lilla og turkis. Da Agroskolen ønsker seks forskellige linjer med hver deres farve repræsenteret på forsiden, har vi anvendt grå med transparent for dermed at minimalisere de mange farver. Vi har også anvendt grå på sektion fire, da disse er tilvalg til fagprofilernes uddannelser. Gestalt lovene, loven om samhørlighed, gør at vi forbinder disse ved brugen af samme farve. Primær identitetsfarve Neutral farve CMYK: RGB: HEX: #004E5A CMYK: RGB: HEX: # Grafisk design

21 FARVER GRAFISK DESIGN EUX Eux bliver repræsenteret af dens primære identitetsfarve samt af dens sekundære identitetsfarve. Eux har fået sin røde farve pga samarbejde med Ikast Brande gymnasium, som repræsenterer sig ved en rød farve. Dette er for at skabe en sammenhæng om samarbejde. LEDER Lederen har fået sin grønne farve dels for at skabe harmoni, men også for at signalere en række værdier som ses på side 25. Primær identitetsfarve Sekundær identitetsfarve Primær identitetsfarve Sekunder identitetsfarve CMYK: RGB: HEX: #5C0002 CMYK: RGB: HEX: #BA001E CMYK: RGB: HEX: #D0D15A CMYK: RGB: HEX: #323A00 Sasha Matharu 23

22 FARVER GRAFISK DESIGN FARVER Her præsenteres Agroskolens tre vigtigste farver. Disse tre farver tilhører fagprofilerne som der lægges mest vægt på. Agroskolens primær identitetsfarve er mørkegrøn og derfor er den mest dominerende på hjemmesiden. Sekundær identitetsfarve Primær identitetsfarve Sekundær identitetsfarve CMYK: RGB: HEX: #5A3859 CMYK: RGB: HEX: #004E5A CMYK: RGB: HEX: # Sasha Matharu 24

23 FARVESYMBOLIK GRAFISK DESIGN FARVESYMBOLIK Natur Vækst Afslappende farve Helbredende Balance Harmoni Prestige Beroligende Kreativ Fantasi Kommunikation Venlig Glæde Balance Vækst Stabilitet Spænding Energi Lidenskab Vækst Natur Penge Frugtbarhed Sasha Matharu 25

24 FONT VALG GRAFISK DESIGN

25 FONTVALG GRAFISK DESIGN FONTEN INDUSTRY Industry er en nyere font som udviser minimalisme og har et stilrent udseende. Fonten indeholder både runde og skarpe former som udviser en række ønskede værdier som nævnt på billedet. Engagement Let læseligt Kvalitet Stabillitet INDUSTRY Kreativitet Skarphed Kant Nytænkning Sasha Matharu 27

26 KOMPOSITION GRAFISK DESIGN

27 KOMPOSITION GRAFISK DESIGN 3 DELING Metoden er en forenklet udgave af det gyldne snit. Personerne er placeret i den sidste del af billedet. For at skabe harmoni således at billedet ikke vælter, har vi placeret en trekant med diagonaler som leder til personen. Dette resulterer i en modvægt og skaber harmoni og ligevægt. Sasha Matharu 29

28 AIDA MODELLEN GRAFISK DESIGN ATTENTION Manden i midten er blikfang INTEREST Fagprofilerne er interessen DESIRE Brugeren ønsker mere information og scroller derved ned på siden ACTION Brugeren klikker sig ind på den ønskede side Sasha Matharu 30

29 ANIMATION GRAFISK DESIGN

30 ANIMATION GRAFISK DESIGN ANIMATION 1 Responsive slider bestående af fire billeder. Sasha Matharu 32

31 ANIMATION GRAFISK DESIGN ANIMATION 2 Består af seks små slider og tre stillestående objekter. Elementerne med farve er stillestående, hvorimod alle dem med billede i er små slider, som skifter med forskellige hastigheder. Sasha Matharu 33

32 ÆSTETIK OG FUNKTION GRAFISK DESIGN ÆSTETIK OG FUNKTION Der har været lige vægt på æstetik og funktion. Stierne i menuen er nemme og enkle at navigere i. Vi har sat en ekstra side menu på hver underside for at gøre det mest simpelt og brugervenligt. Main menu henvender sig til alle Top menu interne informationer Ekstra side menu ØKONOMISKE BEGRÆNSNINGER Hjemmesiden er bygget op omkring gratis plugins og et gratis tema. Det eneste kunden har brugt penge på er denne særlige font. Sasha Matharu 34

33 KVALITETSVURDERING GRAFISK DESIGN»KILL YOUR DARLINGS«Her er der anvendt kill your darlings. Skitsen til højre var vores første udkast. Vi har taget udgangspunkt i kundens ønske. Efterfølgende var vi i dialog med kunden og blev enige om at placere mennesker i de øverste tre blikfangskasser og farver/illustrationer i EUX og Leder. Det oprindelige farveheraki for campus ses ogå på billedet. Det var kundens ønske at ændre dem i dette tilfælde til deres primær identitetsfarver grøn, lilla og turkis. KVALITETSVURDERING Taget i betragtning af at vi havde fire arbejdsdage til hjemmesiden, er jeg tilfreds. Vi har formået at påvirke kundens oprindelige ønsker således at vi bevarer designet i kvadrater. Sasha Matharu 35