Anvendte programmer GRAFISK DESIGN. Produkt og målgruppe. Designkrav. Process

Transkript

1 Grafisk Design

2

3 Produkt og målgruppe Design af website til Bewooden Furniture som laver handmade træmøbler. Bewooden ønsker at få lov til at vise deres unikke design af træmøbler frem. Hertil skal der udarbejdes et website med henblik på fremvisning og information af deres møbler. Da jeg redesigner et website for et eksisterende firma, med deres billedemateriale, har jeg i denne her forbindelse givet det et fiktivt navn. Designkrav Designet skal afspejle moderne design og enkelthed Stor brugervenlighed (nem at navigere i) Kontaktinformation Visning af produkter Produktinformation Anvendte programmer Ps Ai Process Inspiration Mindmap Moodboard Wireframe Skitser Flowchart Gestaltlove Call to action elementer Seo optimering Designparametre 3 SVENDEPRØVEN 2017

4 Opgaven Til udformning af websites design vil jeg tage udgangspunkt i målgruppen. Først skal der laves en brainstorm, hvor tanker og ideér får frit spil, dertil søges inspiration og dannes overblik over stil, form og farver. Til min brainstorm vil jeg gøre brug at mindmap og moodboard metoden. Når designlinjen er lagt skal der udarbejdes skitser, wireframe og flowchart. Alle disse parametre er med til at gøre arbejdet med designet og kodning lettere. Materialistisk BLÅ SEGMENT Moderne GRØN SEGMENT Idealistisk Målgruppe VIOLET SEGMENT Websitet skal appellere til målgruppen. Bewoodens målgruppe ligger primært fra årige. Her er man villig til at give lidt ekstra på prisen, for at få et godt produkt. Moderne ROSA SEGMENT I følge minerva modellen bevæger vi os i det violette hen imod blå segment. Idet disse har en høj indkomst = de har råd til at give lidt ekstra for god kvalitet. De er kendetegnet ved middel prestige = vil gerne købe design = symboliserer status. SVENDEPRØVEN

5 Mindmap Moodboard 5 SVENDEPRØVEN 2017

6 Skitser Ved hjælp af skitser og mit moodboard, fik jeg den grundlæggende idé til websitet. Med de moderne tider i baghovedet, er det vigtigt at lave et design som kan vises på alle platforme såsom skærm, tablet og mobil. For at mit design skulle blive så brugervenligt som overhovedet muligt, besluttede jeg mig derfor, at lave et website med re-sponsiv. SVENDEPRØVEN

7 Wireframe Ved hjælp af et wireframe kan man få fastlagt placeringen af de forskellige elementer, som skal med på et website. Desktop wireframe 1920 px MENU LOGO MENU Taplet wireframe 1024 px Mobil wireframe-576 px LOGO MENU LOGO MENU MENU Målene på skærmbredden er taget fra windows reziser TEKST webstore/detail/window-resizer/ TEKST TEKST TEKST SLIDER SLIDER TEKST TEKST CTA FOOTER CTA CTA FOOTER FOOTER 90 % 60 % 90 % 7 SVENDEPRØVEN 2017

8 Desktop Taplet Mobil SVENDEPRØVEN

9 Flowchart Ved et flowchart kan man se hvordan strukturen i websitet er opbygget. Spiseborde Bænke Index Produktpleje Googlemaps 9 SVENDEPRØVEN 2017

10 Farver på websitet #00fd9a RGB: 0, 253, 154 # RGB: 136, 133, 153 #ededed RGB: 237, 237, 236 SVENDEPRØVEN

11 Gestaltloven Gestalt betyder helhed og handler om at se ting i helheder. Ved brug af gestaltlovene i et design er det med til at organisere informationerne og gør det nemmere for forbrugeren at forstå indholdet. Ved brug af Gestalterne sørger jeg for at design og funktionalitet går hånd i hånd. Dette giver ro og overblik og fastholder forbrugerens opmærksomhed. Loven om lighed Loven om figur og grund Loven om nærhed Loven om lukkethed 11 SVENDEPRØVEN 2017

12 Fonte På websitet har jeg gjort brug af google fonte. Der er mange fordele ved brug at google fonte. De er gratis at bruge og de fungerer godt på alle medier (desktop, tablet og mobil). Roboto a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å Oranienbaum a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å SVENDEPRØVEN

13 Call to action Jeg har anvendt call to actions elementer på websitet, for at skabe mere opmærksomhed og interesse for produkterne. Forbrugeren skal få lyst til, at klikke sig videre og forhårbenligt få lyst at købe produkterne. 13 SVENDEPRØVEN 2017

14 Seo optimering Seo optimering er vigtigt når man bygger et website op. Det er med til at skabe synlighed og derved at tiltrække kunder. Metatags "Bewooden er en verden af træmøbler,for dig der sætter pris på smukke kvalitetsmøbler.møbler der er unikke, både rå og stilfulde på samme tid. Hver og ét af vores træmøbler er HANDMADE" "Bewooden spiseborde er alle helt unikke spiseborde, som sætter et personligt og stilfuldt præg på din indretning. De smukke planker, som alle bordene er lavede af, er massivt træ" "Bewooden bænke er unikke træbænke, som alle er fremstillede af særligt, udvalgte egetræplanker. Din træbænk vil derfor kunne bruges i mange sammenhænge" SVENDEPRØVEN

15 Designparametre Form og Illustration 15 SVENDEPRØVEN 2017

16 Kontraster Typografi SVENDEPRØVEN