grafisk d sign Jeppe Nedergaard 1
faglighed... case... logo + hjemmeside kunde... sønderborg skatehal programmer.. illustrator + indesign + dreamweaver doku menta tion
opgaven En af mine gode kammerater, som også er formand for Sønderborg Skatehal, tog for noget tid siden fat i mig, da der skulle laves en hjemmeside til en mobil minirampe som skatehallen administerer. Samtidig ville de også gerne have et logo lavet til minirampen. Hjemmesiden skulle indeholde... kontaktoplysninger galleri kontaktformular historien sponsorer priser og booking logo mindmap & skitser Jeg lagde ud med et mindmap, for at kunne udvælge elementer som jeg kunne bruge i logoet... process Jeg følte ikke der var behov for at anvende en form for analyse model, da målgruppen allerede stod klart defineret. Men for at jeg kunne komme igang med hjemmesiden, måtte jeg skabe en visuel identitet til minirampen først. Jeg havde et behov for at vide hvilke farver og former jeg skulle køre med. Dette kunne et logo hjælpe mig med. 4 5
Skitserne tog jeg til computeren og i illustrator begyndte jeg at rentegne mine skitser, her et udvalg af dem... MINI MINI.DK Endeligt logo! Font Jeg har anvendt to forskellige fonte, som tilhører hver deres skriftgruppe. Nemlig en dekorativ som hedder Bickham, og en serif font ved navn Rockwell. MINI.DK MINI.DK MINI.DK Former Fontene står i stor kontrast til hinanden, men sammen har den både runde kurver som symboliserer rampen, og det kantede og industrialistiske som symboliserer skelettet og rampens fundament. Banneret under logo fonten har fået form som en rampe. Banneret løfter logoet og giver det noget klasse. MINI.DK minirampen Farver Logoet består af to farver Sort / negativ (100%) Rød / orange (0 / 97 / 100 / 0) Sidstnævnte matcher den sorte godt, og den nærmest fluiserende glød, skaber god opmærksomhed. Bonusinfo Korrekturgang Logoet blev løbende sendt i korrektur og elementer blev valgt til og fra, og sammen med kunden kom jeg nærmere et færdigt logo. 6 7
Hjemmesiden Process Eftersom hjemmesiden henvender sig til en ung målgruppe, og samtidig er en gruppe som kan lide fart og spændning, har jeg valgt at det visuelle skulle træde i karrakter. Dreamweaver I Dreamweaver fik jeg bygget siden op, og lige så langsomt begyndte den at tage form. De rå elementer som man finder i skaterkulturen skulle være tydelige, og målgruppen skulle være i stand til at identificere sig selv med hjemmesiden. Skitser Med dette tankerne skitserede jeg index siden, samt nogle undersider. Billeder For at kunne fuldføre min idé omkring toppen af rampen som baggrundsbillede på hjemmesiden, tog jeg en tur i skatehallen og lavede nogle opstillinger med nogle frivillige skatere. Ét af dem blev lige som jeg havde forestillet mig, og efter en tur i photoshop, sad det lige i skabet! Bonusinfo Mål for hjemmesiden Med henblik på senere at kører hjemmesiden over i et CMS system, så skatehallen selv kan administrere hjemmesiden, har jeg overholdt nogle mål og holdt nogle elementer som skulle lette processen. 8 9
Gestaltlovene Nærhed Teksten og billedet er placeret i nærheden af hinaden så man ikke kommer i tvivl om at de hører sammen. Lukkethed Ved hjælp af de tynde streger på hjemmesiden sørger jeg for at holde elementerne adskilte, så det hele ikke flyder sammen. Responsivt design Eftersom at målgruppen tilhører den yngre del af befolkningen, og samtidig er en gruppe med fart på, og ikke bruger så meget tid i hjemmet foran den stationære computer. Har jeg valgt at vise hvordan et responsivt design til hjemmesiden kunne se ud. Dvs at hjemmesiden i dette tilfælde tilpasser sig smartphone opløsningen. OM SPONSORER KONTAKT PRISER OG BOOKING GALLERI Forbundethed Menuen skiller sig ud fordi farverne her er mørke og danner en kasse hvor menuen optræder. Figur & baggrund Jeg har lagt en skygge på billederne så de ikke falder i med baggrunden. konklusion Rød tråd Jeg synes at det er lykkedes mig, at fremstille et logo og en hjemmeside for minirampen som rammer målgruppen, og samtidig holder en tydelig rød tråd igennem produkterne. Besøg www.minirampen.dk 10 11
Jeppe Nedergaard