2013-2014. Stageverslag. o.a: Prisma Advies Groep Event Republic Ticket Counter

Vergelijkbare documenten
Persoonlijk Actieplan (PAP)

LEERDOELEN MEDIAVORMGEVER 4

Grafische Instructie. Drukklaar aanleveren. snijtekens afloop milimeter Photohop InDesign printer drukwerk Pantone raster cmyk

Mediacollege Amsterdam

voor drukwerk In InDesign zijn foto s geplaatst (cmd+d) en niet gecopyeerd en geplakt

Een website omzetten naar WordPress

Kerntaak 1: Verricht voorbereidende werkzaamheden voor de realisatie van een media-uiting

Kerntaak 1: Verricht voorbereidende werkzaamheden voor de realisatie van een media-uiting

Basishandleiding WordPress

Kettingformulieren drukken

Aanleverspecificaties

CURSUS DIGITAAL ATELIER Photoshop/ Illustrator/ Indesign

Kerntaak 1: Ontwerpt de media-uiting

Aanleverspecificaties checklist

Afloop & Marges Hoe zit dat nu precies?

VANDERPERK GROEP Postadres: Bezoekadres:

kwaliteiten en motieven

Aanlever Specificaties

COLOURMANAGEMENT BASISINSTRUCTIE

MUNTZ MARKETING COMMUNICATION GROUP. Handleiding Slagersplein

Kerntaak 1: Ontwerpt de media-uiting

Aanleverspecificaties-Checklist_v001

Debriefing. planning

INTERACTIEVE VORMGEVING RICK DE VOS 4IV1

Kor IJszenga Adjunct directeur

Kerntaak 1: Ontwerpt de media-uiting

Technische Specificaties

Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan de hoofd beheerder.

EEN DRUKKLARE PDF STAP VOOR STAP

HetSchoolvoorbeeld.nl

Webdesign voor ondernemers

Bedrijfspagina op Facebook. Hoe maak je een bedrijfspagina op Facebook?

het assessment plan van aanpak Sophia Thelen Interactieve vormgeving (90414) Stagebedrijf & opdrachtgever: C&F Report design

Algemene regels. Stappenplan webdesign

Inhoudsopgave. Bladzijde 4/5 Bladzijde 4 Bladzijde 4 Bladzijde 5

TIPS & TRICKS: HOE MAAK IK MIJN EIGEN LOKALE HELDEN-BANNER?

Animation. Info-animation Explanimation MARKETING & COMMUNICATIE - DIGITALE VORMGEVING JANUARI 2013

Handleiding voor het zelf onderhouden van je Wordpress website

marketing whitepaper

Hoe moet je een prachtige presentatie maken?

Online Marketing. Door: Annika Woud ONLINE MARKETING

[Rapport: Visitekaartjes gefilterd (1) Hannie Mommers. Mommersontwerp

De Digitale Academie. Grafische & Webdesign opleidingen. Opleidingsoverzicht

Frans de Hoyer GW Management. Marketing (mystery ) nieuwsbrief Social media voor de Automotive. De wereld is veranderd

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014

illustrator Alleen een hands- on.. LESBRIEVEN

Technische Specificaties

Nieuwsbrieven in AcyMailing

STAGE VERSLAG LVB NETWORKS

Ga meteen aan de slag! PLUSpakket. handleiding. Oplossingen voor ondernemende kappers die kiezen

januari 2008, versie 1.1 Aanleverspecificaties Digitale bestanden

Made by Valentijn Kap, 3IV1

Studio Visual Steps Een website omzetten van WEB! Pro naar Web Easy

Kerntaak 1 Ontwerpt de media-uiting 1.1 werkproces: Beoordeelt de opdracht en bespreekt deze met de opdrachtgever Omschrijving

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

De Budelse digitaal. digitaal_aanleveren2016_db 3 februari 2016, 15:47

Taakleerjaar1 - Dreamweaver

Handleiding aanleveren PDF bestanden

Social media checklist

Eindformaat = 210x150mm

Grafisch ontwerp. Referenties.

Aanleverspecificaties I Automatische bestandsverwerking

grafimedia CSPE GL Bij dit examen horen een bijlage, uitwerkbijlagen en digitale bestanden.

Technische gids. voor datacommunicatie. met de klant

4. Bij de eerste inlogsessie, wordt je gevraagd om de Google gebruiksvoorwaarden te accepteren. Klik op "Ik ga akkoord. Ga door naar mijn account.

Focus op andere mediatechnieken

Praktijkinstructie Tekstverwerking 1 (CSE12.1/CREBO:53139)

De kopjes in je flyer hebben een kleur die je zelf gemaakt hebt en die kleur heb je je eigen naam gegeven.

Offerte website. Taal & Talent, Jorijn Tragter Thomas Hop, PingOnline Offerte vernieuwde website

Handboek Examinering Praktijkschool Grotius College Delft*

8.13 Windows Hulp op afstand

HANDLEIDING PROFIELPAGINA WEBSITE ONE

DTPH. In september 2010 zijn Deoprinting en DTPH het er over eens dat deadlines gehaald moeten kunnen worden.

Werken met Mailchimp op Facebook. Hoe werkt Mailchimp en wat kunt u ermee?

Trippeltrap Content Management System

Kerntaak 1: Ontwerpt de media-uiting

Creatieve vormgeving is zintuigen prikkelen.

PLAN VAN AANPAK NETIDENTITY. Priscilla

AANLEVERSPECIFICATIES CHECKLIST

Vragenlijst voor nieuwe website

So you think you can PRINT!? #1

Handleiding website SVNL voor evenementenverkeersregelaars

BETAALBAAR EN GOED ONLINE

DRUKGEGEVENSPRODUCTIE VANUIT MICROSOFT POWERPOINT 2007

Checklist website bouwen

Werken als artiest drama

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp -

VERENIGINGSWIJZER.NL FINAL DOCUMENT

De breedte van het bestand voor het omslag wordt 343 mm en de hoogte is 246 mm. De rug van het boek is 11 mm.

Als eerste bedankt voor het aanschaffen van deze PDF waarin ik je handige tips en trucs zal geven over het schrijven van een handleiding.

Afloop? Afloop. InDesign.

Handleiding Wordpress CMS

September 2013, versie 1.5. Aanleverspecificaties Digitale bestanden

Persoonlijk opleiding plan


Inhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B

Handleiding Joomla CMS

Ontwerp Portfoliowebsite MMIO 2016

Transcriptie:

1 Stageverslag Eerste stage! 2013-2014 o.a: Prisma Advies Groep Event Republic Ticket Counter Praktische informatie: De opdracht, het resultaat en wat ik heb geleerd Mediacollege Amsterdam * 1 4 8 3 9 * GV3R

Bekijk mijn LinkedIn Op mijn profiel kunt u eenvoudig mijn CV bekijken en zien welke opleidingen ik heb gevolgd. U kunt hier ook mijn persoonlijke informatie en mijn contactgegevens raadplegen. Scan de QR code De link naar mijn LinkedIn: > linkedin.com/pub/bas-kamstra/71/6a1/8b7 Mediacollege Amsterdam GV3R

Inhoudsopgave Het stagebedrijf 4 Leerdoelen stage 7 Prisma Advies Groep 8 Kleurgebruik 13 Diëtist Afra 15 CMS 19 Facebook 20 Coco Beauty 23 Auto 8-daagse 26 Event Republic 27 Drukwerkchecklist 32 Easy Personeel 36 Ticket Counter 40 Werkprocessen 44 Terugblik 50 Martijn aan het woord 51 TIP: Laat zien wie je bent Het is belangrijk om je te profileren als grafisch vormgever en te laten zien wie je bent en wat je kan. Als je tijdens je stage laat zien wat je in huis hebt, dan zal dat van invloed zijn op je beoordeling. Een positieve beoordeling creëert kansen. Het stagebedrijf kan zelf potentie in je zien, mogelijk zullen zij je naam laten vallen bij een ander bedrijf of wellicht zal via school iemand je verslag beoordelen die potentie in je ziet. Het is in ieder geval van belang dat je zoveel mogelijk kansen voor jezelf creëert, omdat niet alle kansen die je creëert resultaat geven. TIP: Zorg dat je kunt plannen Het is als grafisch vormgever van belang om een juiste inschatting te kunnen maken hoeveel tijd je voor een opdracht nodig hebt. Dit heeft er niet alleen mee te maken dat je dan een goede planning kan maken, maar het is ook handig als je een klant een indicatie moet geven wat de kosten voor hem gaan worden.

4 Het stagebedrijf Ik begon mijn stage in mei 2013 bij Zilte Zaken Alkmaar, welke in november 2013 wegens financiële redenen de bedrijfsactiviteiten beëindigde. Dit bedrijf was eigendom van Fred Winkel en Arjen van Wijk. Mijn stage begon met een sollicitatiegesprek met Martijn Wokke, welke mij in de praktijk zou gaan begeleiden. Zilte Zaken Alkmaar Zilte Zaken werd oorspronkelijk opgericht op Texel door Fred Winkel. Sinds 2012 bestond Zilte Zaken uit twee aparte bedrijven, namelijk Zilte Zaken Texel en Zilte Zaken Alkmaar. Het bedrijf begon in Alkmaar aan de Edisonweg, naast het pand van HDC Media. In mei 2013, zo n anderhalf jaar later, is Zilte Zaken Alkmaar verhuisd naar de Koelmalaan. Een kleinere kantoorruimte in De TelefoonCentrale. Fred Winkel was samen met Arjen van Wijk eigenaar van Zilte Zaken Alkmaar en van het merk Code NL, waar het boekingsplatform Ontmoet NL onder is thuisgebracht. Ontmoet NL was als klant ondergebracht bij Zilte Zaken. Ook was Zilte Zaken businesspartner van HDC Media en hadden een licentie voor het gebruik en beheer van het merk Lekker Weg in Eigen Land. Reclamebureau Zilte Zaken was een reclamebureau die ondernemers begeleidde in het uitdragen van reclame en promotie. Dit kon worden gedaan door middel van grote en kleine campagnes en uitte zich in divers promotiemateriaal. Ook konden nieuwe huisstijlen en communicatiestrategieën gerealiseerd worden. De afdeling Creatie bood de volgende diensten aan: webdesign, digitale nieuwsbrieven, sociale media diensten, sponsored magazines, logo en huisstijl design, fotografie, presentaties, drukwerk en advertenties/banners. Dit is de afdeling waar ik het grootste gedeelte van mijn stage gezeten heb en het werd ook wel de studio genoemd. Dit onderwerp kunt u op de routekaart vinden op coördinaten B:1

Het stagebedrijf 5 De afdeling Sales werd onder andere ingezet voor het werven van klanten voor het Tv-programma Lekker weg in eigen land. Dit Tv-programma werd van juni tot en met september wekelijks op zaterdagochtend uitgezonden op RTL4. Vanuit Sales werden ook potentiële klanten benaderd om zichzelf te promoten via het boekingsplatform Ontmoet NL. Hier kunnen klanten tickets kopen bij alle aangesloten aanbieders, zoals bijvoorbeeld Safaripark Beekse Bergen. Ook bood de afdeling Sales de mogelijkheid om te adverteren op de radiozenders van de publieke omroep, door middel van Ster&Uit tips van twintig seconden. De afdeling Marketing verzorgde de klantrelatiebeheer van Ontmoet NL, De Nationale Uitwaai Weken, Leukste Dagje Uit en Lekker Weg met Groepen. Dit werd ook gedaan voor de Ster&Uit radiospots. Daarnaast onder meer het bijhouden en het schrijven van teksten voor de sociale media en de analyse voor het klik- en zoekgedrag van bezoekers van de nieuwsbrieven en de websites. Financiële achteruitgang In oktober 2013 werd wegens financiële redenen de klantenwerving voor de Ster&Uit radiospots neergelegd. Ook stapte in oktober de salesmanager, Marjon Daggenvoorde, op en zag ze haar kansen bij een ander bedrijf. In november 2013 ging het financieel verder neerwaarts, wanneer de campagne De Nationale Uitwaaiweken dreigde te mislukken. Zilte Zaken Alkmaar heeft vervolgens noodgedwongen de bedrijfsactiviteiten moeten staken. Wokke Vormgeving & Communicatie Martijn zette de creatieafdeling voort door zijn klanten vanuit Zilte Zaken mee te nemen naar een nieuwe eenmanszaak. Hij ging verder onder de naam Wokke Vormgeving & Communicatie. Ik werd als stagiaire meegenomen naar de nieuwe onderneming. Echter omdat Martijn nog niet over kantoorruimte beschikte was het noodzakelijk dat ik vanuit huis te werk ging. In november kwam mijn verhuizing nog tussendoor en na een ietwat rommelige periode heeft Martijn in januari 2014, samen met twee andere een kantoorruimte betrokken in De TelefoonCentrale. Marktgebied Het marktgebied waarin Zilte Zaken Alkmaar zich voornamelijk bewoog was het MKB, de detailhandel en op toeristisch gebied. De klanten van de afdeling creatie bevonden zich, geografisch gezien, grotendeels in Alkmaar en omgeving. Deze klanten heeft Martijn ook meegenomen naar zijn nieuwe onderneming. Dit onderwerp kunt u op de routekaart vinden op coördinaten D:2 en D:3

6 Het stagebedrijf Organisatiestructuur Voor een klein bedrijf als Zilte Zaken Alkmaar, zag de organisatiestructuur er echter vrij complex uit. Hieruit blijkt dat Zilte Zaken Alkmaar vooral afhankelijk was van de samenwerkingen met andere bedrijven en het beheer van meerdere merken en licenties. Mede door de inzet van stagiaires kon het bedrijf zich op de been houden. Directie Samenwerking met derden Bedrijf Merk/activiteit Afdeling Werknemer Stagiair Fred Winkel Arjen van Wijk TicketCounter OntmoetNL Leukste Dagje Uit CodeNL Zilte Zaken Alkmaar Lekker Weg in Eigen Land Nationale Uitwaai Weken Lekker Weg met Groepen NBTC Creatie Sales Marketing Administratie Arjen van Wijk Martijn Wokke Marjon Daggenvoorde Michelle van Beek Marrie Winkel Leandra van Opzeeland (stagiaire van 02-13 tot 07-13) Bas Kamstra (stagiair van 05-13 tot 07-13 en van 09-13 tot 11-13) Liza Koper (stagiaire van 01-13 tot 06-13) Rosalie Kwakman (stagiaire van 04-13 tot 09-13) Karel Wijker (stagiair van 09-13 tot 11-13) Na de doorstart van Martijn zag de organisatiestructuur voor Wokke Vormgeving & Communicatie er als volgt uit: Martijn Wokke Wokke Vormgeving & Communicatie Creatie Martijn Wokke Administratie Martijn Wokke Bas Kamstra (stagiair van 11-13 tot 02-14) Dit onderwerp kunt u op de routekaart vinden op coördinaten E:1

Het stagebedrijf 7 Hard- en software In de periode bij Zilte Zaken werd er op de afdeling creatie gewerkt met computers van Apple. Arjen en Martijn werkte beiden met een imac 27 met OS X 10.7 Lion. Er werd gewerkt met de software Photoshop CS5.5, Illustrator CS5.5 en InDesign CS5.5 van Adobe. Martijn heeft na de stop van Zilte Zaken een imac overgenomen voor gebruik in zijn nieuwe onderneming. Zelf werk ik met een Macbook Pro 13,3 met OS X 10.9 Mavericks. Op het kantoor bij Zilte Zaken had ik er een scherm van 21 aan gekoppeld. Van dit scherm maakte ik ook vanaf januari weer gebruik bij Wokke Vormgeving & Comminicatie. Ik werk met de software uit het CS6 MasterCollection pakket van Adobe en maak dan vooral gebruik van Photoshop, InDesign en Illustrator. Leerdoelen 1. Vaardigheid ontwikkelen in alle vakgerichte software. 2. Sneller creatieve uitingen kunnen bedenken en meer in de breedte kunnen oriënteren. 3. Meer vertrouwen en vaardigheid creëren in mijzelf. 4. Goede kunnen inschatten hoeveel tijd een opdracht kost en een goede tijdsplanning kunnen maken. 5. Meer schetsmatig te werk gaan in plaats van te snel tot uitwerking over te gaan. 6. Leren hoe het vak binnen een vormgeefstudio wordt uitgeoefend en welke disciplines noodzakelijk zijn. Leermethodes 1. Meewerken aan opdrachten en projecten. 2. Met collega s meekijken en hun werk én werkwijze observeren. 3. Direct om nieuwe opdrachten vragen als huidige opdrachten afgerond zijn. 4. Boeken, tijdschriften, websites, etc. over vakinhoudelijke content bestuderen. 5. Kennis opdoen van basisbegrippen in het vakgebied. Acties om doelen te bereiken 1. Regelmatig mijn eigen werk, vervaardigd ter behoeve van het stagebedrijf, evalueren en beschrijven 2. Tussentijds aantekeningen maken en teksten schrijven, bedoeld voor gebruik in het stageverslag. 3. Mijn diensten in eigen tijd aanbieden aan familie, vrienden en kennissen. Verworven werkprocessen: B1.1, B1.2, B1.3 B2.3* *Zie pagina 44 voor uitleg over de werkprocessen Dit onderwerp kunt u op de routekaart vinden op coördinaten D:1

8 Prisma Advies Groep Prisma Advies Groep De opdracht van Prisma Advies Groep was het ontwerpen en laten bouwen van een nieuwe website. De oude website was overvol geraakt met overbodige pagina s en de navigatie was te ingewikkeld. Prisma Advies Groep is een samenwerkingsverband van zelfstandig werkende bedrijfsadviseurs die MKBondernemers op diverse terreinen adviseren. Iedere adviseur heeft zijn eigen specialiteit en aan elke adviseur is ook een eigen kleur gekoppeld. Dit kwam in de oude site nog niet genoeg tot uiting. Navigatie Ik begon met het maken van schetsen. Ik onderzocht hoe de structuur van de pagina in elkaar moest zitten om voor de consument een zo overzichtelijk mogelijk geheel te maken. Ik heb gekozen voor een verticale navigatie, waar de buttons onder elkaar staan, omdat er veel submenu s en sub-submenu s zijn. In de navigatie hebben we nu gekozen om alle specialiteiten als hoofdbuttons weer te geven. Deze buttons kunnen zich vervolgens naar beneden uitklappen naar een submenu en vervolgens weer naar een sub-submenu. Hoofdbutton Subbutton Sub-subbutton Dit onderwerp kunt u op de routekaart vinden op coördinaten B:3

Prisma Advies Groep 9 NHD GoedeZaken In het NHD zou een stukje geschreven worden over Prisma Advies Groep. Hier moest een groepsfoto bij komen te staan. Martijn en ik zijn bij de leden van Prisma langs geweest om deze foto te maken. De tweede adviseur van links, Peter Schouten, is later met photoshop in de foto verwerkt, omdat hij niet op de des betreffende dag aanwezig kon zijn.

10 Prisma Advies Groep Groepsfoto De dag dat Martijn en ik bij de Prisma-leden op bezoek waren om de groepsfoto te maken hebben we ook alle leden apart gefotografeerd. Deze foto kon door de leden als profielfoto gebruikt worden op bijvoorbeeld LinkedIn. Wij hebben deze foto s ook gebruikt voor op de website. In de header van de website wilde we een groepsfoto plaatsen, maar de groepsfoto die we eerder hadden gemaakt, was hier niet voor geschikt. Ik heb alle profielfoto s met photoshop vrijstaand gemaakt en deze samengevoegd tot een groepsfoto. TIP: Verplaats je in de doelgroep De doelgroep is de uiteindelijke gebruiker van je product en wat de doelgroep van het product vindt is ook bepalend of het een succes wordt. Goed inleven in de doelgroep is dus belangrijk. Om je goed te kunnen inleven in de doelgroep is een beetje research niet overbodig. Alle keuzes die gemaakt zijn tijdens het ontwerpen moet je kunnen verantwoorden, omdat de opdrachtgever wellicht een andere smaak heeft dan de doelgroep. Dit onderwerp kunt u op de routekaart vinden op coördinaten A:3

Prisma Advies Groep 11 Kleurgebruik Omdat aan elke adviseur een eigen kleur gekoppeld is, wilden we deze over de hele website terug laten komen. Op de homepagina wordt gebruik gemaakt van de kleur rood. Deze komt tot uiting in de header, de balk onder het logo, de button en de randen links en rechts van de content-pagina. Klik je bijvoorbeeld op de button Bedrijfsovernames, welke oranje is, dan worden alle bovengenoemde onderdelen oranje van kleur. Je voelt dan echt dat je op een ander deel van de website komt. Om de juiste kleuren te blijven gebruiken, heb ik een overzicht gemaakt van alle gebruikte kleuren en hun kleurcode. De kleur heb ik genoteerd in hexadecimale codes, omdat de webbouwer ook gebruik maakt van deze codering. #b01641 Dit onderwerp kunt u op de routekaart vinden op coördinaten B:3

12 Prisma Advies Groep TIP: Maak een website in Photoshop Om een website in HTML te kunnen bouwen, zal deze eerst vormgegeven moeten worden. Dit kan op vele manieren, maar de manier waar webbouwers het meest blij mee zijn is een vormgeving in Photoshop. In Photoshop is het mogelijk om de website op de pixel nauwkeurig op te maken. Wat je in werkelijkheid doet is het bouwen van een afbeelding van hoe de website uiteindelijk gebouwd moet gaan worden. Tijdens het bouwen hiervan is het erg belangrijk dat je de structuur van alle lagen en mappen overzichtelijk houdt. Het is erg handig, zeker als het om een grote website gaat, om alle lagen die bij elkaar horen samen te voegen in een map en alles een duidelijke naam te geven. Bijvoorbeeld alles wat bij de header hoort voeg je samen in de map Header. En als je in de header een object hebt zitten wat bijvoorbeeld bestaat uit vier lagen, dan voeg je deze samen in een map. Door een goede structuur maak je het niet alleen voor jezelf prettiger om aan een website te werken, maar ook de webbouwer. Website in photoshop Voor veel content-pagina s is een andere lay-out nodig en daarom moet voor elke lay-out een apart ontwerp gemaakt worden. De definitieve ontwerpen worden uiteindelijk bij de webbouwer aangeleverd. In totaal heb ik zestien definitieve ontwerpen gemaakt voor de desktopweergave. De website moest ook geschikt gemaakt worden voor een mobiele weergave. Ook hier moeten ontwerpen voor worden gemaakt. Scan de QR-code om het eindresultaat te bekijken! Verworven werkprocessen: A1.3, A1.4, A2.1, A2.3, A2.4, A2.5, B4.1* *Zie pagina 44 voor uitleg over de werkprocessen Dit onderwerp kunt u op de routekaart vinden op coördinaten C:3

Kleurgebruik 13 Kleurgebruik Bij vormgeven is het van belang dat je bijhoudt welke kleuren je hebt gebruikt en de juiste kleurcode noteert. Dit doe je zodat je in een product steeds dezelfde kleuren kan gebruiken. Daarnaast is het ook van belang dat je voor het juiste medium de juiste kleurinstellingen gebruik, denk aan digitaal en print. Drukkleuren CMYK CMYK is het meest gebruikte systeem bij het drukken in kleur. De meeste consumentenprinters maken hier gebruik van en ook in drukkerijen wordt het meest gedrukt in CMYK, ook wel Full Color genoemd. CMYK staat voor: Cyaan, Magenta, Yellow, Key. Key is de laatste kleur die gedrukt wordt en dat is de key-plate. Hierop worden alle details geprint, de effecten en lijnen. De Key-kleur is zwart. Door druk in vier kleuren kan een groot bereik aan kleuren behaald worden, maar minder groot als in PMS-druk. Hoewel het kleurenbereik van PMS hoger ligt wordt dit echter nooit gebruikt voor het drukken van foto s. Hiervoor zouden veel te veel drukgangen nodig zijn en zou het heel duur worden. Foto s worden dus altijd gedrukt in CMYK. PMS PMS staat voor Pantone Matching System en is een mengsysteem waarbij met mengrecepten bepaalde kleuren inkt worden gemaakt. De kleuren zijn van te voren al gemengd, voordat het door een drukker gedrukt wordt. Dat in tegenstelling tot het drukken in CMYK, waar de kleuren pas in de printer gemengd worden. PMS-kleuren zijn opgebouwd uit elf basiskleuren, in plaats van de vier kleuren waar CMYK-kleuren uit bestaan. Geel, Warm Rood, Robijn Rood, Rhodamine Rood, Purper, Violet, Reflex Blauw, Process Blauw, Groen, Zwart en Transparant Wit. Daarnaast wordt er ook gebruik gemaakt van vier echte kleuren, Pantone Geel 012, Pantone Oranje 021, Pantone rood 032 en Pantone blauw 072. Door gebruik te maken van vijftien basiskleuren kan er met PMS een groot kleurbereik behaald. PMS-druk is vaak duurder dan CMYK-druk, maar het geeft meer kleurgarantie. Als je er zeker van wilt zijn dat een bepaalde kleur gedrukt wordt zoals hij bedoeld is, dan is PMS-druk de beste keuze. PMS-druk wordt vooral gebruikt voor huisstijldruk.

14 Kleurgebruik Overdruk In InDesign kan je kleuren op overdruk zetten. Dat houdt in dat als je bijvoorbeeld een blauw vlak hebt dat over een geel vlak valt, er dan een groen vlak ontstaat in het overlappende gebied. De kleuren worden dus als een transparant over elkaar heen gedrukt. Met PMS-druk kan je al met twee PMS kleuren drie kleuren creëren. Door de kleuren een bepaalde dekking te geven kunnen nog meer varianten gecreëerd worden. Digitaal RGB Digitaal wordt er altijd gebruik gemaakt van RGB-kleuren. Dit zijn de drie basiskleuren Rood, Groen en Blauw. Het verschil tussen drukwerk en digitaal is dat bij drukwerk de kleuren gemengd worden met inkt en bij digitaal kleuren gemengd worden met licht. Hexadecimaal Voor het opmaken van websites maak je gebruik van hexadecimale codes om de kleuren te bepalen. Het zijn precies dezelfde kleuren als RGB-kleuren, maar dan compacter omschreven via een andere notering. Omdat je bij websites te maken hebt met dataoverdracht is het verstandig om alles zo compact mogelijk te noteren, zodat er minder data verzonden hoeft te worden.

Diëtist Afra 15 Diëtist Afra Afra Ouwerkerk wilde haar website vernieuwen, maar toch vrijwel hetzelfde uiterlijk behouden. We moesten een nieuwe oplossing bedenken voor bestaande elementen en uitzoeken hoe we die in een nieuwe vormgeving konden plaatsen. Qua kleuren en indeling hebben we ons exact aan de oude website gehouden. We hebben het geheel er strakker en moderner uit laten zien. Vooral het contactformulier, de blokken aan de rechterzijde en het nieuwsoverzicht zijn aanzienlijk veranderd. Hoe de nieuwe website er uit ziet ten opzichte van de oude website, ziet u op de volgende pagina. TIP: Neem initiatief De meeste klanten moet je een beetje helpen om een stap te zetten of om te zorgen dat ze jou diensten aannemen. Als je een kennis hebt of netwerkrelatie, waarvan je bijvoorbeeld weet dat ze wel toe zijn aan een nieuwe website, maar ze hebben nog geen actie ondernomen, maak dan alvast een paar schetsen en leg dit aan ze voor. Dit onderwerp kunt u op de routekaart vinden op coördinaten A:3

16 Diëtist Afra Oude website Nieuwe website Dit onderwerp kunt u op de routekaart vinden op coördinaten A:3

Diëtist Afra 17 Mobiele weergave De pagina moest ook geschikt gemaakt worden voor weergave op de telefoon. Tijdens het maken van de desktopweergave houd je hier al rekening mee. Gedurende het ontwerpen is het handig om je vast te houden aan een kolommenstructuur. Je deelt de pagina bijvoorbeeld op in drie gelijke kolommen, waarbij er twee kolommen gebruikt worden voor tekst en één voor een afbeelding. Bij het ontwerpen van de mobiele weergave zou je dan de tekst kunnen beperken tot één kolom en de afbeelding eronder of erboven kunnen plaatsen. Dit onderwerp kunt u op de routekaart vinden op coördinaten A:3

18 Diëtist Afra CMS De website is beheerbaar gemaakt, door middel van een CMS. CMS staat voor Content Management System. De website werd gebouwd door Mach3builders en beheerd binnen hun CMS. Front-end In de afbeelding hieronder is te zien dat dit CMS front-end te beheren is. Dat wil zeggen dat je in het CMS gewoon de website ziet en hierin onder andere tekst en afbeeldingen kan aanpassen. Scan de QR-code om het eindresultaat te bekijken! Verworven werkprocessen: A1.4, A2.1, A2.3, A2.4, A2.5* *Zie pagina 44 voor uitleg over de werkprocessen

CMS 19 CMS Nadat je een website hebt vormgegeven stuur je de designs naar de webbouwer. De webbouwer bouwt dan de structuur van de website en de lay-outs die jij hebt aangeleverd. Alle content wordt binnen een CMS beheerbaar gemaakt. CMS is een afkorting voor Content Management System. In het CMS kan je zelf nieuwe pagina s aanmaken door één van de bestaande lay-outs te kiezen en deze zelf in te vullen. Zo kan de klant zelf alle pagina s up-to-date houden, zonder dat de webbouwer of de vormgever daar nog omkijken naar heeft. Open source CMS Veel webbouwers hebben hun eigen CMS ontwikkeld, zoals die van Mach3builders te zien is op de vorige pagina. Er zijn ook open source systemen zoals Wordpress, Drupal en Joomla. Met deze systemen heb je een ruime keuze uit thema s die je kan inladen en kan je zelf nieuwe pagina s aanmaken. Het gebruik van deze systemen is gratis. Je bent dan echter nog beperkt in de mogelijkheden. Als je naast de gratis thema s, meer thema s zou willen, dan zul je deze moeten kopen. Wil je ook toegang tot de HTML en CSS broncodes, dan zal je het CMS moeten upgraden naar de betaalde versie. Er zijn ook plug-ins te downloaden voor op je pagina. Dat kan bijvoorbeeld een kalender zijn of een twitterfeed. Sommige plug-ins zitten ook kosten aan verbonden. Het gebruik van deze systemen klinkt nu vrij eenvoudig, maar als je het voor de eerste keer gaat gebruiken, dan vergt het nog wel enige inspanning om uit te vinden hoe het precies in zijn werk gaat. Back-end Hieronder is een screenshot te zien van Wordpress. Zoals te zien is, is Wordpress back-end te beheren. Dat wil zeggen dat je in een overzicht bent waarin je content kan toevoegen of aanpassen, zonder dat je direct ziet hoe dat er op de pagina uitziet. Je kan bijvoorbeeld een nieuwsbericht toevoegen, zoals in dit screenshot. Als je klaar bent met aanpassen, dan druk je op Publish en kan je de aanpassingen op de webpagina bekijken.

20 Facebook Facebook Voor het Facebookaccount van OntmoetNL en Lekker Weg Met Groepen heb ik regelmatig afbeeldingen gemaakt die samen met een korte tekst als advertentie geplaatst werden. Aan het einde van elke week werd er voor beide merken een post geplaatst op Facebook. Soms werd deze advertentie ook op Twitter geplaatst. Grid Op Facebook heb je te maken met verschillende paginaweergaven, waardoor de voorvertoning van de afbeelding steeds anders weergegeven kan worden. Omdat veel mensen alleen de voorvertoning bekijken, is het van belang dat in alleen de voorvertoning de boodschap al duidelijk is. Het is daarom handig gebruik te maken van een grid waarin te zien is welke gebieden van de afbeelding mogelijk wegvallen bij een voorvertoning. Bekijk hieronder het grid dat ik daarvoor gebruikte.

Facebook 21 Facebook spelletjes Om de aandacht van potentiële klanten te trekken, moest ik spelletjes maken voor op Facebook. Op deze manier wordt er op een speelse manier reclame gemaakt voor de aanbieders op de site van OntmoetNL en Lekker Weg Met Groepen. Zo heb ik bijvoorbeeld een zoek-de-verschillen moeten maken voor Safaripark Beekse Bergen. En een puzzel voor De Efteling en Attractiepark Slagharen.

22 Facebook Advertenties Verworven werkprocessen: A2.3* *Zie pagina 44 voor uitleg over de werkprocessen

Coco Beauty 23 Coco Beauty Coco Beauty is een van de eerste klanten waar ik voor heb gewerkt. Het is een schoonheids- en nagelsalon in Alkmaar en biedt onder meer schoonheidsbehandelingen, pedicures en lichaamsmassages. Voor Coco Beauty moet er regelmatig een flyer, poster of een facebookadvertentie gemaakt worden. De eerste opdracht die ik kreeg was het maken van een facebookadvertentie. Het was een aanbieding van een NIMUEschoonheidsbehandeling voor mannen, die liep tijdens de Roze Week Alkmaar. Dit onderwerp kunt u op de routekaart vinden op coördinaten C:2 en D:2

24 Coco Beauty Verder heb ik diverse posters moeten maken. Waaronder voor een promotiedag, een make-up workshop en voor de feestdagen. TIS GRA incl.ake-upiste m visag r doo Dé salon voor huidverbetering en -verzorging A PR ANBI OM ED ING O 11 O TI Me KTO EDA ld G BE s vol ne R = v l aan ol Bergman Beauty Facial 45 min. behandeling door een BERGMAN-specialist SLECHTS 25,00 BEHANDELING IS GRATIS bij aankoop van een Bergman Beauty Care product! Bij een besteding v.a. 55,krijgt u een mooi tasje COCOBEAUTY.NL Hekelstraat 5, 1811 BL Alkmaar, (072) 515 36 07 Openingstijden Coco Beauty Volg ons voor tips en leuke acties cadeau! Maandag 09.00 t/m 15.00 uur Di/Wo/Do 09.00 t/m 21.00 uur Vr/Za 09.00 t/m 17.00 uur enst u w y t u ea een Coco Brstdagen en aar! e fijne kukkig nieuwj gel Dit onderwerp kunt u op de routekaart vinden op coördinaten C:2 en D:2

Coco Beauty 25 Dé salon voor huidverbetering en -verzorging Make-up workshop 8 november 16.30-19.30 uur Elk uur een workshop 4 personen per workshop 32,50 Neem ook je eigen make-up mee We maken foto s van voor en na COCOBEAUTY.NL Hekelstraat 5, 1811 BL Alkmaar, (072) 515 36 07 Openingstijden Coco Beauty Volg ons voor tips en leuke acties Maandag 09.00 t/m 15.00 uur Di/Wo/Do 09.00 t/m 21.00 uur Vr/Za 09.00 t/m 17.00 uur Van bovenstaande poster heb ik ook een variant moeten maken die op facebook geplaatst kon worden. Hiermee is rekening gehouden met het grid dat op pagina 20 te vinden is. Verworven werkprocessen: A2.3* *Zie pagina 44 voor uitleg over de werkprocessen Dit onderwerp kunt u op de routekaart vinden op coördinaten C:2 en D:2

26 Auto 8-Daagse Auto 8-Daagse In aanloop naar de Auto 8-Daagse moest er een banner op internet geplaatst worden. Dit moest een geanimeerde banner worden. Flash Als ik voorheen zelf een geanimeerde banner maakte, dan maakte ik gebruik van Adobe Flash. Flash is een programma om animaties in te maken. Ik zou dan drie frames maken voor de animatie en deze een framesnelheid meegeven van 0,25. Dat houdt in dat er elke vier seconden een nieuwe frame verschijnt. Photoshop Bij mijn stage moest ik de animatie maken in Adobe Photoshop. Wat je dan doet is bij Vensters de tijdlijn inschakelen. Dan klik je op Frameanimatie maken. Als er Videotijdlijn staat in plaats van Frameanimatie, dan klik je op het pijltje aan de rechterkant en selecteer je Frameanimatie. Je kan nu voor elke frame die je aanmaakt een photoshopafbeelding maken en elke frame een bepaalde duratie meegeven. In dit geval dus vier seconden. GIF Als laatste sla je de animatie op als een GIF afbeelding. GIF is een afkorting voor Graphics Interchange Format. Het is een pixelafbeelding van maximaal 256 kleuren. Een transparante achtergrond is mogelijk met GIF. Dit formaat wordt veel gebruikt op het internet, omdat het een zeer klein bestandsformaat heeft. Scan de QR-code om de banner te bekijken! Verworven werkprocessen: A2.3* *Zie pagina 44 voor uitleg over de werkprocessen Dit onderwerp kunt u op de routekaart vinden op coördinaten A:4

Event Republic 27 Event Republic Event Republic is gespecialiseerd in bedrijfsevenementen. Het ondersteunt bedrijven in het uitdenken, produceren en organiseren van creatieve evenementconcepten voor interne en externe communicatie. Event Republic heeft onder meer evenementen georganiseerd voor ING, Heineken, Achmea en Vodafone. Adecco Presentatie Event Republic was bezig met de voorbereidingen van een evenement voor Adecco. Voor dit evenement moest een presentatie gemaakt worden. Event Republic heeft het maken van deze presentatie uitbesteed aan Zilte Zaken en ons tekst en afbeeldingen aangeleverd. Martijn heeft de presentatie gemaakt in InDesign en de eerste versie aan hun voorgelegd. Event Republic kwam met een lijst van wijzigingen en ik kreeg de opdracht om deze wijzigingen door te voeren. Ook heb ik de afbeelding op de eerste sheet afgemaakt, De sterren van ADECCO. Hier had Martijn al een opzetje voor gemaakt en ik heb deze verder afgewerkt qua kleuren en de tekst 3D gemaakt. InDesign Het maken van een presentatie in InDesign werkt anders dan in Powerpoint of Keynote. Waar je met Powerpoint of Keynote in één sheet een aantal bulletpoints kunt aanmaken, die één voor één in beeld verschijnen, moet je in InDesign voor elke bulletpoint een compleet nieuwe pagina aanmaken. De pagina is natuurlijk eenvoudig te dupliceren en dan voeg je op de nieuwe pagina simpelweg de nieuwe bulletpoint toe. De bewerkingsmogelijkheden in InDesign zijn veel groter dan in Powerpoint of Keynote. Als grafisch vormgever is het dus aantrekkelijker om InDesign te gebruiken. Je kan onder andere ook gebruik maken van stramienpagina s en makkelijk een hele reeks lege pagina s toevoegen. Een stramienpagina is een pagina die je van te voren al hebt opgemaakt, met bijvoorbeeld een achtergrond en een automatische paginanummering. Dit onderwerp kunt u op de routekaart vinden op coördinaten C:4 en D:4

28 Event Republic Vodafone HTML mail Event Republic heeft een evenement georganiseerd voor Vodafone, met als thema Glow. Voor dit evenement moest een uitnodiging verstuurd worden per mail. De mail had Martijn al voor het grootste deel vormgegeven in Photoshop. Ik heb de vormgeving vervolgens afgewerkt. Normaliter wordt de vormgeving van een mailing naar de webbouwer gestuurd, zodat je webbouwer de HTML hiervoor kan maken. Ik had aangegeven dat ik graag wilde proberen de uitnodiging zelf met HTML op te zetten. Dit werd toegestaan. Ik ben in Adobe Dreamweaver de vormgeving gaan omzetten tot een HTML-bestand. TIP: Niet alle webbrowsers zijn gelijk Bij het bouwen van een website of nieuwsbrief in HTML zal je er rekening mee moeten houden dat niet alle browsers en e-mailprogramma s gelijk zijn. Een mail zal er in de mail app van Apple er waarschijnlijk anders uitzien dan in Outlook van Windows. Ook zullen sommige websites anders laden in Internet Explorer dan in bijvoorbeeld Safari of Firefox. Basis-html Voor een mailing kan je het beste geen gebruik maken van CSS (Cascading Style Sheets), omdat de oudere webbrowsers en mailprogramma s hier niet mee overweg kunnen. Je zal dus in basis-html je pagina moeten opmaken, alsof je nog in de jaren 90 leeft. Ik heb op internet gezocht naar HTML-codes en heb zo de hele mail in elkaar gezet. Dit onderwerp kunt u op de routekaart vinden op coördinaten C:4