AS ANDERS SØNDERGAARD Portefolio_H Svendeprøve.indd 1 2/17/ :36:39 PM

Transkript

1 AS ANDERS SØNDERGAARD Portefolio_H Svendeprøve.indd 1 2/17/ :36:39 PM

2 PRODUKTKATALOG GRAIK & BILLEDBEHANDLING TYPOGRAI & OMBRYDNING OPGAVEBESKRIVELSE Opsætning af katalog for Heliving med formål at øge interessen og kendskab til deres produkter med henblik på mersalg. MÅLGRUPPE Til den stilbevidste kvinde med sans for indretning inde og ude. KVALITETSVURDERING Kataloget er overskuelig og læsevenligt, på trods af de lange produkttekster. Kataloget fremstår som tiltænkt, feminint og læsevenligt. A GRAISK OPSÆTNING Da det var et krav fra kunden at der var en omfattende beskrivelse af produkteterne, placerede jeg kun få produkter på hver side, hvilket bidrager til et harmonisk og stilrent look. B RITLÆGNING I dette tilfælde var Quick Selection Tool den bedste løsning. Derefter har jeg brugt Select and Mask for altid at kunne justere masken igen. C COLOR PROILE Billederne blev placeret som RGB i kataloget, for at beholde det store farverum og for at undgå en forkert farveprofil, f.eks. hvis kataloget også skal publiceres online. Billederne konverteres til CMYK profilen når jeg eksporterer til en trykklar PD. D GESTALTLOVENE Lukkethed: Berit produkterne står i en lukket kasse, for sammenhæng i produktet. Nærhed: På hvert produkt ses tekst, billede og pris som hørende sammen. Lighed: De blå vaser viser lighed mellem stemningsbilledet og selve produktet. E ONT Jeg har brugt antikva fonten Noto Serif som er valgt til rubrikker, for at give et feminint udtryk. Den anden er Montserrat, en grotesk font, som f.eks. er brugt til brødtekst, da den har en letlæselig form. DOCUMENT SETUP ormatet er A4 liggende horisontalt med limbunden ryg. Der er taget forbehold for limningen, ved at give 15mm luft ved indersiderne af kataloget. G JUSTIICATION På brødteksten har jeg brugt Left Justify for at skabe et læsevenligt look. or at undgå floder har jeg slået H&J Violations til, samt justeret i paragraph stylens justification værdier. H MASTER PAGES Jeg har opsat master pages til hver kategori, med individuelle farver ved pagina, for bl.a. genkendelighed ved fremtidige kataloger. I NEXT STYLES Der er brugt Next Styles på produkterne for et hurtigere workflow. J ARVER OG KONTRAST or at gøre kataloget blødt i designet, er brødteksten 77% tint af sort. Rubrikkerne er mørkere, i 95% tint af sort, for større kontrast. K TEXT WRAP På alle billeder er der en Object Style med 2mm text wrap for at billeder og tekst smelter sammen. 1/ GRAIK & BILLEDBEHANDLING TYPOGRAI & OMBRYDNING Portefolio_H Svendeprøve.indd 1 2/17/ :36:40 PM

3 A B C D LIGHED LUKKETHED NÆRHED GRAIK & BILLEDBEHANDLING Portefolio_H Svendeprøve.indd 2 /2 2/17/ :36:41 PM

4 E Brødtekst orord Rubrik Noto Serif Black Montserrat Light Montserrat Extralight Produktnavn Montserrat Semibold Pris Montserrat Extrabold G 3/ TYPOGRAI & OMBRYDNING Portefolio_H Svendeprøve.indd 3 2/17/ :36:41 PM

5 H I J TYPOGRAI & OMBRYDNING /4 Portefolio_H Svendeprøve.indd 4 2/17/ :36:42 PM

6 WEBSHOP GRAISK PRODUKTION & WORKLOW GRAISK DESIGN OPGAVEBESKRIVELSE Opgaven gik ud på at designe og fremstille en overskuelig webshop for Heliving, og samtidig udstråle feminitet. ormålet med hjemmesiden er at øge trafikken, samt skabe troværdighed og genkendelighed. A ARBEJDSPROCES Jeg har selv haft samtlige møder med kunden, hvor vi har talt om deres behov. Vi havde løbende kontakt, hvor jeg har informeret dem om processen, og involveret dem i praktiske ting så som valg af betalingsløsninger og fragtmuligheder. 1 DE 4 DESIGNPARAMETRE orm: Det grafiske udtryk skulle selvfølgelig afspejle virksomhedens identitet. Igennem wireframes fik jeg opsat det samlede udtryk på sitet, som skulle være meget firekantet for at udtrykke overordnet enkelthed. MÅLGRUPPE Til den stilbevidste kvinde med sans for indretning inde og ude. KVALITETSVURDERING Det er en omfattende opgave, med mange steps i processen som skal udføres i en bestemt rækkefølge. Det har været en meget lærerig og teknisk proces. Men både kunden og jeg selv er meget tilfreds med resultatet. B CMS LØSNING Jeg har brugt WordPress til at udvilke webshoppen. Den er optimeret til responsivt design.wordpress var det optimale valg da det er utrolig brugervenligt for kunden, som selv skal overtage styringen senere. C DESIGNKRAV Siden skal være indbydende og enkel Brugervenlig Overskuelig navigation orskellige betalingsløsninger Valgfri pakkeshops levering D TEST A SITE Websitet er testet i flere gængse browsere, hvor alt fungerer. Derudover er der lavet prøvekøb, som også fungerer korrekt. E LINK Websitet kan ses på dette link: 2 Typografi: Jeg har brugt Google fonten Lato. onten blev bl.a. valgt på baggrund af dens læsevenlig. 3 Illustrationer/billeder: Her var det bl.a. vigtigt at billederne bringer en stemning og taler for sig selv. Det har jeg løst ved at indsætte inspirerende billeder på forsiden, samt at indsætte levende produktbilleder som viser selve produktet i brug for at skabe øget opmærksomhed. 4 arver: arven rosa, var et ønske fra kunden. or at sikre et feminint udtryk, har jeg tilpasset farven, så den blev mere lys og blød i udtrykket, da det er en gennemgående farve på sitet. G AIDA MODELLEN Attention: Inspirerende billeder på forsiden og UPS er. Interest: Romantik og nostalgi. Desire: Beskrivende indhold på produktsiderne. Action: Besparelse i procent overlay og købsknap. 5/ GRAISK PRODUKTION OG WORKLOW GRAISK DESIGN Portefolio_H Svendeprøve.indd 5 2/17/ :36:42 PM

7 A Informationsmøde Wireframe / skitser WordPress installeres Intregration af betalingsmodul Teknisk opsætningsmøde Webshoppen overdrages Køb af domæne og webhotel Layoutet godkendes Opsætning påbegyndes Intregration af fragtmodul Prøvekøb gennemføres B D GOOGLE CHROME MOZILLA IREOX C MICROSOT EDGE GRAISK PRODUKTION OG WORKLOW /6 Portefolio_H Svendeprøve.indd 6 2/17/ :36:45 PM

8 1 Navigation 2 Brødtekst Lato Light Mellemrubrik / Rubrik Lato bold rontpage 3 Produktside Instagram feed ooter 4 arve før justering arve efter justering C:0 M:25 Y:0 K:0 > > C:0 M:5 Y:0 K:0 7/ GRAISK DESIGN Portefolio_H Svendeprøve.indd 7 2/17/ :36:47 PM

9 G ATTENTION ACTION DESIRE INTEREST GRAISK DESIGN /8 Portefolio_H Svendeprøve.indd 8 2/17/ :36:48 PM

10 ANDERS SØNDERGAARD SVENDEPRØVE 2019 Portefolio_H Svendeprøve.indd 9 2/17/ :36:48 PM