sv
pagina 2
voorwoord
In dit verslag ga ik vertellen over mijn stage periode bij Mixed Flavours. Ik heb dit verslag geschreven in opdracht van Media College Amsterdam.
v 2. 3. 4. 5. 6. 8. 10. 12. 14. 15. 16. 17. 18. 19. 20. 21.
Voorwoord Inhoudsopgave Mijn leerdoelen Over Mixed Flavours Voortgezet Onderwijs van Amsterdam Sorko Advocaten Circle-line deel 1 Circle-line deel 2 Zeeburgereiland JIP Noord Studio Nine Dots Check het VOvA Karvan Cevitam WhatShakes Evaluatie Beoordeling
pagina 3
inhoudsopgave
sv
pagina 4
Mijn leerdoelen Ik zie deze eerste stage periode meer als test voor mezelf. Ik heb nu de eerste twee jaar van de opleiding Grafisch Vormgeven achter de rug, dus nu is het tijd om te ontdekken hoe ik me red in de praktijk. Aan het begin van de stage heb ik voor mijn P.A.P. (Persoonlijk Actie Plan) moeten opschrijven wat mijn persoonlijke leerdoelen zijn voor de 1e stageperiode. Ik ga de punten een voor een behandelen. - Ik wil meer te weten komen over hoe het in de praktijk van het Grafisch
Vormgeven er aan toe gaat. Dus hoe werken de mensen in het vak, wat zijn de normen en waarden, hoe is de sfeer op de werkvloer, etc. - Ik wil beter en efficienter werken met de verschillende Adobe programma’s.
- Ik wil ontdekken of dit wel echt mijn vak is. Ik vind het een leuk vak. Vind ik het leuk om dingen te creëren?
v Mixed Flavours is een vormgeef bureau in Amsterdam. Bij Mixed Flavours werken Willie van Burgsteden, de managing director en Karl Leidsman, de art director. Willie heeft met alle klanten contact over hoe en wat ze willen hebben. Willie doet ook de finaciĂŤle kant van het bedrijf. Samen met Karl werkt ze aan de opdrachten. Vaak bedenkt Willie een concept en bespreekt dat met Karl, waarna ze dan tot een schets komen die Karl dan uitwerkt tot het eindproduct. Mijn taak lijkt op die van Karl, alleen word ik veel meer gestuurd. Wat
natuurlijk heel lochisch is want ik ben de stagier. Karl is heel creatief en kan die creativiteit goed kwijt op de computer. Karl werk af en toe ook aan een eigen werk. Karl heeft een eigen merk genaamd Afro Toonz.
De studio zit aan tussen de bogen wat dus betekend dat het onder het spoor zit. Het was even wennen, steeds die treinen die over denderen, maar het went snel. Verder zit de studio aan de achterzijde van het spoor wat erg leuk is want het is een gallerij aan het water. De studio is omringt door allerlij creative bedrijfjes. Links een foto van de studio waar alles gemaakt wordt. Mixed Flavours heeft een aantal vaste klanten zoals; Amsterdam-noord, R&VT en VOvA (Voortgezet Onderwijs van Amsterdam). Voor het VOvA heb ik een aantal uitingen opgemaakt (zie hoofdstuk VOvA). Ook voor Amsterdam-Noord heb ik aan een aantal dingen gewerkt (zie hoofdstuk Amsterdam-Noord).
pagina 5
Over Mixed Flavours
sv
pagina 6
Voortgezet Onderwij Voortgezet Onderwijs van Amsterdam, of in het kort VOvA. VOvA is onderdeel van het ROC. VOvA is een klant die heel regelmatig opdrachten aan Mixed Flavours uitbesteed. Het gaat dan om websites, flyers, advertenties, enz. Ik ga op deze twee pagina’s een aantal van mijn keuzes binnen de opmaak verantwoorden.
Hieronder staan twee van de advertenties die ik gemaakt heb voor verschillende scholen. Ik ben hier binnen de huisstijl gebleven, waardoor beide advertenties bij elkaar passen. Ik heb alle elementen een beetje schuin gezet zodat de advertenties een beetje speels
worden. De kleuren in de koppen zijn afgestemt per school en soort school. Zo zijn de twee scholen op de linker advertentie beide horeca scholen. Ik heb ook gekozen voor sfeerfoto’s. Hierdoor krijgen de toekomstige eerstejaars een beter beeld van hoe het er aan toe gaat op de scholen. Verder heb ik voor een zwarte balk gekozen bovenin zodat het zwart beter verdeeld is over de gehele advertentie. Ik heb voor 5 scholen advertenties gemaakt op verschillende formaten waarna ik gekozen heb voor onderstaande verhouding omdat de andere of smal en lang waren of andersom. Dit zorgde voor het mooiste geheel.
Check de leukste horecascholen
Check onze open dagen
De Berkhoff
Vmbo basis en kader
t ;FFS IPPH TMBHJOHTQFSDFOUBHF t ,MFJOF TDIPPM NFU HFNPUJWFFSEF MFFSMJOHFO
vmbo basis & kader
[BUFSEBH KBOVBSJ VVS JOTEBH NBBSU Open avond: E VVS Inloopmiddag: XPFOTEBH BQSJM VVS
Open dag:
t .FUFFO MFSFO JO EF QSBLUJKL
t %VJEFMJKLF SFHFMT FO WFFM JOEJWJEVFMF BBOEBDIU
vmbo basis & kader
t &JHFO SFTUBVSBOU EBHFMJKLT PQFO WPPS EF MVODI
t (PFEF EPPSTUSPPN OBBS IFU NCP
www.checkdeberkhoff.nl
[BUFSEBH GFCSVBSJ VVS POEFSEBH NBBSU Open avond: E VVS Inloopmiddag: XPFOTEBH BQSJM
Open dag:
VVS
Hubertus Vakschool
www.checkhetbrederoberoepscollege.nl
Vmbo basis en kader
t 7PPS PVEFSXFUT WBLNBOTDIBQ NFU WFFM JOEJWJEVFMF BBOEBDIU
t +BSFOMBOHF USBEJUJF BMT MFFSTDIPPM WPPS IPSFDB CBLLFSJK FO UPFSJTNF t *FEFSFFO LFOU FMLBBS t 5XFFUBMJH POEFSXJKT
t 5PQ ,00, ,MBT -VDBT 3JWF JO MFFSKBBS FO
t 5PQ 1BUJTTFSJF ,MBT )BO -F #MBOD
Bredero Beroepscollege
vmbo basis & kader
Open avond: EPOEFSEBH KBOVBSJ VVS Open avond: E JOTEBH NBBSU VVS Inloopmiddag: EJOTEBH BQSJM VVS
www.checkdehubertusvakschool.nl
Vmbo basis & kader
t %Ă? WNCP TDIPPM WPPS UFDIOJFL
t 0OEFSTDIFJEFOE POEFSXJKT JO EJFOTUWFSMFOFOEF FO DPNNFSDJĂ‘MF CFSPFQFO
t -FSFO JO EF QSBLUJKL
t 4QFDJBMF JOEJWJEVFMF BBOEBDIU WPPS MFFS BDIUFSTUBOEFO WJB 1MVTMFTTFO
t %JHJUBBM QPSUGPMJP BMT WPPSCFSFJEJOH PQ EF CFSPFQTLFV[F FO WFSWPMHPOEFSXJKT
.FFVXFOMBBO ". "NTUFSEBN
Hierboven staan twee screenshots van de mobiele site van een van de scholen die verbonden is aan het VOvA. Ik kreeg de opdracht om de desktop site, de rechter afbeelding, om te zetten naar een mobiele site. Ik heb de icoontjes die zijn ontwikkeld voor de verschillende onderwerpen samen op de ‘homepage’ gezet als navigatie. Ik heb er voor gekozen om de grijzige balk wel terug te laten komen, maar dan voor de kopjes. Verder heb ik een systeem bedacht om tussen verschillende ‘artikelen’ te kunnen swipen. Hier rechts is te zien hoe ik het menu heb gemaakt wat boven de artikelen te vinden is. Ook heb ik de kalender
gemaakt in de stijl die op de desktop site gebruikt wordt.
Ik heb voor het VOvA niet veel zelf ontworpen omdat ik me moest houden aan de huisstijl. Ik vond het wel erg leuk om aan te werken.
pagina 7
v
js van Amsterdam
sv
pagina 8
Sorko Advocaten Sorko Advocaten is verassend genoeg een advocaten bureau. Sorko Advocaten had een site die naar mijn mening er niet uit zag en gelukkig mocht ik een volledig nieuwe site gaan ontwerpen. Halverwege dit project veranderde de naam van Sorko & Swane naar Sorko Advocaten. Er waren een aantal dingen waar ik mee te maken waren dat Sorko Advocaten persee de foto op de op de bovenste screenshot in de site verwerkt wilde hebben. Ook wilde ze eigenlijk zo min mogelijk informatie op de site, waardoor ik met vrij weinig tekst kon werken.
Ik heb gekozen voor de blauwe kleur omdat het een rustige, kalme sfeer bied, ook wel vertrouwen en dat is wat je wilt van een advocaat. Ik heb voor de navigatie balk gekozen voor een verticale balk gekozen omdat je anders een vrij lege balk bovenin hebt. Het witte vlak waar de tekst in staat sluit niet onderaan aan omdat het op
Ook moest er een opmaak worden gemaakt voor persoonlijk websites van de advocaten. Ik heb voor deze wel gekozen voor een horizontale navigatie omdat er meer tekst te plaatsen was. Verder heb ik geprobeerd om wel een beetje bij de stijl van de algemene site te blijven.
Bij de middelste afbeelding is te zien dat ik gebruik heb gemaakt van een submenu. Ik vond een submenu op deze manier erg duidelijk. Ik heb hier weer gekozen voor een verticaal menu omdat er niet veel submenu’s geplaatst moesten worden. Ik vond het leerzaam om binnen dit project met weinig en veel tekst te werken. Ik ben tevreden met het resultaat. Ik denk alleen niet dat mensen die naar informatie zoeken op de site heel gelukkig zijn met dit minimalisme.
pagina 9
v deze manier luchtiger blijft en zodat je meer het gevoel hebt dat de afbeeling die als achtergrond dient doorloopt.
pagina 10
sv
Circle - line deel 1 Circle-line is een nieuwe rondvaartroute van Canal Cruises. Deze rondvaartboot gaat over het IJ varen langs een aantal bijzondere plekken. Ik heb hiervoor de volledige huisstijl ontworpen. Persoonlijk vond ik dit project het leukste om te doen omdat ik alles kon bepalen omdat het nog bedacht moest worden.
achtergrond kleur op de voorkant hoefte te gebruiken. Ik had natuurlijk ook voor de lichtere blauw kunnen kiezen maar ik vond dat de donkere blauw een mooier en statigere uitstraling zorgde. Ik heb voor een liggend kaartje gekozen omdat ik dan de verschillende elementen beter kwijt kon.
Op de rechter pagina is mijn logo studie te zien. Ik heb voor de blauwe tinten gekozen omdat het de kleuren zijn die ook in het Canal logo gebruikt worden. De kleuren die ik rechtsonder gebruikt heb worden ook gebruikt in de huisstijl van Canal. Het beeldmerk van Canal zijn twee c vormige vormen door elkaar. Ik ben gaan experimenteren met twee cirkel vormige pijlen om de rondvaart te symboliseren. Uiteindelijk zijn het een ronde pijl en een cirkel geworden.
Voor het briefpapier heb ik veel de zelfde keuzes gemaakt als bij het visitekaartje. Wat wel een opvallend element is van het briefpapier is de achterkant. Het logo staat er namelijk in spiegelbeeld op, dit is geen foutje maar de bedoelling. Doordat de achterkant ook die donkerblauwe achtergrond heeft schijnt het door het papier door naar de voorkant. het logo zit daardoor als een soort watermerk in het papier wat een leuk eect geeft. Het logo staat nu ook voor de voorkant niet meer in spiegelbeeld.
Voor het visitekaartje heb ik gekozen voor een donker blauwe achterkant voor het logo omdat ik dan niet een
Ik heb ook een website en folde ontworpen, deze beschrijf ik op de volgende pagina’s.
pagina 11
v
pagina 12
sv
Circle - line deel 2 De website van Circle-line gaat draaien binnen de site van amsterdam-ij. nl. Daarom heb ik geprobeerd om de twee huisstijlen met elkaar te samensmelten. De amsterdam-ij site bestaat uit een grote interactive kaart met daarop allerlei bezienswaardigheden, restaurants, cafe’s en activiteiten rondom het Amsterdamse IJ. Onderaan de kaart zij een viertal banen met verschillende artikelen over de verschillende dingen die te doen zijn rond het IJ. Ik moest deze website ook een facelift gaan geven. Ik heb de 4 banen teruggebracht naar 2 en verticaal gemaakt. Ook de artikelen hebben een kleine verandering gekregen. De teksten staan nu direct op de achtergrondfoto van de plek van het nieuws. Maar ook met een specifieke foto of artwork links van de tekst. Het Twitter venster is ook geen los element meer maar het zit op een vaste positie rechts onderin. Ik ben zelf begonnen met de Circleline site met een kaart van de route
van de Circle-line boot. Aan de linkerkant van de site is een actie te zien van circle-line zelf en meer informatie over circle line. Onderaan is een venster met daarin die informatie. Dit is een vlakje dat tevoorschijn komt als er op ‘meer informatie’ geklikt wordt. Rechtsboven staat een advertentie, met daaronder de sponsoren. Deze advertenties dienen als een soort couponbonnen die i.c.m. het ticket van de boot een waarde krijgen. Voor de folder heb ik gekozen voor een lichtblauwe omslag. Ik koos voor lichtblauw omdat het een opvallende kleur is en dus eerder de aandacht trekt. Op de voorkant staat een illustratie van de voorkant van de rondvaartboot. Ik heb hierdoor de balans van de kleuren verbeterd. Op de achterkant staat een grote kaart met daarop de route en dingen om te doen bij de verschillende afmeerplekken. Voor het binnenwerk heb ik onderzoek gedaan naar de verschillede afmeerplekken en wat ik daarover zou
pagina 13
v kunnen vertellen. Dit staat op de middelste pagina. Voor op de linker pagina heb ik een tekstje geschreven over Circle-line en de geschiedenis van het IJ. Op de rechter pagina zijn twee advertenties te vinden en de afmeertijden van de boot. De advertenties zijn zo gemaakt dat ze binnen de huisstijl van de folder passen.
pagina 14
sv
Zeeburgereiland Op het zeeburgereiland is een nieuwe school gebouwd. Dit gebouw is niet zomaar een schoolgebouw, maar het heeft een energielabel A voor verbruik en duurzaamheid. Wat dit pand ook bijzonder maakt is hoe het gebouwd is. Het kostte slechts 6 maanden om te bouwen. Het gebouw is zo bedacht dat makkelijk uitgebreid kan worden. Ik heb voor dit project een site geschetst. Voor deze site hebben we gekozen voor een grote achtergrondfoto omdat de beelden een goeie indruk van het gebouw geven.
Op de site zouden een aantal filmpjes komen en redelijk veel tekst. Om deze voor de achtergrond uit te laten komen heb ik gebruik gemaakt van vensters waar de teksten en filmpjes geplaatst kunnen worden. Voor de menubalk heb ik gekozen voor een gecentreerde balk, zodat de achtergrond doorloopt naar boven waardoor de hele site meer lucht krijgt.
pagina 15
v JIP Noord bijbaan
Jongeren Informatie Punt Amsterdam Noord, ookwel JIP, richt zich op jongeren die met bepaalde problemen zitten. Dit kan gaan om dingen als geldproblem, hulp met problemen thuis, opleidingskeuze, maar ook seksuele problemen als soa’s en zwangerschap. Ik heb voor JIP, de afdeling Amsterdam-Noord een aantal banners ontworpen en een kaartje over bijbanen voor jongeren in Amstedam-Noord.
Het kaartje (de bovenste twee afbeeldingen) is dubbelzijdig. De ene kant is bedoeld voor jongeren die opzoek zijn naar een bijbaan. De andere kant is voor ondernemers die een bijbaan kunnen aanbieden. Ondernemers kunnen een vacature plaatsen bij JIP, waar de jongeren dan op kunnen solliciteren. De uitdaging van dit kaartje was de kleinere tekst. Deze moest leesbaar blijven. De kaartjes zijn nu op 60% weergeven. Er was al een huisstijl, daar heb ik me aan proberen te houden. Wat gelukt is.
Zoek je een bijbaan
in Amsterdam Noord?
Bekijk twitter @BijbaanNoord en solliciteer direct!
www.jipnoord.nl en twitter.com/bijbaannoord
Bent u ondernemer en heeft u een bijbaan voor een jongere in Amsterdam Noord? Mail ons info@jipnoord.nl! Het JIP plaatst uw vacature gratis op twitter @BijbaanNoord en op
de website. Of twitter de vacature naar @BijbaanNoord. BijbaanNoord is een initiatief van het Jongeren Informatie Punt
pagina 16
sv
Studio Nine Dots Studio Nine Dots is een bedrijf dat visualisaties maakt van ontwerpen van gebouwen tot stoelen. Ze wilde iets van een animatie met ‘dots’. Ik heb twee animaties gemaakt in Photoshop. dit was nieuw terrein voor mij. Ik had nog nooit een animatie gemaakt met Photoshop, of eigenlijk wist ik niet eens dat het mogelijk zou zijn. Na een zoektochtje op het internet begreep ik de basis van het maken van een animatie in photoshop. Nu ik wist hoe het in zijn werk gaat kon ik beginnen met schetsen. Een van de schetsen is de onderstaande schets. Ik was van plan om een punt te laten veranderen in negen kleinere puntjes (nine dots), die in een letter S (studio) en vervolgens een 9.
Zoals hierboven te zien is in de onderste (animatie) balk in Photoshop heb ik mijn schets nagemaakt, maar dan net was precieser zodat de animatie gelijkmatiger is. Eigenlijk is een animatie in Photoshop een filmpje waar niet foto’s heel snel achter elkaar worden getoond, maar de lagen. Die om de beurt getoond worden waardoor er een animatie gevormd wordt. Ik vond het leuk om iets nieuws te leren.
pagina 17
v
Check het VOvA
Check het VOvA is een site van het VOvA. Op deze site staan alle scholen die verbonden zijn aan het VOvA. Deze site is voor groep 8 leerlingen die misschien naar een van de VOvA scholen zou willen. Op de site is allemaal informatie te vinden over de scholen en wat leerlingen van die scholen van hun eigen school vinden. Deze site is gemaakt door Mixed Flavours, maar ik moest deze site gaan omkitten naar een mobiele website. Een van de dingen die dit moeilijk maakt is de leesbaarheid van tekst. Als ik alle onderdelen van de site zou schalen zodat het binnen het scherm van een smartphone zou passen wordt de tekst helemaal onleesbaar. Ik heb veel gesleuteld aan de verhoudingen van de verschillende elementen om dit goed te krijgen. Ik heb ook geprobeert de zelfde stijl aan te houden.
Rechtsboven is de desktop versie van de site te zien, Daaronder de mobiele versie die ik er van gemaakt heb.
De bannaan en de Yoghurtdrink heb ik niet meegenomen omdat deze geen belangrijke functie hebben.
pagina 18
sv
Karvan Cévitam Karvan Cévitam, bekende uit de limonadewereld, is onderdeel van Heinz. Karvan Cévitam heeft een website waarop ze vanalles vertellen over hun producten. Zo is er ook een pagina over de, nu niet zo heel, nieuwe ice tea limonade. Ik moest een pagina ontwerpen waar je na het beeld gezien te hebben zin krijgt in deze nieuwe limonade. Ik heb een aantal onderdelen uit oudere packshots gehaald, zoals de achtergrond, de ijsblokjes, belletjes en het blaadje. Al deze onderdelen moesten samen gaan lijken op een foto. Ik heb om die reden de ijsklontjes een beetje een gele tint gegeven zodat het lijkt alsof ze in de limonade
liggen. Ook een aantal losse klontjes met belletjes toegevoegd om een beetje levendigheid te creëren. De twee flessen Karvan Cévitam Ice Tea heb ik achter het ijs geplaatst zodat het lijkt alsof ze in een berg met ijs vast zitten. De tekst volgens de huisstijl in de pagina geplaatst. Het logo hoort linksboven te ziten dus dat heb ik ook gedaan. Identiteit is crusiaal. Al helemaal als je wat maakt voor een bekend bedrijf als Karvan Cévitam.
pagina 19
v Whatshakes
Whatshakes is een design spel waarmee men inzicht kan krijgen in de complexiteit van een vraagstuk, aldus whatshakes. Het is een soort bordspel wat gespeeld wordt met bogen waar gaten in zitten. Verder alleen een dobbelsteen. Voor dit spel moest er een website komen. Ik had alleen het logo, een afbeelding die ze bij whatshakes erg mooi vonden en die gebruikt is op het visitekaartje en een paar onderdelen van het spel.
Het leek mij een leuk idee om een aantal van de bogen uit het spel te gebruiken als menu. Op de bogen staat namelijk een woord, maar als ik die vervang in bijvoorbeeld Why, Explaination, Example of Contact krijg je een site die heel dicht bij het spel zit qua vormgeving. Ik heb voor de ondergrond van de broodtekst gekozen voor een soort plaat van het zelfde materiaal als de spelonderdelen. Hierdoord wordt het een mooier geheel. Bij het whatshakes logo heb ik het omgekeerde gedaan, het houtachtige materiaal gebruikt om het logo van te maken. De achtergrond is de afbeelding die op het visitekaartje staat. Weer voor een mooi samenhangend geheel tussen de verschillende uitingen.
sv
pagina 20
Evaluatie
Ik heb erg genoten van deze stageperiode bij Mixed Flavours. Willie en Karl zijn allebij aardige mensen die ook veel interesse toonde in mij als persoon. Ik had tijdens deze stage wat moeite met mijn thuissituatie. Mijn vader lag in het Ziekenhuis, we moeten verhuizen en nog een aantal dingen die mij stres opleverde. Hierdoor sliep ik te weinig en ging mijn weerstand naar beneden wat resulteerde in dat ik zo af en toe ziek was. Verder heb ik een goed gevoel over deze stage, ik heb veel geleerd en ik merk dat ik dichter bij de identiteit van bedrijven ben gaan zitten zodat het ook bij het bedrijf past. Om alle persoonlijkeleerdoelen te kunnen bespreken heb ik ze hieronder er weer bij gezet.
- Ik wil meer te weten komen over hoe het in de praktijk van het Grafisch Vormgeven er aan toe gaat. Dus hoe werken de mensen in het vak, wat zijn de normen en waarden, hoe is de sfeer op de werkvloer, etc.
Ik vond dat er een fijne en relaxte sfeer hing bij Mixed Flavours, er was geen grote druk en iedereen werkte aan de opdrachten in een steady tempo. Ik ben hier tevreden over. - Ik wil beter en efficienter werken met de verschillende Adobe programma’s. Ik had vooral met Photoshop moeite, maar daar is door deze stage veel aan veranderd. Ik gebruik het nu met gemak. Ook denk ik beter te weten wanneer je welk programma gebruikt voor welke opdracht. Overall ben ik in alle programma’s beter geworden.
- Ik wil ontdekken of dit wel echt mijn vak is. Vind ik het een leuk vak? Vind ik het leuk om dingen te creëren? Ik wil na deze opleiding toch wel een HBO opleiding doen in een andere richting. Want van 9 tot 5 achter een bureau zitten is niks voor mij. Ik ben wel van plan om dit vak te blijven uitoefenen, maar ik zou het graag willen combineren met iets ander dat ik interessant vind.
pagina 21
v Beoordeling