MELK d e s i g n d o c u m e n t
melk moet een
identiteit
zowel inhoudelijk als
in dit document is het
krijgen
visueel
ontstaan
van het visuele gedeelte weergegeven
Dit is een
inhoudsopgave
4-19.................................................... logo 20-34............................................. website
concept
een thuis voor kunst met een ruw randje
het
huidige
melk
logo
dit logo is gemaakt door een lokale ontwerper als tijdelijk logo voor publicaties
voordat er schermen aan te pas komen moet er worden geschetst en
geknipt
hier is te zien dat het om voorwerpen
achter
het papier gaat de linkse is met munten de rechtse is met een mandarijn schil wat niet zo goed te zien is
hier is een vaste vorm omstaan
woorden omschrijven gegumd
door het gebruik van een aantal
die melk zouden kunnen
het woord melk is er vervolgens uit
vergelijkend design
onderzoek
het merendeel van de instanties had een
typografisch
*alle designs en de volledige conclusie zijn te vinden in het vergelijkend design onderzoek
logo
typografisch
ieder groeplid een logo ontwerpen en ik koos voor
toen hier vervolgens mee gewerkt werd kwam er ook naar voren dat mijn
schrift
hand
verbeterd moest worden
vervolgens heb ik om typografie en handschrift te verbeteren een cursus gevolgt en gewerkt aan technieken voor handschriftverbeteren
kalligrafie
serendipistische
vondsten
sierlijke
dat veel oude melk labels een eerste letter hadden
vorm kleur
met zowel als typerend waren voor de jaren waarin het goed ging met de fabriek
dat deze
tegeltjes
de
omtrek
van de
fabriek M een
kan worden
melk omgedraaid werk is
heel veel logo
dit zijn de eerste ontwerpen ze zijn vooral voortgekomen uit de oorspronkelijke tegels gevonden in de fabriek de overige zijn geinspireerd door typografische elementen van oude melk labels en andere weer puur expirimenteel
de ontwerpen hiernaast zijn voortgekomen uit de kleur en vormen van de fabriek ook staat het melk werk ontwerp hier het ontwerp met de uitlopende k is als associatie voor de schoorsteen van de fabriek maar is niet verder ontwikkeld omdat de fabriek geen grote schoorsteen meer heeft
erg
stijl
vol
na het lezen van een boek over de kunststroming de stijl hier is vooral kleur en eenvoud terug te vinden maar later ook woorden die melk zouden kunnen omschrijven zoals de schetsen
echt
heel veel woorden
deze woorden zijn samengesteld door melk samen te vatten dit is gedaan omdat melk zo veel bevat dat een simpel logo te weinig is om alles weer te geven de kleur rood is gebruikt omdat dat een kleur is die er uit springt en waarvan in de ontwerpen hi. ernaast het woord melk gemaakt kan worden
de streep ernaast is gezet voor uitlijning
nog meer?
ja.
hier zijn de woorden wat verfijnd en zijn de pastel kleuren van de tegels in verwerkt de linker streep die eerst als uitlijning diende is nu ook aan de andere kant toegepast als deel van het beeldmerk het zijn de muren van melk alles wat er te lezen is speelt zich dus af binnen de muren van melk
finallogo-43.png
dit is het uiteindelijke logo waarin de kleuren pastelkleuren zijn en melk centraal staat na presentatie aan opdrachtgever is niet voor dit logo gekozen maar wel de overzichtelijke mani. er van noteren dit wordt in de website toegepast
de
website
(schetsen)
begonnen met een sitemap en noteren wat er op moet komen en technische gegevens zoals grootte
Maar ook de layout kwam aan de orde die moest strak en simpel worden
de
website
(Illustrator)
aan de hand van de schetsen zijn in illustrator de eerste mockups gemaakt
er kwam een ontwerp waar de naamgeving van melk zou verschijnen met een rollover zoals hier te zien is Het bleek niet overzichtelijk te zijn en vervolgens kwam er een tweede ontwerp
bij ontwerp 2 is de originele naamgeving al te zien en zou alles op een pagina moeten passen het ontwerp onder heeft lichte verf spetters en is gepresenteerd en goedgekeurd door de opdrachtgever
bij dit ontwerp zou de muis een kwast volgen waardoor je door de hele website tekent het zou aansluiten aan de verfspetters maar werd te veel en ook de verfspetters zijn weg gehaald.
de
website
(uitwerken)
De website had een eerste layout die ervoor zorgde dat er niet gescrold hoefde te worden maar dat alles op een pagina te zien was
in deze layout zou er veel informatie op een stuk moeten waardoor er eigenlijk niet zulke grote afbeeldingen op kunnen. dit is er jammer voor bijvoorbeeld de sfeerimpressie van het restaurant er moet ook nog een kleur komen bij een rollover zodat elk onderdeel zijn eigen kleur heeft verder had deze website ook nog een browserfill waardoor de ruimte naast de website grijs werd en er een kader om de website kwam
het volgende ontwerp had een witte browserfill en geen stroke om de website heen waardoor hij wat rustiger werd er is ook genoeg ruimte gemaakt voor afbeeldingen voor sfeerimpressie door de diashow die aangeklikt kan worden deze grote afbeeldingen zijn een belangrijk punt want mensen die niet bij melk zijn geweest moeten hierdoor aangetrokken worden daaronder is nog ruimte onder de afbeeldingen het logo van melk is een directe link naar home en staat linksbovenin omdat mensen daar het eerste kijken en daar het logo verwachten de rechterkant is leeg omdat daar weinig focus ligt Bron: Frankwatching.nl
de
website
(uitwerking 2)
het logo van melk staat nu fixed aan de zijkant wanneer naar beneden gescrold word blijft hij zo staan maar aangezien de pagina direct te zien moet zijn zonder scrollen is dit niet een goede oplossing maar wel een andere plaatsing van het beeldmerk van melk ook de letters worden wit wanneer er een rollover is wat er nu nog aangepast moet worden is een titel met de originele naam van melk en de eigen kleur samen met een aantal passende afbeeldingen van melk die de sfeerimpressie moeten geven
diashow ruimte voor titel in eigen kleur
informatie over het onderdeel
Wat vervolgens toegevoegd moest worden was een facebook logo waar mensen melk leuk kunnen vinden en op de hoogte blijven van nieuws de oude layout is weer gebruikt en het ruwe randje is toegevoegd
de
website
(final)
OP de home page is meteen een slide show te zien voor een sfeerimpressie info bevat een contact formulier voor vragen en bezoeken bevat een link naar 9292 en heeft een google maps plugin het magazine opent in de site zodat er nog steeds makkelijk genavigeerd kan worden
Eten heeft een menu waarop een foto en informatie over de gerechten te zien is de lounge bevat een sfeerimpressie en informatie film heeft een programma waarin de films te zien zij die gaan draaien en die komen en slapen bij melk heeft ook een sfeerimpressie met een contact formulier voor reserveringen
Ten slotte smuk deze heeft een oude plattegrond van marrum op de achtergrond omdat de inwonders van marrum en omstreken dat zullen herkennen
Verder heeft elke pagina een link naar het magazine en een link naar facebook het melk logo is een directe link naar home
de
website
(Mobile version)
Bijna 50 procent van al het internet verkeer gaat via mobile daarom moet er ook voor melk een mobiele versie komen van de website er staat geen grote afbeeldingen in en zal een snel menu hebben met alleen noodzakelijke informatie de mobiele website bevat onderaan ook een link naar de website en facebook