Stageverslag Julius Huitema

24

description

 

Transcript of Stageverslag Julius Huitema

Page 1: Stageverslag Julius Huitema
Page 2: Stageverslag Julius Huitema

svpagi

na 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.

Page 3: Stageverslag Julius Huitema

v pagina 3inhoudsopgave

2. Voorwoord3. Inhoudsopgave4. Mijn leerdoelen5. Over Mixed Flavours6. Voortgezet Onderwijs van Amsterdam8. Sorko Advocaten10. Circle-line deel 112. Circle-line deel 214. Zeeburgereiland15. JIP Noord16. Studio Nine Dots17. Check het VOvA18. Karvan Cevitam19. WhatShakes20. Evaluatie21. Beoordeling

Page 4: Stageverslag Julius Huitema

svpagi

na 4 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 leer-doelen zijn voor de 1e stageperiode. Ik ga de punten een voor een behande-len.

- 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?

Mijn leerdoelen

Page 5: Stageverslag Julius Huitema

v pagina 5Mixed Flavours is een vormgeef bureau in Amsterdam. Bij Mixed Flavours werken Willie van Burgst-eden, 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 op-drachten. Vaak bedenkt Willie een concept en bespreekt dat met Karl, waarna ze dan tot een schets komen die Karl dan uitwerkt tot het eindprod-uct. Mijn taak lijkt op die van Karl, al-leen 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 com-puter. 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 Onder-wijs van Amsterdam). Voor het VOvA heb ik een aantal uitingen opgemaakt (zie hoofdstuk VOvA). Ook voor Am-sterdam-Noord heb ik aan een aantal dingen gewerkt (zie hoofdstuk Am-sterdam-Noord).

Over Mixed Flavours

Page 6: Stageverslag Julius Huitema

svpagi

na 6 Voortgezet Onderwijs van Amsterdam

Voortgezet Onderwijs van Amster-dam, 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, adver-tenties, enz. Ik ga op deze twee pagi-na’s een aantal van mijn keuzes binnen de opmaak verantwoorden.

Hieronder staan twee van de adverten-ties die ik gemaakt heb voor verschil-lende scholen. Ik ben hier binnen de huisstijl gebleven, waardoor beide ad-vertenties bij elkaar passen. Ik heb alle elementen een beetje schuin gezet zo-dat 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 eer- stejaars 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 ver-deeld is over de gehele advertentie. Ik heb voor 5 scholen advertenties gemaakt op verschillende formaten waarna ik gekozen heb voor onder-staande verhouding omdat de andere of smal en lang waren of andersom. Dit zorgde voor het mooiste geheel.

Check de leukste horecascholen

Hubertus Vakschool Vmbo basis en kader

De Berkhoff Vmbo basis en kader

Open dag:

Open avond:

Inloopmiddag:

www.checkdeberkhoff.nl

vmbo basis & kader

Open avond:

Open avond:

Inloopmiddag:

www.checkdehubertusvakschool.nl

vmbo basis & kader

Check onze open dagen

Bredero BeroepscollegeVmbo basis & kader

Open dag:

Open avond:

Inloopmiddag:

www.checkhetbrederoberoepscollege.nl

vmbo basis & kader

Page 7: Stageverslag Julius Huitema

v pagina 7Voortgezet Onderwijs van Amsterdam

Hierboven staan twee screenshots van de mobiele site van een van de scho-len die verbonden is aan het VOvA. Ik kreeg de opdracht om de desktop site, de rechter afbeelding, om te zet-ten 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 verschil-lende ‘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 hou-den aan de huisstijl. Ik vond het wel erg leuk om aan te werken.

Page 8: Stageverslag Julius Huitema

svpagi

na 8 Sorko Advocaten

Sorko Advocaten is verassend genoeg een advocaten bureau. Sorko Advoca-ten 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 Advo-caten persee de foto op de op de bo-venste 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 an-ders een vrij lege balk bovenin hebt. Het witte vlak waar de tekst in staat sluit niet onderaan aan omdat het op

Page 9: Stageverslag Julius Huitema

v pagina 9deze manier luchtiger blijft en zodat je meer het gevoel hebt dat de afbeeling die als achtergrond dient doorloopt.

Ook moest er een opmaak worden ge-maakt voor persoonlijk websites van de advocaten. Ik heb voor deze wel gekozen voor een horizontale naviga-tie 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 re-sultaat. Ik denk alleen niet dat mensen die naar informatie zoeken op de site heel gelukkig zijn met dit minimalisme.

Page 10: Stageverslag Julius Huitema

svpagi

na 10

Circle - line deel 1Circle-line is een nieuwe rondvaart-route van Canal Cruises. Deze rond-vaartboot gaat over het IJ varen langs een aantal bijzondere plekken. Ik heb hiervoor de volledige huisstijl ontwor-pen. Persoonlijk vond ik dit project het leukste om te doen omdat ik alles kon bepalen omdat het nog bedacht moest worden.

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 experimente-ren met twee cirkel vormige pijlen om de rondvaart te symboliseren. Uitein-delijk zijn het een ronde pijl en een cirkel geworden.

Voor het visitekaartje heb ik gekozen voor een donker blauwe achterkant voor het logo omdat ik dan niet een

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 uitstra-ling zorgde. Ik heb voor een liggend kaartje gekozen omdat ik dan de ver-schillende elementen beter kwijt kon.

Voor het briefpapier heb ik veel de zelfde keuzes gemaakt als bij het vi-sitekaartje. 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 ach-terkant ook die donkerblauwe achter-grond heeft schijnt het door het pa-pier door naar de voorkant. het logo zit daardoor als een soort watermerk in het papier wat een leuk effect geeft. Het logo staat nu ook voor de voor-kant niet meer in spiegelbeeld.

Ik heb ook een website en folde ont-worpen, deze beschrijf ik op de vol-gende pagina’s.

Page 11: Stageverslag Julius Huitema

v pagina 11

Page 12: Stageverslag Julius Huitema

svpagi

na 12 Circle - line deel 2

De website van Circle-line gaat draai-en binnen de site van amsterdam-ij.nl. Daarom heb ik geprobeerd om de twee huisstijlen met elkaar te samen-smelten. De amsterdam-ij site bestaat uit een grote interactive kaart met daarop allerlei bezienswaardighe-den, restaurants, cafe’s en activiteiten rondom het Amsterdamse IJ. Onder-aan de kaart zij een viertal banen met verschillende artikelen over de ver-schillende dingen die te doen zijn rond het IJ. Ik moest deze website ook een facelift gaan geven. Ik heb de 4 ba-nen teruggebracht naar 2 en verticaal gemaakt. Ook de artikelen hebben een kleine verandering gekregen. De teksten staan nu direct op de achter-grondfoto van de plek van het nieuws. Maar ook met een specifieke foto of artwork links van de tekst. Het Twit-ter venster is ook geen los element meer maar het zit op een vaste positie rechts onderin.

Ik ben zelf begonnen met de Circle-line site met een kaart van de route

van de Circle-line boot. Aan de lin-kerkant van de site is een actie te zien van circle-line zelf en meer informatie over circle line. Onderaan is een ven-ster 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 cou-ponbonnen 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 illus-tratie van de voorkant van de rond-vaartboot. 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 afmeerplek-ken. Voor het binnenwerk heb ik on-derzoek gedaan naar de verschillede afmeerplekken en wat ik daarover zou

Page 13: Stageverslag Julius Huitema

v pagina 13kunnen vertellen. Dit staat op de mid-delste pagina. Voor op de linker pagi-na heb ik een tekstje geschreven over Circle-line en de geschiedenis van het IJ. Op de rechter pagina zijn twee ad-vertenties te vinden en de afmeertij-den van de boot. De advertenties zijn zo gemaakt dat ze binnen de huisstijl van de folder passen.

Page 14: Stageverslag Julius Huitema

svpagi

na 14 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 ge-schetst. Voor deze site hebben we ge-kozen voor een grote achtergrondfoto omdat de beelden een goeie indruk van het gebouw geven.

Op de site zouden een aantal film-pjes 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 ach-tergrond doorloopt naar boven waar-door de hele site meer lucht krijgt.

Page 15: Stageverslag Julius Huitema

v pagina 15Jongeren Informatie Punt Amsterdam Noord, ookwel JIP, richt zich op jonge-ren die met bepaalde problemen zit-ten. Dit kan gaan om dingen als geld-problem, hulp met problemen thuis, opleidingskeuze, maar ook seksuele problemen als soa’s en zwangerschap.

Ik heb voor JIP, de afdeling Amster-dam-Noord een aantal banners ont-worpen en een kaartje over bijbanen voor jongeren in Amstedam-Noord.

Het kaartje (de bovenste twee afbeel-dingen) 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 sol-liciteren. De uitdaging van dit kaartje was de kleinere tekst. Deze moest leesbaar blijven. De kaartjes zijn nu op 60% weergeven. Er was al een huis-stijl, 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 [email protected]! 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

JIP Noord bijbaan

Page 16: Stageverslag Julius Huitema

svpagi

na 16 Studio Nine Dots is een bedrijf dat vi-

sualisaties 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 onder-ste (animatie) balk in Photoshop heb ik mijn schets nagemaakt, maar dan net was precieser zodat de animatie gelijkmatiger is. Eigenlijk is een anima-tie 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.

Studio Nine Dots

Page 17: Stageverslag Julius Huitema

v pagina 17Check het VOvA is een site van het VOvA. Op deze site staan alle scho-len 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 al-lemaal informatie te vinden over de scholen en wat leerlingen van die scholen van hun eigen school vinden. Deze site is gemaakt door Mixed Fla-vours, 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 gepro-beert 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.

Check het VOvA

De bannaan en de Yoghurtdrink heb ik niet meegeno-men omdat deze geen belangrijke functie hebben.

Page 18: Stageverslag Julius Huitema

svpagi

na 18 Karvan Cévitam, bekende uit de limo-

nadewereld, 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 ou-

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 huis-stijl 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 be-kend bedrijf als Karvan Cévitam.

dere packshots gehaald, zoals de achtergrond, de ijsblokjes, belle-tjes en het blaad-je. Al deze onder-delen moesten samen gaan lijken op een foto. Ik heb om die reden de ijsklontjes een beetje een gele tint gegeven zo-dat het lijkt alsof ze in de limonade

Karvan Cévitam

Page 19: Stageverslag Julius Huitema

v pagina 19Whatshakes is een design spel waar-mee 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 dob-belsteen. 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 onderde-len van het spel.

whatshakes logo heb ik het omge-keerde gedaan, het houtachtige materiaal gebruikt om het logo van te maken. De ach-tergrond is de af-beelding die op het visitekaartje staat. Weer voor een mooi samen-hangend geheel tussen de verschil-lende uitingen.

Het leek mij een leuk idee om een aantal van de bogen uit het spel te ge-bruiken als menu. Op de bogen staat namelijk een woord, maar als ik die vervang in bijvoorbeeld Why, Explai-nation, Example of Contact krijg je een site die heel dicht bij het spel zit qua vormgeving. Ik heb voor de onder-grond van de broodtekst gekozen voor een soort plaat van het zelfde materi-aal als de spelonderdelen. Hierdoord wordt het een mooier geheel. Bij het

Whatshakes

Page 20: Stageverslag Julius Huitema

svpagi

na 20 Ik heb erg genoten van deze stagepe-

riode 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 op-leverde. 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 tem-po. 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 ge-mak. Ook denk ik beter te weten wan-neer 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 ui-toefenen, maar ik zou het graag willen combineren met iets ander dat ik in-teressant vind.

Evaluatie

Page 21: Stageverslag Julius Huitema

v pagina 21Beoordeling

Page 22: Stageverslag Julius Huitema
Page 23: Stageverslag Julius Huitema
Page 24: Stageverslag Julius Huitema