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 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. 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. 4
SITEMAP 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. WIREFRAME Baggrundsbillede Forsidetekst Tekst om nyt vaskemaskine Cirkel diagram FORSIDE Knap Tekst til cirkel diagram logo Menu Menu Menu Menu Billedeslider FIRMAPROFIL Knap Citater fra kunder Knap Tekst om firmaet Portrætbillede SERVICE Ikon Ikon Ikon Ikon Ikon Ikon KUNDE UDTALELSER Tekst om stabilitet Tekst om kvalitet Tekst opm pris Telefon mail ny kunde Footer KONTAKT Miljøbillede Tekst om service 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 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. e r 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. 7
BILLEDE VALG 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. IKONER Elementerne/ikonerne er enkelte med lige kanter for at holde den rene, simple, og tekniske stil. 8
FÆRDIGT LAYOUT Display 9
FÆRDIGT LAYOUT Desktop 10
FÆRDIGT LAYOUT Mobil 11
ARBEJDSPROCES 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 ideudviklingen af designet, finder font, farver, billeder og opsætter det i photoshop. Præsentation af første udkast til designet og ideerne med siden. 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. 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. 12