Grafisk design 17
Grafisk design Opgavebeskrivelse Design af Frankie & Liberty s hjemmeside i samarbejde med kunden. Henrik Borup, som også er medejer af diverse andre børnetøjsmærker. Min opgave gik ud på at redesigne Frankie & Liberty s hjemmeside. Det er efterfølgende blevet til deres grunddesign, for at holde en rød tråd. Briefing Hjemmesiden skal signalere et internationalt teenage tøjmærke, som er stilfuld og råt. Frankie & Liberty går op i at sælge kvalitetsvarer. Målgruppe/segmentering Hjemmesiden er oplagt til at appellere til det yngre publikum, og henvender sig til det grønne og grå segment. Frankie & Liberty er til de unge mennesker, som gerne vil give lidt ekstra for moden, men skal stadig være en luksus vare, som man kan have råd til. Farvevalg, kontraster og komposition Der er valgt de mørke farver, grå for at symbolisere stil. Sort, for at der skal være dynamik i illustrationerne, og den røde som er symbolik på signal og giver en god kontrast. Her blev det fastlagt at baggrundsfarven skulle være et billed som giver et minimalistisk look, som også ligger til grund for hele designlinjen. Der er tydelige kontraster, og dette har vi valgt at gøre, fordi Frankie & Liberty henvender sig til den målgruppe, der går fra at være barn til teenager. Kompositionen i hjemmesiden er gjort ved hjælp af kasser, for lige præcis at give udtryk for den råhed som deres produkter skal signalere. Programvalg Photoshop, Coral Draw og Dreamweaver Stil og æstetik Uformelt, uden at blive for sjovt. Moderne med et hint af råhed, Professionelt og kvalitetsorienteret. Typografi: Fonten er et valg fra kundens side : Open Sans, sans-serif, som er en web font (Google fonts) styrker: Et unikt koncept, der placerer sig i et hul i markedet Det er vigtigt, at nå de unge mennesker som ligger imellem stilarterne. svagheder: Der er mange om buddet.i tøj branchen MuligheD: Det er et relativt unikt koncept, der rammer lige ned i gruppen af firstmovere, og trendsettere og det i sig selv giver det en værdi. trusler: Konceptet er enkelt og derfor let at kopiere for andre med lignende markedsrelationer. Det er svært at forudsige om det grafiske udtryk bliver outdated, and so last year om ganske få år. Arbejdsproces 001. Kundemøde. 002. Idé-generering, farvevalg og stil. 003. Mindmap og skitse. 004. Mockup i Photpshop. 005. Briefing med kunden. 006. Indhentning af tekst og billedmateriale. 007. Redigering af billeder og tekster. 008. Grundlæggende kodning i Dreamweaver. 009. Feedback fra kunden. 010. Rentegning af Mockup s. 011. Overdragelse af kodning til webintegrator. 012. Færdigt produkt overdrages til kunden.
Grafisk design Kvalitets vudering Arbejdsprocessen kunne godt ha været en anelse mere struktureret, men det er ikke altid at kunden og grafikeren, kan få det til at passe ind i den stresset hverdag. Hvis det var min side ville jeg fjerne load billedet på forsiden, fordi den stjæler meget af tiden på selve hjemmesiden og så tager billederne under collection, for lang tid at loade. 19
Flowchart A.I.D.A S.W.O.T Attention: Blikfang der udtrykker mode, fornyelse og kvalitets bevidsthed. interest: Man bliver inspireret og får vækket sin appetit. Desire: Kunderne ved godt at det er fedt tøj, men ved ikke hvor de skal købe det. De har behov for råd og vejledning. Action: Man får et tilhørsforhold til stilen, og får behov for mere. styrker: Et unikt koncept, der placerer sig i et hul i markedet det er vigtigt at nå de unge mennesker som ligger og flakker imellem stilen. svagheder: Der er mange om budet.i tøj branchen MuligheD: Det er et relativt unikt koncept, der rammer lige ned i gruppen af firstmovere, og trendsettere og det i sig selv giver det en værdi. trusler: Konceptet er enkelt og derfor let at kopiere for andre med lignende markedsrelationer. Det er svært at forudsige om det grafiske udtryk bliver outdated, and so last year om ganske få år.
21
Grafisk design Kundemøde/Komposition 01. Det er vigtigt især med hjemmesider af der bliver holdt en god struktur for at skabe harmoni. Derudover er siderne opbygget med fokus på højre og venstre komposition, da den naturlige retning for øjet er at vandre fra venstre. Der arbejdes med lige linjer for at bevare den rolige komposition. Billeder 02.. Billederne på forsiden er valgt på grund af at der ikke er så meget farver i billederne, således at de ikke stjæler fokus, men samtidig ikke mister blikfang. Font 03. Her er brugt den samme font over hele brugerfladen, I overskrifterne er der anvendt Open Sans, sans-serif, som heavy. Til brødteksten har jeg ligeledes valgt at bruge den samme font men som en lettere udgave. Open sans er sansserif som fungere godt i brugergrænseflader Korrektur 04. Jeg har haft løbende kontakt med kundenog lavet korreketur gennemgang, med løbende rettelser.
23