For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

Transkript

1 Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter. anvendte programmer Med inspiration fra moodboardet, går jeg videre med at tegne et imageboard med figurer og valgte nogle af hovedfarverne, som kan ses igennem alle hendes produkter. Imageboardet tager udgangspunkt i det færøske bygder og natur. kundens profil Ejeren af Mikkalina Glas er Mikkalina Norðberg på Færøerne. Hun laver glas i alle mulige farver og former, både som kunst og som brugsting. Mikkalina bruger mest Facebook at kommunikere med hendes kunder. Hun er startet i det små, men hendes virksomhed har vokset sig så stor nu, at hun har brug for en identitet. Hendes kunder er primært på Færøerne. Du kan se figurer på organformede stene, træhuse bagved og 2 store bjerge i baggrunden. Mikkalina finder nemlig motiver, både i den færøske natur og i bygd/by samfundet. Dette har jeg prøvet at genspejle med et sjovt enkelt farverigt univers. Husene, lyset, planter, bjergene, dyrelivet, farverne, alt spiller ind, og bliver til nærmest en komisk gengivning af formerne og dyrene i samfundet. moodboard

2 Imageboard Jeg laver et ekstra moodboard, med andre farver, hvor sort og rød er de primære farver og man kan se de sekundære farver i de små elementer. Jeg vælger at tage udgangspunkt i logoet for Mikkalina Glas, og det virker bedre sammen med det sorte udtryk, derfor vælger jeg at gå videre med moodboard 2. FFED00 C9A9D0 009EE3 C0D100 E3000F F38F00 F00 Hjemmesiden får et mere stilrent udtryk, og den bliver ikke alt for barnlig med for mange farvesammensætninger. Illustrationerne er barnlige i forvejen, så for at dæmpe det ned, virker det godt med at lade det sorte dominere. 000 Arial, regular abcdðefghijklmnopqrstuvwxyz FFED00 C9A9D0 Arial, regular 009EE3 C0D100 F38F00 abcdðefghijklmnopqrstuvwxyz At bruge illustrationer er fangende for øjet, sjovt og siger noget om Mikkalinas univers og stemning, uden at gå ned i detaljer om hvad hun laver, som et billede af et glasværk måske ville gøre. Hjemmesiden skal være nem at navigere rundt på. Billederne inde i galleriet med lightbox skal sælge varen og det skal være nemt for en potentiel kunde at finde det de søger. Imageboardet viser valg af farver i hex koder og web fonts. Jeg fandt web fonten Patrick Hand på google fonts. Fonten skal afspejle den kreative og legfulde form i glasset, Mikkalinas figurer og mønstre. Illustrationerne bliver brugte i baggrunden på bunden. Ud over illustrationerne, er siderne hvide og enkle. imageboard 1 imageboard 2

3 logo Jeg har lavet logoet. Det ser håndlavet og enkelt ud ligesom glasset. Det af spejler glassets medgørlighed, smeltningen og formerne. Jeg fik Mikkalina selv til at skrive Mikkalina Glas med min pencil tool, som jeg så kunne arbejde videre med. Jeg outlinede stroken, finjusterede linjerne, så det så harmoniskt ud. hjemmesidets design proces og opbygning Brainstorming, imageboard, moodboard og design i Illustrator. Optisk er det vigtigt, at øjet ser logoet ikke kun for hvad det står for, men som en form, som er genkendelig og sammenhængende her har jeg haft gestaltloven i tankerne, mens jeg har formet logoet. Farveholdningen og formerne i logoet fortæller en historie, og kan fortolkes som en afspejling af det kontrastfulde glas. Det hårde glas, som hurtigt kan gå i stykker, men som med hjælp af høj varme, kan blive til flydende glas, som kan formes i uendelige former. Kontrasten ses f.eks. i disse ordpar: Baggrund til hjemmesiden designes færdig. Jeg laver illustrationerne til et mønster, som i Dreamweaver kan repeat-x som baggrundsbillede i body. hårdt >< blødt koldt >< varmt robust >< skrøbelig fladt materiale >< former og leg sort >< rød CMYK: 0, 0, 0, 100 CMYK: 0, 96, 90, 0

4 Brainstorming, imageboard, moodboard og design i Illustrator. Baggrund til hjemmesiden designes færdig. Jeg laver illustrationerne til et mønster, som i Dreamweaver kan repeat-x som baggrundsbillede i body. Jeg laver en maske om det område, som jeg skal bruge som baggrund og åbner det i photoshop, saver det til web and devices JPG, for at det skal kunne fylde så lidt som muligt.

5 index galleri

6 en af undersiderne til galleri om mikkalina

7 inspiration kontakt

8 Flowchart Forside Sýnisgluggi Mikkalina Samband íblástur glassmykkur Um Mikkalina (om mikkalina) Samband (kontakt) Formular íblástur (Inspiration) krabbagoggur glas&betong føt glasfigurar ymiskt

9 Forenklet beskrivelse af html opbygningen <body> <div id= wrapper > <div id= header > (Logo som background-image) <div id= menu > <ul><li></li></ul> </div><!--end of menu--> </div><!--end of header--> <div id= content > <div id= content_left > <ul><li></li></ul> </div><!--end of content_left-> <div id= content_right > <ul><li></li></ul> (lightbox) </div><!--end of content_right-> </div><!--end of content-> </div><!--end of wrapper--> </body>