rikke skovhus madsen
grafisk
design
01 grafisk design
rikke skovhus madsen
Opgave
»Lej en studerende« er en virksomhed
der bruger sit netværk til, at sammensætte studerende med virksomheder.
Dette kan være alt fra en oversættelsesopgave, til at lave en hjemmeside.
Virksomhederne kommer til »Lej en
studerende« med en opgave. Hvorefter der bliver valgt en studerende i
databasen, der har kompetencerne til,
at løse opgaven.
Overblik over opgaven
»Lej en studerende«, manglede en ny
og stærk identitet, bl.a indbefattende
redesign af logo og hjemmeside.
Virksomheden var i forvejen en lokal
kendt virksomhed i Kolding – men
ønskede større synlighed på markedet
samt en bredere og mere kommerciel
disponering.
Hjemmesiden skulle være overskuelig og brugervenlig – intet måtte være
mere end to klik væk.
Målgruppe
Hjemmesiden skal både kunne ramme
virksomhederne og de studerende. De
studerende skal fristet til, at oprette et
CV, mens virksomhederne skal se mulighederne i en midlertidig ansat, med
speciale indenfor deres felt.
Med en så bred målgruppe, skal
designet være enkelt og overskuelig.
02 grafisk design
rikke skovhus madsen
03 grafisk design
Afgrænsning af opgaven
Min opgave indeholder forarbejde med
mindmap, brainstorm, flowchart, skitser samt opbygning af layout i
Fireworks og Dreamweaver XHTML
1.0 Scrict.
Logo
Logoudviklingen var en lang process.
»Lej en studerende« skulle være unikt,
have et integreret designelement og
symbolisere fremgang. Grundprincippet bestod af en diagonalt opadgående pil, og efter flere udkast besluttedes det, at pilens form skulle fungere
som en beskæring på logoet.
Logoet er skrevet med fonten
Bebas. Det er en grotesk font, der
udelukkede består af versaler. Fonten
er enkel, med jævne grundstreger, så
logoet ikke forsvinder, når det bliver
mindre. Derudover er det en font, der
kan bære, at være logo.
bebas
LEJ
EN
STUDERENDE
LEJ
EN
STUDERENDE
LEJ
EN
STUDERENDE
rikke skovhus madsen
Problemstilling
De funktioner som hjemmesiden skulle
have, kunne laves i php – hvilket er et
mere komplekst websystem. Da jeg
startede på projektet, kunne jeg basic
php. I samarbejde med en programmør, fik vi lavede de funktioner der
krævede php. Jeg er nu selv i stand til,
at følge op på det, og rette koderne til
behov – hvis det blev aktuelt.
Efterfølgende skulle php’en styles,
hvilket blev lavet uden programmørens
hjælp.
Det var en god læringsprocess,
hvor jeg til slut i forløbet lærte, at skrive
mere indviklet php.
Webdesign i fireworks
For at kunne finde rundt i så stor en
fil, er det vigtigt med en stram struktur
mht. navngivning af lag og mappeinddeling.
Farverne er holdt i friske »halv-neutrale farver« så både mænd og kvinder
kan identificere sig med den.
04 grafisk design
rikke skovhus madsen
Skrift
Jeg har valgt Arial til teksten udover
ved enkelte overskrifter. Fonten er en
efterligning af den berømte Helvetica.
Trods Helveticas anerkendelse blandt
Mediegrafikere, er Arial blevet velkendt
af den almindelige dansker. Arial er
nemlig på samtlige styresystemer, og
er derfor blandt de bedste webfonte.
Overskriftens font hedder »bebas«,
som er lagt ind på siden genem en
Font-Face Generator. Hvis dette i
få tilfælde ikke skulle fungere på en
browner, tager Arial over. Dette er dog
ikke noget, jeg har oplevet.
Bebas har meget lidt ordmellemrum, hvilket jeg måtte forbedre – for
læsbarhedens skyld.
05 grafisk design
forskelligt
helvetica 1957 arial 1982
rikke skovhus madsen
Css
Mit stylesheet er almindeligt css, med
tilføjelse fra css3. F.eks. ved runde
hjørner, gradient og design af knapper.
Behov/funktion
På hjemmesiden skal man kunne læse
om mulighederne der er med »Lej
en studerende«. De studerende skal
bl.a selv kunne oprette deres CV på
sitet så kunden har et bredt udvalg af
potentielle studerende.
Øvrige behov og funktioner:
Virksomheder skal kunne kontakte udbyderen (min kunde) for at få sit opslag
i Jobbanken.
Under Jobbanken skal alle opslag
(mulige jobs) kunne findes.
De studerende skal kunne følge jobbanken på både Facebook og Twitter.
Udbyderen skal kunne søge i sin database af studerende.
Udbyderen skal selvstændigt kunne
sætte opslag i jobbanken.
Derudover har jeg et javascript med et
billedeslice for, at skabe bevægelse og
liv på sitet.
06 grafisk design
rikke skovhus madsen
Søgeoptimering
»Lej en studerende«, er svær at få op
i googles liste. Ord som »job, manlger
job, jobsøgende, mangler studiejob, få
noget på cv’et« osv. er meget anvendt. Så søgeoptimeringen vil blive
en langsigtet process.
Indtil videre er der brugt meta tags,
h(x) eller p. De ord der er linket er
velovervejede.
Fremadrettet vil jeg lave en sitemap
og få hjemmesiden op på samtlige
linksider.
Afslutning
Hjemmesiden er aktiveret og funktionel. Så nu skal vi videre med markedsføringen.
07 grafisk design
rikke skovhus madsen
08 grafisk design
PRESSE
FACEBOOK
TWITTER
REFERENCE
KONTAKT
INDEX
STUDERENDE
JOBBANKEN
VIRKSOMHED
OPRET DIT CV
LOG IND
JOBBANKEN
UDEN FOR SELVE SITET, FOR BESØGENDE
MENUEN - SOM KAN SES HELE TIDEN
YDERLIG UNDERSIDE FOR STUDERENDE
SE STUDERENDE