AGROSKOLEN AGROSKOLENsashmat.dk/wp-content/uploads/2016/02/grafisk_design.pdf · med hang til teknik, store maskiner og landbrugsproduktion. En del af mar-kedsføringen henvender

AGROSKOLEN

GRAFISK DESIGN AGROSKOLEN

AGROSKOLEN

Grafisk design Agro skolen

VIRKSOMHEDEN AGROSKOLEN

AFSENDERAgroskolen er en skole som tilbyder uddannelser inden-for 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ÆGAgroskolen lægger vægt på værdierne kvalitet, enga-gement 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æn-dende med klare budskaber.

AFSENDER OG OPLÆG – GRAFISK DESIGN

Sasha Matharu 5

KONSUMENTENHED

Alle

SEGMENTER MÅLGRUPPE

AGROSELVSTÆNDIG:Aldersgruppe: 15-25 årFor eleven, der drømmer om et liv som selvstændig.

AGROØKOLOGISK:Aldersgruppe: 15-25 år, mange pigerFor eleven, der går op i økologi og bæredygtighed.

AGROKLASSISK:Aldersgruppe: 15-25 år, mange drengeFor elever, som helst vil ud og arbejde med hænderne.

AGROLEDER:Aldersgruppe: 23-40 årFor allerede uddannede landmænd med fokus på drift, ledelse, økonomi og virksomhedsudvikling.

AGROMANAGEMENT:Aldersgruppe: 22-30 årFor elever med studentereksamen, som vil videreud-danne sig indenfor landbruget.

AGROCAMPUS:Aldersgruppe: 15-16 årFor elever der lige har afsluttet 9. klasse. Formålet er at vække fleres interesse for landbruget.

MÅLGRUPPEBESKRIVELSE OVERORDNETAlder: 15-25 årInteresserer: jordbrug, landbrug og fødevarer. Den primære målgruppe er drenge med hang til teknik, store maskiner og landbrugsproduktion. En del af mar-kedsfø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.

MÅLGRUPPE – GRAFISK DESIGN

Sasha Matharu 6

IDEALISTISK OG TRADITIONEL40%

DET ROSA SEGMENT

DET VIOLETTE SEGMENT

TRADITIONEL OG MATERIALISTISK0%

GRÅ SEG-MENT

UAFKLARET5%

MATERIALISTISK OG MODERNE15%

MODERNE OG IDEALISTISK40%

DET GRØNNESEGMENT

DET BLÅSEGMENT

MATERIALISTISK IDEALISTISK

MO

DER

NE

TRA

DIT

ION

EL

MINERVA MODELLEN – GRAFISK DESIGN

Sasha Matharu 7

OPGAVENy 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.

KUNDEKONTAKTDer har været korrespondance med Agroskolens marketings-konsulent samt deres projektansatte marketingsassistent.

OPGAVEANSVARLIGOpgaven er udført i samarbejde med en kollega.

OPGAVENS VARIGHEDVi har løst opgaven på fire hverdage.

OVERORDNET – GRAFISK DESIGN

Sasha Matharu 8

PRÆSENTATION AF HJEMMESIDEN, FØR OG EFTER – GRAFISK DESIGN

Sasha Matharu 9

RESEARCH – GRAFISK DESIGN

Sasha Matharu 10

Top menu

Main menu

Menu strukturLink til leder og EUX

Slider

Campus præsentation

Tre fagprofiler

KUNDENS SKITSER OG ØNSKER – GRAFISK DESIGN

Sasha Matharu 11

DESIGNPARAMETER GRAFISK DESIGN

FORSIDEOverblik over sektionerne på den endelige forside

12

34 5

FORSIDE – GRAFISK DESIGN

Sasha Matharu 14

150 px

350 px

500 px 500 px

500 px500 px

350 px 350 px

350 px 350 px 350 px

1908 px

1190 px

Forside Om os Landbrugsuddannelsen

Header billede 100% x 600 px

Slider 100% x 603 px

AGRO Campus AGRO Leder EUX

Elev Skoler Lej lokalerLandmand

Kontakt

87 px

AGRO klassisk

EUX Leder

AGRO selvstændig AGRO økologisk

SKAB DIN EGEN UDDANNELSE

CAMPUS

HAMMERUM HOVEDGADE 7 – 7400 HERNING – TLF: +45 97 11 60 53 – MAIL: [email protected]

KOMBINER FAGPROFILER OG LINJER

63 px

63 px

39 px

250 px 250 px 250 px 250 px

214 px

250 px

214 px

MINK SVIN KVÆG KORN

Footer 100% x 60 px

150 px

350 px

500 px 500 px

500 px500 px

350 px 350 px

350 px 350 px 350 px

1908 px

1190 px

Forside Om os Landbrugsuddannelsen

Header billede 100% x 600 px

Slider 100% x 603 px

AGRO Campus AGRO Leder EUX

Elev Skoler Lej lokalerLandmand

Kontakt

87 px

AGRO klassisk

EUX Leder

AGRO selvstændig AGRO økologisk

SKAB DIN EGEN UDDANNELSE

CAMPUS

HAMMERUM HOVEDGADE 7 – 7400 HERNING – TLF: +45 97 11 60 53 – MAIL: [email protected]

KOMBINER FAGPROFILER OG LINJER

63 px

63 px

39 px

250 px 250 px 250 px 250 px

214 px

250 px

214 px

MINK SVIN KVÆG KORN

Footer 100% x 60 px

FORM PÅ ELEMENTERDa firkanter er den primære gennem-gående genkendelige form i AGRO’s de-signlinje, har vi valgt at fravige kundens ønske om at placere en lodret og vandret rektangel, se herunder. Dette har vi gjort for at bevare gen-kendeligheden i hele Agros design linje. Vi har indgået i en dialog med kunden, som efterfølgende har accepteret vores forslag.

FORM – GRAFISK DESIGN

Sasha Matharu 15

ILLUSTRATION GRAFSIK 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°.

ILLIUSTRATION – GRAFISK DESIGN

Sasha Matharu 17

Præg af landbrug og forretning idet manden ikke er iklædt udpræget arbejdstøj.

Udstråler det grønne, bæredygtighed og øko-logi. Der er primært piger på denne linje og der-for er der valgt hunkøn.

Manden på billedet leder tankerne hen på det klassiske landbrug som man ofte associerer med hø og landbrugsmaskiner.

ILLUSTRATIONERBilleder 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å 15-25 år. Derfor er der valgt unge mennesker.

ILLUSTRATION – GRAFISK DESIGN

Sasha Matharu 18

FARVER GRAFISK DESIGN

SAGMENTER OG FARVERHver segment har dets egen farveskala. Her ses de forskellige farvegrupper.

LEDER

AGRO KLASSISK

EUX

AGRO SELVSTÆNDIG

MANAGEMENT

AGRO ØKOLOGISK

AGRO CAMPUS

FARVER – GRAFISK DESIGN

Sasha Matharu 20

FARVEHIERAKIHer ses farvehierakiet over alle farverne anvendt i Agroskolens designlinje.

FARVEHIERAKI – GRAFISK DESIGN

Sasha Matharu 21

LOVEN OM SAMHØRLIGHEDDa kunden ønsker et stilrent og minimalistisk ud-tryk, 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å for-siden, 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 for-binder disse ved brugen af samme farve.

Primær identitetsfarve

Neutralfarve

CMYK: 92. 49. 46. 39 RGB: 0. 78. 90HEX: #004E5A

CMYK: 0. 0. 0. 41 RGB: 150. 150. 150HEX: #969696

FARVER – GRAFISK DESIGN

22 – 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 gym-nasium, som repræsenterer sig ved en rød farve. Dette er for at skabe en sammen-hæng om samarbejde.

LEDERLederen 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

Primær identitetsfarve

Sekundær identitetsfarve

Sekunder identitetsfarve

CMYK: 38. 100. 88. 61 RGB: 92. 0. 2HEX: #5C0002

CMYK: 25. 7. 76. 0RGB: 208. 209. 90HEX: #D0D15A

CMYK: 18. 100. 91. 9 RGB: 186. 0. 30HEX: #BA001E

CMYK: 36. 8. 99. 85 RGB: 50. 58. 0HEX: #323A00

FARVER – GRAFISK DESIGN

Sasha Matharu 23

FARVER Her præsenteres Agroskolens tre vigtig-ste farver. Disse tre farver tilhører fag-profilerne som der lægges mest vægt på.

Agroskolens primær identitetsfarve er mørkegrøn og derfor er den mest domi-nerende på hjemmesiden.

Sekundær identitetsfarve

Sekundær identitetsfarve

Primær identitetsfarve

CMYK: 67. 80. 36. 31RGB: 90. 56. 89HEX: #5A3859

CMYK: 78. 21. 42. 4RGB: 32. 147. 149HEX: #209395

CMYK: 92. 49. 46. 39 RGB: 0. 78. 90HEX: #004E5A

FARVER – GRAFISK DESIGN

Sasha Matharu 24

PrestigeBeroligendeKreativFantasi

KommunikationVenligGlædeBalance VækstStabilitet

SpændingEnergiLidenskab

VækstNaturPengeFrugtbarhed

NaturVækstAfslappende farveHelbredendeBalance Harmoni

FARVESYMBOLIK

FARVESYMBOLIK – GRAFISK DESIGN

Sasha Matharu 25

FONT VALG GRAFISK DESIGN

FONTEN INDUSTRYIndustry er en nyere font som udviser mini-malisme 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.

INDUSTRY

Kant

Kvalitet

KreativitetStabillitet

Skarphed

Let læseligt

Nytænkning

Engagement

FONTVALG – GRAFISK DESIGN

Sasha Matharu 27

KOMPOSITION GRAFISK DESIGN

3 DELINGMetoden 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æl-ter, har vi placeret en trekant med diagonaler som leder til personen. Dette resulterer i en modvægt og skaber harmoni og ligevægt.

KOMPOSITION – GRAFISK DESIGN

Sasha Matharu 29

ATTENTIONManden i midten er blikfang

INTERESTFagprofilerne er interessen

DESIREBrugeren ønsker mere information og scrol-ler derved ned på siden

ACTIONBrugeren klikker sig ind på den ønskede side

AIDA MODELLEN – GRAFISK DESIGN

Sasha Matharu 30

ANIMATION GRAFISK DESIGN

ANIMATION 1Responsive slider bestående af fire billeder .

ANIMATION – GRAFISK DESIGN

Sasha Matharu 32

ANIMATION 2Bestå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 for-skellige hastigheder.

ANIMATION – GRAFISK DESIGN

Sasha Matharu 33

ÆSTETIK OG FUNKTIONDer 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.

ØKONOMISKE BEGRÆNSNINGERHjemmesiden er bygget op omkring gratis plug-ins og et gratis tema. Det eneste kunden har brugt penge på er denne særlige font.

Ekstra side menu

Top menu – interne informationer

Main menu – henvender sig til alle

ÆSTETIK OG FUNKTION – GRAFISK DESIGN

Sasha Matharu 34

UNDERSIDE

Menuen som vi snakkede om, indsættes i venstre side

Slider

Her placres de fire kasser til skab din egen uddannelse.

Roterende billeder.Tekst i de farvede felter

Footer er under opbygning

Valgmuligheder til øvreban-ner:

1. Baggrundsbilled med farvede kasser.

2. Hvid baggrund med billed af personer i kasser (som på billedet i sendte os)

FORSIDE

»KILL YOUR DARLINGS«Her er der anvendt kill your darlings. Skitsen til højre var vores første udkast. Vi har taget ud-gangspunkt i kundens ønske. Efterfølgende var vi i dialog med kunden og blev enige om at placere mennesker i de øver-ste tre blikfangskasser og farver/illustrationer i EUX og Leder.Det oprindelige farveheraki for campus ses ogå på billedet. Det var kundens ønske at æn-dre dem i dette tilfælde til deres primær identi-tetsfarver grøn, lilla og turkis.

KVALITETSVURDERINGTaget i betragtning af at vi havde fire arbejds-dage til hjemmesiden, er jeg tilfreds. Vi har formået at påvirke kundens oprindelige ønsker således at vi bevarer designet i kvadrater.

KVALITETSVURDERING – GRAFISK DESIGN

Sasha Matharu 35