Kreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio

Transkript

1 Webdesign processen Line Hasse Kirkegård - HOLD B Kreativt brief Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio Jeg har taget udgangspunkt i casen: Dansk Design Center HVEM ER AFSENDEREN? Jeg er og mit portfolio er afsender. Jeg er en 21- årig pige der studerer multimediedesign på Københavns Erhversakademi, som gerne vil ud i en kreativ virksomhed. HVAD ER FORMÅLET? Formået er at anskaffe jobbet hos Dansk Design Center som studentermedhjælper. Og på den måde udvikle min website efter deres smag og kriterier. HVEM ER MÅLGRUPPEN? Dansk Design Center søger dygtige studentermedhjælpere og praktikanter med det formål at de kan bidrage til at gøre Dansk Design Centers netværk inspirerende og nærværende. Dansk Design Centers opgaver er opdelt under flere kategorier, som Workshops og events, Web og Kommunikation, Research og dokumentation og Organisationen. Min største erfaring og yndlings område må være under kategorien Web og Kommunikation, da jeg gerne vil tilføre Dansk Design Center et kommunikationsoverblik og løfte opgaver som at kommunikere til de sociale medier og sørge for at hjemmesiden er oppe og køre samt layoute billeder i Photoshop.

2 HVAD TÆNKER MÅLGRUPPEN OM OS NU? At det er et ambitiøst og kreativt firma der holder armene åben for forskellig arbejdskraft inden for forskellige kategorier. HVAD VIL VI GERNE HAVE MÅLGRUPPEN SKAL TÆNKE OM OS? Jeg ville passe godt ind hos Dansk Design Center, da mine kompetencer passer godt på det ser søges som styrke af erhvervslivets brug af design. Mine faglige kompetencer og min personlighed, som indeholder meget udadvendthed og et stort engagement vil kunne tilføre Dansk Design Center de krav som skal opfyldes. HVAD ER BUDSKABET? (kort og præcist som fx et slogan/tagline) Mit budskab er at føre min kreativitet og faglige kompetencer videre ud i livet. Med Dansk Design Center kan jeg udføre mine kvaliteter gennem et Design Center, som også får gavn af arbejdskraft. Jeg vil tilføre Dansk Design Center ny frisk energi med en masse ergfarering, trods mine unge år. - Take the creativity to the next level! HVORDAN ER VORES KOMMUNIKATION? (stil og tone) Kommunikationen er kreativ, da det er relevant i forhold til virksomheden, samtidig er kommunkationen meget enkel og afslappet i og med alle skal kunne følge med. Ungdomlig er også relevant for kommunikationen, da den unge målgruppe fanger mig, dog ikke for at udelukke de ældre. VIA HVILKE MEDIER KOMMUNIKERER VI? (fx tv, web, outdoor, annoncer) Kommunikationen foregår over web, på websitet som skal hjælpe os med at kommunikerer arbejdet ud.

3 Metoder til idé og koncept generering For at få en fuldført website har jeg gjort brug af nogle forskellige metoder. Først og fremmest har jeg gjort brug af et mindmap, hvor jeg i midten af mit papir valgte ordet website. Derefter gik jeg i gang med at brainstorme en masse ord der kunne føres ud fra ordet website. Dette førte til forskelligt indhold jeg vil have på hver af mine sider på mit website. Derudover gav det mig en idé til mit sidste menupunkt inspiration. For at få et fuldført kreativt layout gik jeg i gang med at lave et moodboard, for at få idéer til de rigtige farver, som skal passe godt til mine billeder og min typografi. Denne metode gav et godt resultat i og med jeg fik et godt overblik over hvordan min website skal se ud mere detaljeret i farver og skrifttype.

4 Site-arkitektur

5 Responsive designpatterns Jeg vil gerne anvende Responsive Design, da den tilpasser sig godt til mit website. Responsive Design blander Liquid og Adaptive, som trækker indholdet på siden sammen og hvis det ikke kan være der placeres det ned indholdet på siden. Denne effekt giver et rigtig godt resultat. Især på min Portfolio side, hvor jeg har en masse billeder, fordi de ligesom trækker sig tættere sammen på en tablet, men på en mobil placeres de blot under hinanden. Dette eksempel vises i mit visuelle design.

6 Wireframes Desktop

7

8

9 Tablet

10

11

12 Mobil

13

14 Styleguide

15 Visuelt design Desktop: Macbook Pro Tablet: Ipad mini Mobil: Iphone 6

16 Refleksion Efter en uge med læring i både kommunikation, komposition og responsive design har jeg gjort mig nogle nye erfaringer, hvilket også har påvirket mit website. Efter at have arbejdet med et nyt website har jeg tænkt meget over kompositionen. Jeg har gjort brug af gestaltlove. Blandt andet går loven om lukkethed igen på min website, fordi jeg har anvendt symboler der står i samme ramme. Blandt andet på min Biografi side, hvor min tekst og billede står samme ramme. Jeg har også tænkt meget over min billedekomposition. Mit billede på min forside er meget symmetrisk, da det er placeret midt på siden og det spejler det samme billede ved siden af sig. I løbet af denne uge er jeg blevet endnu mere fanget af white space og har derfor gjort min hjemmeside endnu mere enkel, ved at ændre min baggrund, som var en passe prikker i forskelige farver til en hel simpel grå baggrund, hvilket giver meget mere plads og overskuelighed på mit website.