GRAFISK DESIGN
KUNDEN
PA Vaskeriteknik er en enkeltmandsvirksomhed som
startede i 2008. Manden bag er Preben, som gennem
14 års brancheerfaring startede sit eget firma op da
han føler at han med sit partnerskab med Elektrolux
kan tilbyde/yde den bedste service. Preben går op i
at kende sine kunder, vise personlige værdier og at
han er pålidelig. Han synes, det er vigtigt at vise, at
det altid ham man er i kontakt med, at man ikke skal
igennem flere forskellige personer før man kan få fat
på ham. Det er ham du altid får fat på, og det er også
ham der laver dine maskiner.
OPGAVEN
Re-designe PA Vaskersitekniks hjemmeside og gøre
den mere overskuelig og troværdig. Hjemmesidens
primære funktion er at vise, hvilken service PA
Vaskeriteknik tilbyder/yder. Dernæst er det vigtigt at
få kunderne nemt videre til kontaktoplysningerne.
Websitet skal være responsivt og laves primært til
computer og telefon.
MÅLGRUPPE
Alle typer af boligselskaber, ejer- og andelsforeninger
samt div. institutioner (store som små) på Sjælland.
Ikke private kunder.
BUDSKAB
Budskabet er at fortælle eventuelle nye kunder samt
nuværende, at PA Vaskeriteknik er en personlig og
professionel servicevirksomhed som giver dig (og
dit vaskeri) stabilitet, kvalitet og konkurrencedygtige
priser.
MÅL MED SIDEN
Det nye website skal være en form for udvidet
visitkort med info omkring den ydelse/service som PA
Vaskeriteknik giver, og gøre det nemt for kunden at
komme i kontakt med Preben.
PROGRAMMER
Adobe Photoshop CC 2015
& Adobe Illustrator CC 2015
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
2
WEBSITET FØR
Her vises det gamle website. Som man kan se på
billederne er det gamle site sat op med undersider
og det er ikke lavet responsivt. Jeg synes personligt
at hjemmesiden virker meget uprofessionel og hvis
jeg var en evt. ny kunde ville jeg nok ikke kontakte
PA Vaskeriteknik. For for mig er det også vigtigt at
det virker troværdigt når, jeg går ind og kigger på en
hjemmeside, og det syntes jeg ikke denne side viser.
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
3
BRAINSTORM / KEYWORDS
INSPIRATION / MOODBOARD
Service / Serviceniveau / Servicepartner / Proffesionel
/ Privat / Personlig / Selvstændig / Tillid / Pålidelig /
Kvalitet / Stabilitet / Unik / Specialist / Brancheerfaring / Personlig rådgivning / Det er den samme
teknikker der udføre alt service / Bedre service til en
bedre pris / Kender til din verden.
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
4
SITEMAP
WIREFRAME
Efter at have struktureret sidens indhold ved at
lave et sitemap, gik jeg i gang med tegne skitser
til hvordan jeg kunne opbygge hjemmesiden, så
siden var mest overskuelig for brugeren.
Baggrundsbillede
FORSIDE
Cirkel diagram
Tekst om nyt vaskemaskine
Forsidetekst
Knap
Tekst til cirkel diagram
Billedeslider
logo
Menu
Menu
Menu
Menu
FIRMAPROFIL
Knap
Tekst om firmaet
Citater fra kunder
Knap
Portrætbillede
SERVICE
Ikon
KUNDE UDTALELSER
Tekst om stabilitet
Ikon
Tekst om kvalitet
Ikon
Ikon
Ikon
Telefon
mail
ny kunde
Ikon
Tekst opm pris
Footer
KONTAKT
Miljøbillede
Tekst om service
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
5
SKITSER
LAYOUT
Siden er opbygget som en onepager med simple
funktioner og formularer, med et meget enkelt og
simpelt design som er med til at gøre det nemt og
overskueligt for brugeren.
FARVER
Den mørke farve er valgt for at skille sig ud fra andre
lignende hjemmesider og give et udtryk for kvalitet
og kant. Den blå er taget fra firmaets logo, som også
bliver forbundet med renhed, vand og teknik.
De lyse farver er en kontrast til de mørke for at personligøre, bløde designet op og gøre det behageligt
for kunden at se på.
R: 92 G: 152 B: 176
#5c98b0
R: 3 G: 23 B: 29
#03171d
R: 242 G: 242B: 242
#f2f2f2
R: 227 G: 229 B: 229
#e5e5e5
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
6
TYPOGRAFI
Jeg har valgt en grotesk font der hedder Eurostile,
fordi den har en meget ”kantet kasse”udformning,
som er med til at vise det tekniske og professionelle
ved virksomheden. Hvor de runde buer i skriften er
med til at personliggøre den. Her er der lagt mest
vægt på at finde en font som viser det tekniske, da
arbejdet med vaskemaskiner er meget teknisk.
r
e
a
PA Vaskeriteknik går ind for at levere
en bedre service til en bedre pris
Eurostile Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
abcdefghijklmnopqrstuvwxyzæøå
1234567890 !@#$%^&*()
DET ER ALTID SAMME MAND DU TALER MED
OG SOM KENDER DINE MASKINER.
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
7
BILLEDE VALG
IKONER
Alle billeder er i sort/hvid eller med blåt overlay for at
holde ro og give et professionelt udtryk på sitet.
Jeg har valgt at de fleste billeder skal være meget
tekniske.
Elementerne/ikonerne er enkelte med lige kanter for
at holde den rene, simple, og tekniske stil.
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
8
FÆRDIGT LAYOUT
Display
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
9
FÆRDIGT LAYOUT
Desktop
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
10
FÆRDIGT LAYOUT
Mobil
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
11
ARBEJDSPROCES
RESULTAT
§§
Resultatet er at siden er blevet meget mere overskueligt og troværdigt at se på. Nu virker det rent
faktisk som en rigtig/virkelig virksomhed.
Indledende møde og briefing fra kunden om ønsker og krav til sitet/designet ( f.eks. mål
for sitet, målgruppe, hovedbudskab, platform,
responsive, CMS – skal det være muligt at
redigere foto og tekst).
§§ Planlæggelse og igangsættelse, opbygning af sitemap. Indsamling af inspiration til moodboard og research af andre lignende hjemmesider.
§§ Designfasen hvor jeg går i gang med ideud viklingen af designet, finder font, farver, billeder og opsætter det i photoshop.
§§ Præsentation af første udkast til designet og ideerne med siden.
Dette er blevet opnået ved at lave en side der er mere
skruktureret i forhold til indholdet og der er kommet
en meget bedre opdeling af tingene på sitet.
og når den er sat op som en onepager, med et så
simplet og enkelt design er det også med til at gøre
det mere brugervenligt at navigere sig rundt på siden
og finde de oplysninger, man har brug for.
Både kunden og jeg er godt tilfreds med hjemmesiden og synes den fungere super godt.
§§ Lave de få justeringer der var fra kunden og finpudse psd-filen og klargøring af billeder som forberedelse til kodningen.
§§ Uploade filen på vores server så min kollega kan begynde på kodningen af sitet.
§§ Lancering af site.
BETRICIA BRANDT SVENDEPRØVE PORFOLIO / GRAFISK DESIGN
12