NICHLAS STILLING HANSEN PORTFOLIO
OPGAVE At designe en ny hjemmeside til den lokale bilklub, American Style Car Club Hadsund. Den tidligere hjemmeside som klubben havde, levede ikke op til og indeholdte ikke de ting, som bestyrelsen og medlemmer ønskede der skulle være. Den nye hjemmeside skulle indeholde forskellige ting, som skulle kunne give medlemmer og interesserede den rette info. Det indebar info omkring klubben og klublokalerne, medlemmerne, bestyrtelsen og de forskellige udvalg og til sidst en mulighed for at sende en ansøgning om medlemskab af klubben. DESIGN I forhold til målgruppen, som hovedsageligt er mænd i alderen 30-60 år, så var det yderst vigtigt at det var et enkelt design, som var lige til at gå til for brugeren. Dette indebar stor tekst, store enkle knapper umiddelbart under logoet og store billeder, som alt i alt, giver en god kommunikation til brugeren af sitet. Der skulle desuden laves et nyt og opdateret logo. Dette skulle selvfølgelig være noget som brugerne, der er interesserede i gamle amerikanske biler, kunne referere til og genkende. PROGRAMMER Selve hjemmesiden er lavet i Adobe Muse. Dette er Adobes sidste skud på stammen indenfor web-design. Programmet giver gode muligheder for at lave enkle moderne hjemmesider. Grafikken er lavet i vector og derfor lavet i Adobe Illustrator. Her er der tale om det nye redesignede logo, den bildækmønster inspirerede baggrund på siden og til sidst en illustration på undersiden der beskriver at éns ansøgning nu er blevet sendt. 2 Grafisk design
Grafisk design 3
N H American Style Car Club Siden 1987 Hadsund N LOGO merican Style Det nye logo som jeg har designet er inspireret af gamle amerikanske skilte. For at bringe det bilmæssige aspekt ind, valgt jeg at tage inspiration i stemplerne fra en motor også. Den primære font som er valgt hedder Braggadocio og den er en display font. Jeg har valgt den, da jeg syntes den minder om gamle skilte fra Amerika omkring 60 erne. Den sekundære font som er valgt til logoet hedder Airstream. Den er meget lignende logoer på N gamle amerikanske biler, og er derfor også en god font at benytte til dette formål. Nedenunder logoet ses der nogle af de forskellige inspirationskilder som jeg har benyttet mig af da jeg skulle designe logoet. Logoet er som sagt lavet i Adobe Illustrator. Stemplerne er lavet ved hjælp af forskellige værktøjer. Det er blandt andet det helt almindelige rectangle tool, ellipse tool og rounded rectangle tool. Car Club Hadsund American Style Siden 1987 Siden 1987 Car Club Hadsund H H Disse er brugt til at lave de primære dele i stemplerne. Dernæst har jeg benyttet pen tool til at lave de mere detaljerede dele såsom skruerne. De røde bannere er lavet med rectangle tool og derefter er hjørnerne flyttet med direct selection tool. Der er til sidst lagt en meget svag dropshadow på både stempler, bannere og tekst. Dette er med til at give en god dybde i logoet, så man undgår at det bliver fladt at se på. American N 4 Grafisk design
Billede af et gammel skilt til en bilforhandler. Billede af stempler fra en motor. Den gamle logo til klubben. Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå Font: Braggadocio Type: Dekorationsskrift Benyttet som displayfont Der er benyttet en optisk knibning og en spatiering på 30 Font: Airstream Type: Dekorationsskrift Benyttet som displayfont Der er benyttet en optisk knibning og en spatiering på 30 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå Grafisk design 5
BAGGRUNDSBILLEDE DÆKMØNSTER I stedet for bare at vælge en ensfarvet baggrund, valgte jeg at lave en baggrund med et mønster for at give hjemmesiden lidt liv. Jeg valgte at lave det som et dækmønster, da det selvfølgelig hænger meget sammen med at det er en bilklubs hjemmeside. FREMGANGSMÅDE Jeg startede med at lave en enkelt bane på tværs med det mønstret som jeg syntes det skulle være. For at lave hullerne i mønstret lavede jeg en figur oven på det første, og brugte derefter pathfinder til at slå hul. Da jeg var tilfreds, kopierede jeg banen så det blev til et dækmønster, markedere det hele og valgte unite under pathfinder. Billede af dækmønster til inspiration Det færdige vectorbaserede desing TILBAGE TIL FORSIDEN ILLUSTRATION BIL Når man har benyttet ansøgningsformlen, kommer man ind på en side der informerer brugeren om, at klubben har modtaget ansøgningen. Der skulle være en knap der skulle lede brugeren tilbage til forsiden. I stedet for blot en almindelig knap, så valgte jeg at tegne bagenden af en amerikanerbil. Det var meningen at det skulle fange brugeren og symbolisere at man skulle tage med bilen tilbage. FREMGANGSMÅDE Jeg brugte blot pen tool til at tegne efter det billede, jeg ville tage udgangspunkt i. Da jeg havde tegnet alle de væsentligste dele, arrangerede jeg dem, så de kom til at ligge rigtigt i forhold til hinanden. Derefter lavede jeg lidt småting som genskind og små rettelser. Billede af bagenden af en Chevrolet Bel Air 1957 Det færdige vectorbaserede desing på undersiden 6 Grafisk design
Mønster i detaljer TRYK HER FOR AT KOMME TILBAGE TIL FORSIDEN! Mønster brugt som baggrund på hjemmesiden TRYK HER FOR AT KOMME TILBAGE TIL F Closeup af tegning - bagsmæk og kofanger Closeup af tegning - tekst og tag Grafisk design 7