Målgruppe Gruppen er stor. Det er både eksisterende og fremtidige kunder hos Ole Fly Reklamebureau. Unge, som gamle.

Transkript

1 Grafisk design Mit digitale produkt er olefly.dk som hører under grafisk design Opgaven Grafisk identitet til Ole Fly Reklambureau. Min elevplads blev delt til to virksomheder i august 2012, og jeg kom med over i den virksomhed, som startede på en helt frisk. Så jeg har designet logo, hjemmeside, brevpapir, konvolutter, visitkort og mappelabels. Programvalg Illustrator: Logo og konvolutter Photoshop: Billeder til hjemmesiden Indesign: Brevpapir, konvolutter, visitkort og mappelabels Dreamweaver: Hjemmeside Målgruppe Gruppen er stor. Det er både eksisterende og fremtidige kunder hos Ole Fly. Unge, som gamle. De grafiske designparametre Form: I alle opgaver var formen på alle elementer, at det skal kunne ses i kasser - der kommer system på tingene, ved at bruge Ole Fly. Ved konvolutter måtte jeg gerne lave en A4 og en C5 konvolut, hvor kvaliteten gerne må være i top, da vi ikke sender så mange breve ud. Det giver noget luksus til identiteten af vores bureau. Typografi: Jeg bruger Vitesse Sans Light til logo (bortset for justering af o et). Den er stilren og uden seriffer, så den giver et let og fint udtryk. Illustration: Jeg har en del billeder på hjemmesiden. Alle billeder er blevet beskåret og har fået en hældning, da det giver en god effekt på stilen. De fleste billeder har jeg selv taget med mit spejlreflekskamera, men har købt et par stykker inde på photos.com. Farver: Jeg bruger to farver i hele designet. Petroleum og orange. Den vigtigste farve er petroleumsfarven og den står får håb, vækst, stabilitet og kvalitet - alt sammen noget Ole Fly gerne vil stå for. Den orange farve jeg benytter en gang imellem på hjemmesiden er komplementærfarven til petrolueum. Det bryder layoutet og viser det friske. Arbejdsproces Skitser af logo - logoet skulle designes inden jeg kunne gå i gang med de andre opgaver, da logoet skal sættes på alt som sendes ud fra Ole Fly Færdiggørelse af logo i Illustrator Skitser af visitkort, brevpapir og konvolutter Bestilling af prøver på papir til visitkort, brevpapir og konvolutter Korrekturer med Ole Fly omkring alle opgaverne Færdiggørelse af visitkort, brevpapir, konvolutter og mappelabels sendes til trykkeriet Idé og skitser til websitet i InDesign Opsætning af website i Dreamweaver Kvalitetsvurdering Jeg er glad for resultaterne. Logoet er stilrent og viser tydeligt hvad det handler om. Det er egentligt kun et logotype, men det giver en effekt af at være et logo da o et går over begge linjer og reklamebureau står lodret og med en anden farve. Der er hierarki i logoet, det er navnet der er vigtigst og står derfor størst. Hele vejen igennem overholder jeg det enkle og stilrene layout som viser seriøsitet og overskuelighed. Især på hjemmesiden er der meget omkringliggende luft på grund af den hvide baggrund hvilket er med til at synliggøre hvert felt meget mere.

2 Brainstorm Nyt logo Ny identitet Ole Fly Plejdrup Enkelt Nyt website Frisk start Ny virksomhed Kender branchen Tydeliggør at vi er et reklamebureau Enkelt og lyst Nye kunder Stort netværk God salgsmand Nye farver Stilrent og overskueligt Man skal ikke kæmpe for at finde vores oplysninger Ansatte Ole Fly Nye ideer Farver Unge Friskt Friske Farvesymbolik: Rød Orange Udadvendt, fysisk, udfordring, aggresiv Udadvendt, aktiverende, nød, frustration Bryd med komplementærfarver Gul Grøn Blå Violet Hvid Grå Selvtillid, kreativitet, frygt, nervøsitet Balance, ligevægt, svækkelse Fordybelse, effektivitet, kold Bevidsthed, kvalitet, uro, angst Enkelthed, klarhed, tomhed, kulde Balance, elegance, dæmpende Aktiverende - Ole Fly vil gerne kreere og arbejde Vi balancerer vores arbejde så vi får det bedste resultat Vi fordyber os i vores kunder og vil gerne effektivisere vores arbejde Bryder Mix af grøn og blå Sort Sikkerhed, effektivitet, tyngde Vi sparer tid og kan derfor lave mere Hos kunden Besparelser Økonomi Behov for ny identitet for at få nye kunder Hos os Har kun én fast kunde lige nu

3 Logoudvikling 1. Uharmonisk o et vælter logoet le Fly le Fly 6. For tungt For forskellige punktstørrelse Vælter 2. Kedeligt Et godt O - associationer til tv reklamer ole Fly le Fly 7. For tungt Bryder med vertikallinje Vælter 3. Uharmonisk o et vælter logoet Dog bedre end 1 eren, da u og y er alignet right 4. Bedre end 1 og 3, bliver ikke væltet Dog for kedeligt le Fly le Fly le Fly 7. O et er for rundt Harmonerer ikke Godt med to linjer Logotypet bliver rammet ind, så det bliver et slags billede o le Fly 7. Kedeligt O et er for kraftigt 5. For tungt med bold Ole le Fly

4 Logoudvikling Uhamornisk med de runde o For lyst - forsvinder O et er rettet til i illustrator, fordi den blev for kraftig, når den kom op i den rette fontstørrelse En god farve, til at bryde Se farvevalget på næste side Limegrøn er blevet brugt for meget For meget, at Fly også er farvet

5 Det færdige logo Sort: Det seriøse Det sikre Det fastsatte Petroleum: Den grønne farve er håbets, det levende og vækstens farve. Den blå farve betyder stabilitet og kvalitet. Petroleumsfarve er grøn/blå og står for begge farver. Rummelighed TV/reklamer Lethed Kasser Align Align Align Lodret Bryder Logoet afsluttes

6 Brevpapir Jeg bestilte forskellige gramvægt af reprint papir fra lasertryk.dk. Jeg endte med at vælge 150 g. da det har en kraftig kvalitet, lækker og ugennemsigtighed over sig. Og så kan det stadig køre igennem vores almindelige sort/hvid printer. Logoet Står rent og tydeligt oppe i hjørnet 3 mm petroleumskant - ligesom på hjemmesiden og visitkort. Det bryder det almindelige Ole Fly Tlf CVR. nr Reg. nr Konto nr De praktiske oplysninger. Gør teksten mere læsbar, ved at dele det op, så de almindelige oplysninger står med petroleumsfarven og de praktiske oplysninger, står med sorte

7 Visitkort Bevidst luft Stilrent 3 mm hvid streg bagpå, giver layoutet et twist 3 mm streg bryder Eva Frederiksen Grafisk Design tlf mail eva@olefly.dk www olefly.dk Her er der to tlf. numre på, for at det så grafisk acceptabelt ud, har jeg knebet imellem tallene og mellemrummene, for at de kom til at flugte hinanden. Ole Fly Plejdrup Projektleder tlf mob mail ole@olefly.dk www olefly.dk Se de færdige visitkort i holderen Jeg valgte 300 g. reprint papir, så det matchede brevpapiret. Trykkeriet ringede dog bagefter, og sagde at det ville blive 2000 kr. dyrere for hver forskellige visitkort. Og det ville vi ikke give for det, så det blev hvidt papir - men stadig 300 g. og derfor kraftigt - hvilket er vigtigt, da man bruger det meget og ikke må blive ødelagt lige med det samme.

8 Skitser til website Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu riberuptat erorpor iberuptaest, aci di que voluptiur alia dollor saped eius et utemquunt, sincte nis suntiur rectur? Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu riberuptat erorpor iberuptaest, aci di que voluptiur alia dollor saped eius et utemquunt, sincte nis suntiur rectur? Nam venimus esto tem faccae dolorrum, ne voluptassi re dipsam et por restia volorum aut uta nam es ex estionsequis nobistrunt eaquam Ole Fly Tlf Ole Fly Tlf For tungt For mange forskellige elementer Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu riberuptat erorpor iberuptaest, aci di que voluptiur alia dollor saped eius et utemquunt, sincte nis suntiur rectur? Koncept Om os Kontakt Ole Fly Tlf Baggrunden passer ikke til den ønskede stil Eventuelt ikoner som menu i denne streg? Bryder layoutet - måske rundere, som viser imødekommende og venlighed Disse to elementer på alle sider Om os Koncept Referencer Kontakt Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu riberuptat erorpor iberuptaest, aci di que voluptiur alia dollor saped eius et utemquunt, sincte nis suntiur rectur? Referencer Kontakt Om os Koncept Om os Koncept Referencer Kontakt Ole Fly Plejdrup qui s omni re, oditatu riberuptat erorpor iberuptaest, aci di. Ole Fly Tlf Ole valgte dette layout O et som menupunkters bullet

9 Skitser til website Referencer Kontakt Om os Koncept Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu riberuptat erorpor iberuptaest, aci di que voluptiur alia dollor saped eius et utemquunt, sincte nis suntiur rectur? Om os Referencer Grafisk produktion Kædemarkedsføring Historie Koncept Kontakt Fermacell Danfoss Referencer Fermacell Danfoss Om os Referencer Grafisk produktion Kædemarkedsføring Historie Koncept Kontakt Sort hvid billeder med én farve - gerne orange, som komplementær til petroleum Viser tydeligt, hvilken side man er på Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu. Koncept Om os Referencer Grafisk produktion Kædemarkedsføring Historie Koncept Kontakt Fermacell Danfoss Ole Fly Plejdrup qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad. Om os Om os Referencer Grafisk produktion Kædemarkedsføring Historie Koncept Kontakt Fermacell Danfoss Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu. Om os Referencer Grafisk produktion Kædemarkedsføring Historie Koncept Kontakt Koncept Matcher visitkortene - det skal være den tynde af dem Grå felter eventuelt - virker ikke så bombastisk og negativt Historie Pit et quos qui sequi rem quosapit latemquis eaqui volesequi vendite cerrunt at eaquam, volupti am quia si nos ad que laborum nat ad unt iditia porro doluptati sit omni re, oditatu. Om os Referencer Grafisk produktion Kædemarkedsføring Historie Koncept Kontakt Fermacell Danfoss Om os Referencer Fermacell Danfoss Grafisk produktion Kædemarkedsføring Historie Koncept Koncept Ole Fly Tlf Ole Fly Tlf Duset baggrund passer ikke til resten af layoutet For rodet med menuer til venstre, og adresse til højre

10 Website index flowchart index Hvem er vi? Idé og koncept Grafisk produktion Kædemarkedsføring Web og CMS Referencer Kontakt Vision og mission Indhold og brugerflade Opstart Forretningsmodel Sjælsøgruppen Maersk Broker Vestas Danfoss ExploreWines NRGi Danmark Fermacell

11 Website index Baggrundsfarve og luft Færdige resultat Tekstboksene var først sorte men layoutet blev for tungt (for negativt), så det blev gråt i stedet for Den grå farve synliggør den petroleumsgrønne farve samt sin komplementærfarve orange, som ses på siderne Har sat lidt luft under overskrifterne, så de grafiske regler bliver overholdt det gør det lettere at læse Flash Min chef havde tre sætninger, som han gerne vil have fremhævet på forsiden Jeg endte med at lave et flashbanner, hvor de tre statements kommer frem Det giver noget liv til designet, og øjet fanger hurtigt, at der er noget de skal læse

12 Website Hvem er vi? Baggrundsbillede Færdige resultat Forsøgte med et baggrundsbillede, men hele hjemmesiden vil blive for rodet og derfor ikke passe ind i resten af stilen. Det er vigtigt, at hjemmesiden er let overskuelig, så man har lyst til at kigge videre. Talebobler For at bryde det stilrene, har jeg lavet et rollover-image af hver person i firmaet, hvor vi gør noget skørt og der popper en talebobel op, som lige fortæller hvem vi er. Det er med til at give layoutet et anderledes og sjovt input. jquery, for at show og hide taleboblerne, når man kører musen hen over billedet.

13 Website Design og kvalitet på alle sider Menuen Menupunkterne skal stå rent og overskueligt Den orange streg deler punkterne op Når man er inde på en bestemt side, så bliver punktet grønt så er der ingen tvivl, om hvor man befinder sig på siden Billeder CSS-Styles (Cascading StyleSheet) Alle billeder jeg har benyttet til hjemmesiden, har jeg tjekket i Photoshop. Billeder skal være i RGB Beskåret billeder til det antal pixels, det skal være Save for web and devices Har oprettet ét Stylesheet, hvor alle mine regler er i. Det gør det nemmere og mere overskueligt, at lave en hjemmeside, og så gælder de samme regler for hver underside. For at fjerne stregen efter kontakt laves der en style direkte på <li>

14 Website Web og CMS Færdige resultat Tekstombrydning Teksten er tjekket for horeunger Normalt er der maks. 65 tegn pr. linje, men overskrider den bevidst her for at bibeholde designet (stadig letlæselige da afsnittene ikke er så lange) Ring på næstnederste linje, skulle rykkes ned på næste linje. Det er de små ting, som gør at designet bliver i orden. Forsøgte med talebobel på denne side, men den væltede layoutet.

15 Website Referencer Transparency Færdige resultat 80% opacity på hvert billede og når man så kører musen hen over et billede, så bliver det vist i 100% og der kommer en talebobel omkring produktet Dette gør, at siden bliver spændende, og man har lyst til at se, hvad der sker når man flytter på musen Drop shadow Skulle lave et collagelignende billede - så har valgt drop shadow for at give lidt dybde. Proportioner På undersiderne ved referencer, skal overskriften være tydelig da man ikke må være i tvivl om hvilken kunde man læser om er.

16 Website Resterende færdige sider Dansk tegnsætning rettes Fremhæver elementer Egne fotografier af Aarhus i udvikling billedsymbolik = Ole Fly er i udvikling. SEO-optimering: forskellige titles, Meta keywords og descriptions - samt én h1 på de sider der er tekst Billedombrydning giver sammenhørighed i siden hvor der er meget tekst. Collage over kunder - istedet for opremsning - gør det spændende. Kontakt Grafisk design med udsnit af snabel-a. Billede af vores arbejdssted til at udfylde det tomme felt, er med til at vise hvor vi hører til.

17 Mappelabels Simpelt og gør det nemmere at finde de bestemte papirer.

18 Konvolutstickers Ole Fly Mangler et logo Søren Frichsvej XX Att.: Tommy Nielsen Søren Frichsvej XX Att.: Tommy Nielsen Dette område skal være fri til Post Danmark Søren Frichs Vej XX Att.: Tommy Nielsen Boksen går igen - ligesom hjemmesiden er delt op i bokse. Det symboliserer det strukturede og fastsatte i vores virksomhed Dette produkt er stadig i proces og kan derfor ikke vise det færdige materiale Søren Frichs Vej 18 Att.: Tommy Nielsen Ole Fly Ole Fly Ole Fly Det gør det nemmere, at det kun er én label der skal sættes på kuverten, og giver samhørighed mellem afsender og modtager af brevet Søren Frichs Vej 18 Att.: Tommy Nielsen Ole Fly