DOKUMENTATION Grafisk design



Relaterede dokumenter
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

Grafisk design. Ide. Designprocess. Målgruppe

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S.

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Grafisk Design 70% Skitser

Produkt. Index side GRAFISK DESIGN

Indhold. Projekt beskrivelse...s. 3. Analyse...S. 4 SWOT

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

grafisk design Se webappen på din mobil

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

MONIQUE BOOTS-NIELSEN / GRAFIKER

Grundforløbsprøve Projektbeskrivelse

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

GRAFISK - DESIGN HJEMMESIDER TIL IME FONDEN

GRAFISK DESIGN CAMILLA VINTER

PRIMÆRE LOGOTYPE SEKUNDÆRE LOGOTYPE

Grafisk Design. fra idé til visuelt udtryk Benett

det færdige resultat

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

NY IDENTITET TIL SCHWARZ

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

Grafisk workflow. Se siden her:

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

GRAFISK PRODUKTION & WORKFLOW. Endotest website

AF PETER SCHLÜTER. Workflow

TYPOGRAFI OG OMBRYDNING

GRAFISK WORKFLOW. 1 Grafisk workflow

Grafisk Design. rafisk Design

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen.

Niks Frost & Line Søs Hold 32B

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Portfolioudvikling. Line la Fontaine. Multimediedesigner

CHAMP. Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Maria Jacobsen, 12gf32med8b, Aarhus TECH

Designmanual. andersenbiler.dk

Michella+Serritzlew+Jacobsen+

Designguide. NemID Designguide / Kontrapunkt / Marts

grafisk // design // d k sign

Sorø Kommune Opdatering af visuel identitet. December 2014

Stilen skulle gerne være feminin og primærfarven rosa.

Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne.

2/ Sofia Seidler H3 Svendeprøve

Æsken skal primært være i let pap.

Grafisk design: Ny identitet til LiveCV

Eksamensopgave Aarhusportalen. Melissa Emilie

GUIDELINES TV 2 MASTERBRAND VERSION 0.9

Designguide. Her i designguiden kan du læse om CM Networks visuelle identitet, og hvordan du arbejder med CM Network brandet.

GRAFISK DESIGN SVENDEPRØVE Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

Designmanual. Version /2013

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Typografi & Grafik & Grafisk produktion & ombrydning billedbehandling Grafisk design workflow

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

# Redesign af copenhagenskatepark.dk

Designguide. NemID Designguide / Kontrapunkt / Februar

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

Grafisk. Workflow. Side 1

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Billedbehandling. Roll-up banner til Kvickly i Ribe

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN. webdesign af pl.dk

LIGHT BASIC PRO NY HJEMMESIDE?

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN - MAGASIN FORSIDE

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

MARIA SKAU MADSEN SVENDEPRØVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

Grafisk. Design. Side 1

GRAFISK DESIGN. Responsiv website - Mockup

GRAFISK DESIGN. Ny og flot responsiv hjemmeside til Odense Boldklub. Udvikling. Kunde. Inspiration UI/UX

Designmanual. Romalt Idrætsforening 1981

Dokumentation. Grafisk Design

Grafisk Design. Dansk Center For Organdonation

Transkript:

DOKUMENTATION Grafisk design Nanna Augustinus Grafisk design 1

Identitet & website Rally Team Svendborg (RTS) har tidligere haft striber i enten gul, orange og rød eller 3 blå nuancer. Da teamet har haft en del år med minimal aktivitet, ønskede drengene at forny sig selv og få en frisk og nutidig identitet. De rødlige nuancer var drengene ikke hooked på at genbruge og de blå gav for mange associationer til dårligt designede rallybiler, så opgaven var at starte helt på en frisk, kun med det gamle navn. Opgaven er løst i Illustrator, Wordpress, Camera raw og Photoshop. Nanna Augustinus Grafisk design

Grafisk design Indhold Identitet & website... 2 Målgruppe... 4 Grafiske virkemidler... 5 Logo... 6 Website... 8 Sitemap... 9 Skitser og de tilrettede sider... 10 Billag: Billedstil... 11 Nanna Augustinus Grafisk design 3

Målgruppe Rally Team Svendborg har en todelt målgruppe. Den består af sponsorer og fans, begge grupper er beskrevet herunder. Sponsorer Denne del af målgruppen består af nye, samt eksisterende sponsorer. Deres interesse i teamet er value for money hvad får de ud af det og hvad kan vi tilbyde dem? Hvilken eksponering opnår de med teamet? De vil have interesse i udbredelse af teamets nyheder og billeder af bilen. Ligeledes vil statistik på løb og hjemmeside være interessant, samt visning af sponsorens eget logo og link til hjemmeside. Sponsorer er typisk mindre virksomheder i lokalområdet, ofte med en relation til sporten, biler eller teamet. Fans Rallyfans er hovedsaligt mænd fra 18 år og opefter. Mange har en håndværksmæssig uddannelse og generel interesse for biler. En del af disse er fædre, der tager deres børn med til rally og er med til at skabe næste generation af rallyfans. Generelt kan rallyfans deles op i 2: De engagerede fans og de konkurrende teams, der følger med mellem løb. De opdaterer sig på de forskellige teams hjemmesider, på rallyinfo.dk og rejser rundt i landet for at se rally. Den anden del af fansene er tilbagevendende tilskuere til lokale løb, der ikke engagerer sig yderligere i sporten. Fans Potentielle sponsorer Konkurrenter Sponsorer 4 Nanna Augustinus Grafisk design

Grafiske virkemidler Fonte Hele fontvalget er bygget op omkring logofonten Concielian Condensed. Den bruges i det trykte materiale til overskrifter, navne m.m. Som supplerende font har jeg valgt Avenir. Den harmonerer godt med og er et enkelt modstykke til den karakteristiske Concielian. Avenir er en moderne geometrisk font med lige grundstammer og en lille x-højde, der giver et flot og letlæseligt skriftbillede. Online har jeg valgt at bruge fonten Open Sans. Den ligger godt nok et stykke fra Avenir på nogle punkter, men dens kvaliteter på en skærm opvejer disse uoverensstemmelser. Fonten indgår i Googles fontsamling, den er letlæselig og så er den er et frisk pust i forhold til de gamle websikre fonte. Farver Rallybilerne bliver malet hvide og skal dekoreres med folie ved en skiltemaler, derfor er den gennemgående bundfarve hvid. Den grønne logofarve er frisk, (lidt) hidsig og meget synlig og derfor et godt valg som primær farve for teamet. Den grønne farve, er desuden ikke en farve der er brugt ret meget i dansk rallysport og RTS bilerne vil derfor være lette at genkende på rallyprøverne. Den anden bærende farve i teamets design er 60% sort. Derudover bruges andre grå nuancer i bildesignet, samt sølv der skaber effekt og dynamik. Uddrag fra designguiden RTS GRÅ C: 0 M: 0 Y: 0 K: 60 R: 134 G: 134 B: 134 # 999999 RTS GRØN C: 50 M: 0 Y: 100 K: 0 R: 147 G: 192 B: 25 # 94c11a Til Rally Team Svendborgs tekster bruges Avenir med udgangspunkt i en 10/12 Avenir light til brødtekster. Fonten har 6 snit + kursiv. Fortrinsvis bruges de to viste snit. Til overskrifter og andre fremhævninger bruges logo fonten Concielian i condensed versionen. Denne bruges som minimum 3 pt større, end den tekst, den skal understøtte. Avenir Light (10/12) Avenir Medium (10/12) Online bruges Open Sans med en 16/22 px. Alle skrifter der bruges online, har en linjehøjde på 22 eller 44 px. Open Sans Regular Nanna Augustinus Grafisk design 5

Logo Ud fra et ønske om, at have et identificerbart designelement til brug på hjemmeside, tøj, brevlinje osv., lavede jeg en brainstorm over ting, der er forbundet med motorsport og især rally. Jeg kom frem til speedometeret, men der havde været mange andre elementer ind over i processen. Det klassiske ternede flag blev droppet, lige så hurtigt som tanken opstod, da det ternede flag bruges i banesport og ikke rally. Slicks dækmønster, racing fælge, muddersplat og bogstaver var med i overvejelserne, men problemet var, at meget af det ikke ville give mening for personer uden indgående kendskab til sporten. Derefter blev brainstormen lagt mere over i hvad der er fedt ved rally biler og fart. Hvordan viser vi fart, Logoudvikling sømmet i bund Fart = Speedometer! og så var ideen til logoet skabt. Teksten i logoet er skrevet med fonten Concielian Condensed. Det er en let liggende font med masser af dynamik. Den har et kantet teknisk udseende samtidig med, at den er afrundet og behagelig at se på. Fonten har desuden mulighed for at passe nedhænget på y sammen med S'et, således at teksten Rally Team Svendborg bliver sammenhængende, selvom det er delt over to linjer. De to L'er i rally danner med denne font et billede (//) som jeg genbruger flere steder i designet af identiteten, både som opdeler og markør. I logoet har jeg valgt at åbne fonten ved grundstammen af a og e, for at skabe et mere luftigt og dynamisk billede. RTS RallyTeam Svendborg RTS RallyTeam Svendborg RALLY TEAM SVENDBORG Rally RALLY TEAM SVENDBORG Rally m Svendborg Rally Team Svendborg Alternativ ved smalt brug 6 Nanna Augustinus Grafisk design

Nanna Augustinus Grafisk design 7

Website Det var et krav at det nye website skulle være responsivt, så det kan tilgås fra mobile enheder, da der er mange der tjekker tider m.m. på telefonen til løb. Derudover måtte sitet have en lys og enkel fremtoning, med stor vægt på billeder. Muligheden for at præsentere 4 forskellige kørere og deres biler, resultater og aktiviteter, var ligeledes et krav. Det er vigtigt at kunne promovere sponsorer på en pæn og tydelig måde uden at det bliver prangende. Sidst, men ikke mindst er det vigtigt, at teamet selv kan opdatere hjemmesiden, evt. allerede på vej hjem fra løb, hvor de ofte har en del transporttid. Hjemmesiden er derfor opbygget i Wordpress, hvor man let og enkelt kan opdatere hjemmesiden, så længe man har internetadgang. Enten gennem en app via telefon og ipad eller i WP-kontrolpanelet i en browser. Det er en brugervenlig tilgang, som de fleste med lidt teknisk anskuelse af problemstillinger, kan finde ud af at anvende. Systemet er samtidigt langt lettere at benytte end det, på den eksisterende gamle RTS hjemmeside, håndprogrammerede CMS. Efter en forventningsafstemning med kørerne, valgte jeg et tema at arbejde ud fra. På screendumps skitserede jeg layoutændringerne, inden jeg gik i gang med kodningen. På forsiden er det første man møder teamets logo og drengenes motto. Herefter slider et billede af hver af bilerne forbi. Her har man mulighed for at klikke og komme direkte til siden om det enkelte team. Menuen består af alle chaufførernes navne. Under hvert navn er der en drop-down menu med teamet, bilen, nyheder og resultater. I bunden af hver side er der sponsorlogoer, med link og en henvisning til de andre kørere i teamet. Se sider fra designguiden med beskrivelse af billedstilen på side 11. Se hjemmesiden på: wp.rallyteamsvendborg.dk 8 Nanna Augustinus Grafisk design

Link til forsiden Sitemap Link til forsiden Beskrivelse af teamet Blogroll med nyheder. Underside med kalender. Underside med kontaktform. Nyheder Nyheder fra 2013 Ny Nyheder fra 2012 // Klaus Damm // Lars Augustinus // Henrik Mink // Michael Lang // Christian Mink Nyheder Kontakt Nyheder fra 2011 Resultater Nyheder fra 2010 Nyheder fra 2009 Nyheder fra 2008 Teamet Kalender // 2014 Nyheder fra 2007 Nyheder fra 2006 Nyheder fra 2005 Peugeot 106 Rallye (bilen) Nyhedsbrev Nyheder fra 2004 Nyheder fra 200 Nyheder Nyheder fra 2013 Nyheder // Arkiv Nyheder fra 2012 Nyheder fra 2011 Resultater Nyheder fra 2010 Nyheder fra 2009 Nyheder fra 2008 Nyheder fra 2007 Nyheder fra 2006 Nyheder fra 2005 Nyheder fra 2004 Nyheder fra 2003 Beskrivelse af rallybilen Blogroll med nyheder om køren Tabelopstilling med resultater // Klaus Damm // Lars Augustinus // Henrik Mink // Michael Lang // Christian Mink Nyheder Teamet Kalend Beskrivelse af teamet Peugeot 106 Rallye (bilen) Nyhe Beskrivelse af rallybilen Opbygning og undermenuer som ved // Klaus Damm Blogroll med nyheder om køren Opbygning og undermenuer som ved menuer som ved Opbygning og under- // Klaus Damm // Klaus Damm Tabelopstilling med resultater Opbygning og undermenuer som ved // Klaus Damm Placeret i bunden af alle sider eller sidmenu eksterne links til sponsorere Opbygning og undermenuer som ved // Klaus Damm Opbygning og undermenuer som ved menuer som ved Opbygning og under- // Klaus Damm // Klaus Damm Opbygning og undermenuer som ved // Klaus Damm Tilmelding til nyhedsbrev og blogroll med nyheder. Sider med blogroll, en for hvert år. Blogroll me nyheder. Undersi Tilme og Si h Placeret i bunden af alle sider eller sidmenu eksterne links til sponsorere Nanna Augustinus Grafisk design 9

Skitser og de tilrettede sider 10 Nanna Augustinus Grafisk design

Billag: Billedstil Portrætter og situationsbilleder skal være autentiske. Helt almindelige fyre i gang med det de holder mest af; rally. Enten skudt i en løbssituation eller på værkstedet. Portrætterne må ikke være opstillede eller påtagede, der skal være både glæde i øjne og smil, selvom de stadig skal være seriøse. Billeder til brug på hjemmesiden skal være bredformat og gerne beskåret ekstra i højden. Løbsbilleder indsamles fra forskellige meget ambitiøse amatørfotografer med rallyfotografering som hobby. Det vægtes højt at have billeder med hver pressemeddelelse og ind læg på hjemmesiden. Det er vigtigt, at det er billeder af en god kvalitet. Enten skal de være fra løbet, præmieoverrækkelsen eller af eventuelle skader på bilen. Billeder fra løb skal gerne indeholde fart og lidt spænding eller eventyr. Et billede med en afkørsel, en overhaling eller af et hop, er klart at foretrække, da det oftest er her man kan knytte historien til billedet og har mulighed for at fange læserens interesse. Nanna Augustinus Grafisk design 11

PRÆSENTATIONS 12 Nanna Augustinus Grafisk design