GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

Transkript

1 GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11

2 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed. 2. Jeg står for alt grafisk og teknisk arbejde i dette projekt, bl.a. opbygning af identitet, logo, layout til website og kodning/opbygning af websitet i cms-systemet Wannafind. 3. s målgruppe består hovedsageligt af folk med interesse for bæredygtighed og økologi og måden hvorpå de kan fremme det generelle kendskab til bæredygtig produktion og levevis gennem både lokal og global vidensdeling. Demografisk vil målgruppen primært være bosat i og omkring Syd Danmark, ligeledes vil målgruppen have interesse for de arrangementer arrangerer. 4. Stilen er holdt i meget enkle farver. Farverne i logoet har jeg ladt gå igen rundt om på sitet for at fastholde helheden og den røde tråd. Pastelfarverne er brugt for at gøre sitet mere rolig og overskueligt for brugeren. Da websitet videregiver en masse information er det vigtigt at beholde brugeren så længe så muligt, hvilket pastelfarverne bidrager til, da de holder tempoet nede og holder fokus i modsætning til stærke og kraftige farver. Logoet er let læseligt og der tilføjet et logoelement i form af et kornstrå, som leder brugeren hen mod natur og bæredygtighed. For at skabe dynamik har jeg lavet et banner som står og skifter, det får sitet til at virke mere moderne og skaber på samme tid farvekombinationer, som også er med til at fastholde brugeren både billed- og farvemæssigt. Derudover vises livsstilsfotos, som underbygger foreningens formål og aktiviteter. Til brødteksten og overskrifter bruges fonten Ruda, som giver et moderne udtryk. Til menuen er der brugt fonten Courgette Regular, som virker en anelse ældre. Denne font er brugt for at give kontrast til den moderne font og pastelfarverne. 5. Briefing om projektet Udarbejde logo og logoelement Lave sitemap og layout til website MILEPÆL: Layout til godkendelse hos kunde Kodning og tilpasning i cms MILEPÆL: Website godkendelse hos kunde Endelige rettelser / tilføjelser 6. KAVLITETSVURDERING: Jeg er blevet meget tilfreds med det endelige resultat af s website. Jeg synes jeg har fået budskabet frem i layoutet, så det er tydeligt at se hvilke værdier har som forening. En overvejelse kunne være logoet, som kunne laves mere specielt i forhold til fonten og de grafiske former i fonten. Økologi Dyr Vækst Dansk landbrug Troværdighed Natur Livsstil og samfund Bæredygtighed Sundhed SIDE 2 / 11 H1 SIDE 3 / 11

3 Inspiration Inspiration fra hjemmesiden Økologisk Landsforening. Billeder fra kunde Logo Endeligt logo til Logoets udvikling fra idé til realisering. GREEN JOY Til logoet er valgt fonten Ruda The quick brown fox jumps over the lazy dog s logoelement RGB: 169, 197, 189 CMYK: 34, 12, 26, 0 Hex: #a9c5bd RGB: 236, 233, 36 CMYK: 11, 0, 95, 0 Hex: #ece924 grønne farve for at symbolisere natur, troværdighed og bære Den dygtighed. Den gule understøtter den grønne naturfarve, både som kontrast og som element. H1 SIDE 5 / 11 Farver fra Økologisk Landsforenings plakat SIDE 4 / 11

4 Sitemap til website - Skitser af hjemmeside Skitse 1 Skitse 2 FORSIDE OM FORENINGEN BLIV MEDLEM VIDEN OM ARRANGEMENTER KONTAKTER Skrift brugt til brødtekst på website Skrift brugt til navigation på website SIDE 6 / 11 H1 SIDE 7 / 11

5 Layout Layout - undersider Forside Arrangementer SIDE 8 / 11 Galleri H1 SIDE 9 / 11

6 Endelige website CSS eksempel CSS en i Wannafinds system Templaten som er brugt til s hjemmeside er blevet tilpasset i både html og css, så vi kunne skabe det ønskede layout. SIDE 10 / 11 H1 SIDE 11 / 11