07. 11. 15. 22. 28.
bed s e t d i v c r o r e f r i j poi ers s s l e c fss n t e m atie t r u onl klu rks ctu ine s j e v s . u rm as wor gaz dpr ine ess
07. Bedrijfsstructuur | 11. Setpoint Online Magazine | 15. Diverse klusjes | 22. Crossmarks vs. Wordpress | 28. Reflectie
Va n a f b e g i n f e b r u a r i w a s het afgelopen met het luxe studentenleven, om drie uur ‘s nacht naar bed en om elf uur ‘s ochtend denken aan misschien het bed uit gaan was niet meer. De omslag in het ritme kwam door de stage bij Crossmarks in ‘s Hertogenbosch. Twintig weken lang, veertig uur in de week. Ik ben met hen in aanraking gekomen op de stagemarkt eind 2009. Bij mijn eerste sollicitatiegesprek werd me direct verteld over een experiment dat zou starten binnen het bedrijf: de interactieve delen van de opdrachten zullen voortaan binnenshuis worden gerealiseerd. Vanaf het begin heb ik daar aan meegewerkt.
7
Crossmarks is een reclamebureau gevestigd in ’s Hertogenbosch. Het werd in 1997 opgericht door twee vrienden, Albert Top en John Sluyter. Het bedrijf is binnen een aantal jaren gegroeid tot een serieuze speler op de reclamemarkt. Tijdens het 10-jarige bestaan werd misschien wel het succesvolste jaar in het bestaan geboekt. Door concullega’s in de branche wordt het bedrijf uitverkozen tot beste reclamebureau van ZuidNederland. Als kers op de taart komt daar enkele dagen later de titel ‘Zaak van het Jaar 2007’ bovenop.
8
Crossmarks produceert inmiddels campagnes voor Setpoint, Diesel, de provincie Noord-Brabant, Coca-Cola en Shimano. De campagne voor Shimano levert een SAN nominatie op, ook wint het bureau de CBS Outdoor Award 2007. Op het moment dat het succes oneindig lijkt, staat de economische crisis voor de deur en ook Crossmarks wordt niet overgeslagen. Het team was inmiddels 35 man sterk, maar word noodgedwongen ingekrompen. In 2010 lijkt het tij te keren. Verschillende pitches worden gewonnen en nieuwe klanten als Jan Linders Supermarkten, Schouten & Nelissen en de Bovemij Verzekeringsgroep worden verwelkomt. Verdeeld over verschillende afdelingen werkt iedereen nauw met elkaar samen. Samen met de twee eigenaren: Albert Top voor new business & strategie, en John Sluyter voor accountdirectie en fotografie, bestaat het team uit nog zestien vaste medewerkers. Namelijk twee officemanagers: Kaatje Kusmic en Fiona Manders. De afdeling account bestaat uit drie accountmanagers: Jenneke Appel, Sandra Boom en Petra Dikmans en een projectmanager, Monique Peerlkamp. Zij zijn de schakel van de klant naar de afdelingen strategie en creatie en bewaken het proces van concept naar oplevering. Sara Collard vertegenwoordigd als enige de afdeling strategie. De afdeling creatie bestaat uit acht personen met aan het hoofd de twee creatief directeuren Marcel van Kleeff en Merijn Kalden. Zij geven leiding aan het creatieve proces van elke opdracht. Marc Beijers is de studiomanager en interactive specialist. Art, design, concept en interactive word wisselend gerealiseerd door Tom Fincham, Kelly van Hattem, Max Kortsmit, Pim van der Linden. De hekkensluiters zijn de twee DTP’ers Marscha Links en Henry van den Baar. Tijdens mijn stageperiode ben ik werkzaam geweest op de afdeling creatie, interactive.
9
Het denken over merkontwikkeling communicatie bevindt zich tegenwoordig in een stroomversnelling. Maatschappelijke ontwikkelingen, economische turbulentie en technologische vernieuwingen vragen een andere aanpak, nieuwe invalshoeken en originele communicatie. In de turbulente tijd van tegenwoordig, met de economische malaise en snelle technologische ontwikkelingen moet je een manier zoeken om je als reclamebureau te onderscheiden van je concurrentie. Grenzen moeten worden doorbroken, anders denken, voelen en zijn. Daarom ontwikkeld Crossmarks Fusionbranding. Het is een denkwijze waarbij de identiteit centraal staat die leunt op het door Crossmarks ontwikkelde ROI-model. Alle verschillende middelen voor marketingcommunicatie worden verdeelt in Reallife, Offline en Interactive. Bij een nieuwe campagne worden de verschillende middelen vanuit de door Crossmarks bepaalde merkwaarden samengesmeed tot ĂŠĂŠn krachtig concept dat de merkwaarden weer onderstreept. Zo ontstaat er om het merk heen een dynamisch proces dat van grote waarde is in de huidige beleveniseconomie. Reallife is het communicatiemiddel dat onder te verdelen is in interieur, exterieur en evenementen. Het zijn dus voornamelijk fysieke producten die hun werk doen op exposities, verpakkingen, visual merchandising en persoonlijke verkoop. Offline behelst de meer traditionele communicatieinstrumenten en is onder te verdelen in tv, radio en print. Bijvoorbeeld sales promotions, sponsoring en marketing PR vallen onder de categorie offline. Interactive bestaat uit internet, games en social-media. Het zijn de instrumenten die een interactief contact met de individuele gebruiker aangaan, zoals webdesign, webdeveloping of e-marketing.
SHIRT
79,95
PAK
399,-
11
Ieder jaar maakt Crossmarks voor Setpoint, een retailer voor men’s fashion, twee magazines: voor de Autumn / Winter & Spring / Summer collectie. Deze magazines werden altijd ontworpen voor drukwerk, maar vanwege bezuinigingen binnen Setpoint werd het papier vervangen door het computerscherm. Vanaf de herfstcollectie 2009 is het magazine in Flash ontwikkeld. Begin februari waren alle voorbereidingen gedaan voor het Spring / Summer 2010 magazine. Als eerste stage opdracht mocht ik aan het nieuwe technische ontwerp gaan werken. Wederom in Flash, maar dit keer in scripttaal Actionscript 3.0, in plaats van Actionscript 2.0.
12
Het visueel ontwerp, alle pagina’s met de daarbij horende elementen, lag al op tafel en was verzorgd door artdirector Kelly van Hattem en junior designer Pim van der Linden, sinds februari ook deel van de interactive afdeling. De twee designers hadden een duidelijk idee over hoe de elementen zouden moeten interacteren met de gebruiker. In overleg met mij werd besproken wat er daadwerkelijk mogelijk was. Het online magazine van de vorige collectie had ik als voorbeeld, maar ik ben vanaf ‘scratch‘ het nieuwe magazine gaan schrijven in Actionscript 3.0. Het geraamte van het magazine is een swf bestand (Shockwave Flash) dat meerdere swf bestanden bevat; een geraamte dat alle pagina’s bevat. Het voordeel van zo een opbouw is dat het enorm flexibel is in het aanpassen van de pagina’s of de volgorde daarvan. Als het geheel eenmaal online staat, word het ook veel sneller ingeladen dan wanneer het geheel één bestand zou zijn. Het geraamte stelt qua bestandsgrootte namelijk niets voor aangezien het alleen maar code en een menu bevat. Iedere pagina is qua bestandsgrootte redelijk groot. Deze worden één voor één ingeladen en virtueel achter elkaar worden geplaatst. Een bezoeker van de website die het magazine wilt bekijken zal in eerste instantie pagina voor pagina af gaan en zal dus niet in de gaten hebben dat de volgende pagina’s nog worden ingeladen. Er waren verschillende scripts nodig waarvan ik nog geen kennis had, om de juiste interactiviteit te verkrijgen. Ik heb daarom veel research moeten doen op verschillende webfora, gezocht in vele tutorials en soms bij studiegenoten aangeklopt. De opbouw zoals beschreven bracht namelijk ook veel moeilijkheden met zich mee. De communicatie tussen de swf van het geraamte en de swf’s van de pagina’s was voor mij het lastigste, ik geef drie voorbeelden.
1. Als een gebruiker door het magazine bladert moet een animatie op een pagina pas van start gaan als de gebruiker op de betreffende pagina aanbeland. 2. Bij het browsen door de pagina’s, tijdens de animatie van de ene naar de andere pagina, moesten de ‘volgende’ en ‘vorige’ knoppen tijdelijk functieloos zijn. Dat voorkomt dat als iemand per ongeluk dubbel klikt op één van de knoppen dat de waarden en posities van de pagina’s niet meer klopt. 3. Op enkele pagina’s zijn kleine details clickable om een grotere foto te laten zien. De huidige pagina verdwijnt dan helemaal onder die foto. Om verwarring te voorkomen mocht er niet doorgeklikt worden naar een volgende pagina voordat de foto gesloten was. Bij het klikken op de thumbnail moest het menu dus verdwijnen, en bij het sluiten van de foto moest het weer verschijnen. Nadat alle functionaliteit in het online magazine zat, moesten alle pagina’s worden voorzien van hi-res foto’s. De gekozen foto’s moesten eerst bij de fotograaf worden aangevraagd en daarna per swf bestand worden geplaatst. Als laatste moest de webpagina van het magazine gemaakt worden. Een simpel html frame waarin de swf word ingeladen, maar waar de functie van fullscreen nog aan toegevoegd moest worden. Deze werd bepaald in Flash, maar had ook een html-aanpassing nodig. Daarna werd het geheel opgestuurd naar de webbeheerder van Setpoint en zo stond mijn eerste opdracht online. Met gepaste trots sta ik ook bij de credits op de laatste pagina. Je kunt het magazine bekijken op dit webadres: http://www.setpoint.nl/magazine/index.htm, maar waarschijnlijk niet meer voor heel lang. De voorbereidingen voor het nieuwe magazine, Autumn/Winter 2010, is al in volle gang.
Looptijd: 4 weken
13
#BANNERS #PHOTOREEL #WEBDESIGN Diverse klusjes
L N
15
In de weken na de opdracht voor Setpoint diende er zich geen echt grote opdracht meer voor mij aan. Ik kreeg verschillende kleinere klusjes zoals het maken van banners en mailings. Ik heb ontwerpvoorstellen voor websites gemaakt, maar ook online photoreel gebouwd in Flash. Deze periode viel tussen de opdracht voor Setpoint en de tien weken durende stageopdracht. De drie opdrachten die genoeg stof geven om iets over te schrijven, heb ik per opdracht beschreven wat en hoe ik dat heb gedaan.
16
17
CanalDigitaal is een provider voor digitale en HD televisie via een satelietschotel, internet en telefonie en heeft ongeveer een miljoen Nederlandse klanten. Het bedrijf heeft zichzelf een paar jaar geleden op de kaart gezet met de commercial waarin twee klanten een monteur in verpakking meekrijgen in de winkel en deze vervolgens op het dak van de auto naar huis vervoeren. Deze commercial was ontwikkeld door Crossmarks. In maart dit jaar wilde CanalDigitaal een geheel nieuwe campagne om Nederland kennis te laten maken met HD televisie. Ik heb vanaf het begin met verschillende mensen van creatie meegedacht over de nieuwe campagne, maar uiteindelijk heb ik weinig invloed gehad op het uiteindelijke concept. Ik heb wel regelmatig wat ondersteunende taken gedaan zoals een presentatie voor het board van CanalDigitaal in elkaar zetten.
18
The Art of Living Well biedt deelnemende ondernemers een platform om elkaars hoogwaardige producten en diensten te combineren en met eenzelfde hoge kwaliteitsbeleving aan te bieden in een gezamenlijke showroom. Het platform komt tot uitdrukking in de payoff ‘creating together’. Er was door Crossmarks al een nieuwe huisstijl ontwikkeld die beter aansloot bij waar The Art of Living Well voor staat. De huidige website had dringend een opfrisbeurt nodig en daar mocht ik mee aan de slag. Ik heb de nieuwe stijl van alle elementen gebaseerd op het oude website ontwerp en op het logo dat was gemaakt door een designer van Crossmarks. Het grid van de website mocht nagenoeg niet veranderen zodat het omturnen naar de nieuwe look minder tijd in beslag zou nemen door de (externe) bouwer. Het enige dat ontworpen was voor ik aan het webdesign begon was een nieuw logo en een ander voorzichtig voorstel voor de website. Uit het design wat op tafel lag heb ik mijn design gebaseerd. De elementen zoals de tabbladen, de tekstblokken en de links naar alle partners heb ik ontworpen naar eigen idee met het ontwerp van het logo in acht genomen.
20
De Advantage Days, Jackets & Jeans, en een nieuwe Setpoint Store
De Advantage Days
Een twee wekende durende uitverkoop, genaamd de Advantage Days, had een plek nodig zodat het duidelijk naar alle Setpoint klanten gecommuniceerd kon worden. Een banner leidde alle klanten van setpoint.nl naar een aparte webpagina waarop alle informatie over de uitverkoop te lezen was. De pagina is ontworpen door de junior designer waarna ik het in Flash interactief heb gemaakt.
Jackets & Jeans
jACKet VAN 199,95 VOOR
149,95 JACKETS JEANS SpriNg/SummEr 2010 Sed lacinia pulvinar nibh eget rhoncus. Donec placerat, magna id convallis dignissim, neque sapien vehicula enim, vel lobortis nisl augue a nisl. Sed varius enim tincidunt metus auctor rutrum et vitae neque. Praesent tincidunt, lectus nec sodales interdum, velit massa ullamcorper sapien, ut iaculis.
5-pOCKet Nu
69,95
JACKET’S VAN 199,95 VOOR
149,95
JEANS VAN 99,95 VOOR
69,95
WOrD Nu VASTE KLANT U kunt het hele jaar door profiteren van vele exclusieve voordelen, zodra u een aankoop bij ons doet en u daarbij registreert als vaste klant. Dat is eenvoudig en nog gratis ook. Kijk op www.setpoint.nl onder de knop loyaliteitsprogramma voor meer informatie.
VOOR de OpeNiNgstijdeN eN filiAleN VAN setpOiNt gAAt u NAAR www.setpoint.nl
Een mailing met de titel Jackets & Jeans zou de nieuwe Spring / Summer collectie van Setpoint nog eens extra moeten onderstrepen. Het werd verspreid onder alle vaste klanten en is een specifieke verwijzing naar de zomerse kleding die Setpoint verkoopt. Ik heb een ontwerpvoorstel gemaakt naar het voorbeeld van eerdere mailings.
21
Een nieuwe Setpoint Store
genomen. Het probleem was dat vanwege beperkingen van Flickr alleen low-res foto’s ingeladen konden worden.
In mei dit jaar opende Setpoint een nieuwe winkel in Nijmegen. Hiervoor was een Flash photoreel nodig zodat de foto’s die gemaakt werden tijdens de opening op een mooie manier en in Setpoint stijl online gezet konden worden. Op activeden.com is een volledig aanpasbare photoreel gekocht die foto’s van Flickr kan ophalen en op een overzichtelijke wijze laat zien. De photoreel is gebaseerd op Actionscript 3.0 in combinatie met XML. Ik heb de photoreel volledig aangepast naar de stijl van Setpoint, maar uiteindelijk is het niet in gebruik
22
Crossmarks
vs.
Wordpress
Crossmarks zat al enige tijd verlegen om een nieuwe website. EĂŠn die up-to-date is qua portfolio en die de identiteit van het bedrijf op de juiste manier uitstraalt en kan vertellen. Om alle informatie die Crossmarks wilt vertellen is er meer nodig dan zomaar een simpele html-website. De grote hoeveelheid aan content die online gezet moet worden, heeft een Content Management System (CMS) nodig. En dat heb ik in tien weken gebouwd in Wordpress, een open-souce CMS.
24
De templates in Photoshop Alle pagina’s die in InDesign gemaakt waren moesten precies goed op raster worden gezet voordat er html van gemaakt kon worden. De afmetingen van alle elementen en de posities daarvan zijn erg belangrijk om een goed html-frame en css bestand te kunnen schrijven.
Net als bij de opdracht voor Setpoint lag ook voor
de pagina moesten worden uitgeknipt zodat ze
crossmarks.nl het design al op tafel. De eerste
onafhankelijk van elkaar in html bij elkaar konden
stap in het proces was om het ontwerp, gemaakt
worden gezet. Omdat ik bijna alle afmetingen al
in InDesign, om te zetten naar een op de pixel
had kon ik daarop een html frame met de daarbij
precieze versie in Photoshop. De afmetingen
horende css in Dreamweaver schrijven. Voordat ik
van alle elementen in pixels moesten duidelijk
in Wordpress kon gaan werken moesten namelijk
worden zodat ook de posities van de elementen
eerst de ‘hard’ gecodeerde webpagina’s gemaakt
bepaald konden worden. Dat was nodig voor de
worden. Alle interactieve elementen moesten
zes verschillende webpagina-ontwerpen die later
daarop werken. Bijvoorbeeld het menu dat uitklapt
in Wordpress als template voor alle webpagina’s
om een onderliggend menu te laten zien, de
zouden dienen. Ik ben er een week mee bezig
breadcrumbs die het goede spoor aangeven of alle
geweest om alles op de juiste manier om te
roll-overs van de verschillende links. Het omzetten
zetten.
van psd naar html duurde ongeveer twee weken.
Nadat alle Photoshop templates klaar waren voor het web moesten deze naar html-pagina’s
Nu ik alle html pagina’s gemaakt had, kon het
omgezet worden. Alle visuele elementen op
grote werk beginnen. Het verschil met een
25
Het back-end Hier stel je de Wordpress website grotendeels samen. Je kan er de pages en posts aanmaken, de categoriën geven, de plug-ins installeren en activeren, enzovoorts, enzovoorts. Wordpress biedt vanuit hier hulp om je website op te zetten. Er is ook een alsmaar groter wordend forum aanwezig waar je terecht kunt voor (bijna) al je vragen bij andere Wordpress gebruikers.
Php, html & css Bovenin zie je duidelijk welke template deze pagina aanroept. Vervolgens een php regel om de header op de pagina te plaatsen (get_header). Daaronder worden de verschillende foto’s met tekst aangeroepen zodat deze in de carrousel geplaatst worden. Dat is een combinatie van php met html. Als je surft naar crossmarks.nl zal de browser alle php omzetten naar de juiste html zodat de pagina bekeken kan worden.
‘gewone’ website en één die in Wordpress is
andere van dat soort bestanden, de templates.
gebouwd, is de flexibiliteit dat die laatste biedt.
Zoals page-portfolio.php of page-contact.php.
De website word namelijk door Wordpress
Deze pages maak je aan in het back-end waar
opgebouwd uit verschillende php bestanden.
je ook de juiste theme meegeeft. Ze kunnen
Grof gezegd een apart bestand voor de header,
verschillende content bevatten, maar veelal
de sidebar, de hoofdcontent en de footer. Zoals
bestaat die content uit posts.
bij iedere website standaard door de browser
Ik zal een post uitleggen aan de hand van een
wordt gezocht naar het index.html bestand, zo
case. Voor iedere case in de portfolio moet een
zoekt Wordpress naar het page.php bestand.
post in het back-end worden aangemaakt. Deze
Daarin staan kleine stukjes code die alle losse
bevat één of meerdere beelden, een stukje tekst
php bestanden (header.php, sidebar.php, enz.) op
en een categorie. Door middel van php geef je
roept en deze omzet naar html: het uiteindelijke
aan welke onderdelen van de post waar worden
resultaat dat je op je scherm te zien krijgt. Het
geplaatst. Bijvoorbeeld het kleine fotootje en het
uiterlijk van dat resultaat word bepaald door je
korte inleidende stukje tekst over de case voor op
‘theme’, ofwel de css. Naast de page.php die
de portfoliopagina en de meerdere grote foto’s en
dient voor de homepage zijn er nog een aantal
de volledig tekst voor op de casepagina.
26
Javascript / jQuery Alle jQuery die ik heb gebruikt is in principe allemaal al geschreven door iemand die daar veel meer verstand van heeft dan ik. Het zijn een soort van scriptpakketjes, losse javascriptbestanden, die je aanroept met één regel javascript. Op deze manier kan je veel resultaat bereiken met relatief weinig werk. Dat is immers al door een ander verricht. De slogan van jQuery luidt dan ook: ‘Write less, do more‘
Superfish Het menu dat met behulp van een plug-in in het back-end aangemaakt wordt, wordt ondersteund door een jQuery script genaamd Superfish. Hierdoor glijdt het submenu soepel naar beneden als de muis boven een menuknop zweeft.
Voor veel website elementen zijn er in Wordpress
account aangeven en van daaruit zal de plug-in
plug-ins te downloaden. Deze zijn meestal in css
foto’s ophalen en als thumbnails op de pagina
volledig aanpasbaar in het uiterlijk, bijvoorbeeld:
plaatsen. Ieder thumb linkt direct door naar flickr.
Een plug-in voor het menu in de header, welke
com.
alle pagina’s op geordende wijze laat zien. In
Het maken van een uitgebreid contactformulier
het back-end maak je verschillende pagina’s en
is vaak een hoop gepuzzel van php-script. Voor
subpagina’s aan: ‘Over Crossmarks’ met daarbij
degene die daar niet zo handig mee is zijn ook hier
‘Bureauprofiel’, ‘Medewerkers’ en ‘Contact’. Met
plug-ins voor te downloaden. In het back-end is
behulp van jQuery (Javascript) klapt het submenu
aan te geven hoeveel velden er nodig zijn, welke
op een soepele wijze uit.
velden verplicht zijn in te vullen, en naar welk
Op de homepage staan in de sidebar Twitterfeed
email account de vragen van de websitebezoekers
en Flickr thumbnails. Beide werken op een plug-
gestuurd moeten worden.
in. Voor de Twitterfeed kan je in het back-end
Ik noemde al eerder dat er verschillende
aangeven hoeveel tweets van welk Twitteraccount
bewegende elementen werken met behulp van
op de pagina geplaatst moeten worden. De Flickr
jQuery. Dat zijn ‘pakketjes’ Javascript die je net als
plug-in doet in principe hetzelfde. Je kunt één
een css-bestand oproept met één regel code. het
27
De selector De bezoeker van de website kan op de portfoliopagina een selectie maken tussen de verschillende cases. Als er op een categorie geklikt word, schuiven alle cases van die categoriën in beeld en verdwijnt de rest. De selector staat normaal gesproken op dezelfde lijn als de eerste drie cases. Zodra de bezoeker naar beneden scrollt en de selector de bovenste rand van de browser raakt, dan zal het daar blijven staan en ‘mee schuiven‘ naar beneden. Er kan ook op ALLE CASES geklikt worden. De donkerblauwe balk schuift dan naar beneden en verschijnt er een uitleg bij ieder icoontje. De bliksem staat bijvoorbeeld voor Fusionbranding, het handelsmerk van Crossmarks.
De accordion Om wat meer informatie op een kleiner stuk website kwijt te kunnen is er een jQuery accordion. Als de pagina word geopend zijn alle delen van de accordion gesloten. Word er op de link Probleem, Hoofdinzicht, Strategie of Meer informatie geklikt, dan schuift dat tekstblokje open, zoals dat nu het geval is bij Hoofdinzicht.
is een scripttaal die standaard door iedere browser
geschreven. Het back-end is volledig klaar voor
word gelezen; je hebt er geen plug-in voor nodig
gebruik. Alleen de echte content laat nu op zich
zoals je dat bij Flash wel nodig hebt. Het resultaat
wachten. De verschillende cases die Crossmarks
dat je kunt bereiken met jQuery ligt tegenwoordig
in het verleden heeft gedaan moeten uitvoerig
steeds dichter tegen de animaties die je in
worden gefotografeerd en beschreven zodat dat
Flash kunt maken. Sommigen beweren dan ook
online gezet kan worden. Zolang dat materiaal er
dat Flash langzaam maar zeker grotendeels zal
nog niet is, kan de website ook nog niet online
worden vervangen voor jQuery. Ik heb jQuery
gezet worden. De planning is dat dat pas in
onder andere gebruikt voor het menu in de
oktober 2010 gebeurd.
header, de animatie in de leader (de carrousel), in- en uitschuifbare tekstvlakken (de accordion) op de casepagina en de categorie selector op de portfoliopagina. De nieuwe website van Crossmarks is nu in principe helemaal af. Alle html en css is
Looptijd: 10 weken
28
Reflectie Ik moest begin februari direct vol aan de bak voor het online magazine voor Setpoint. De eerste dag was een rustige. EĂŠn om kennis te maken met het personeel en het systeem, maar op dag twee werd ik direct meegenomen in het proces van het magazine. Omdat er binnen Crossmarks eigenlijk niemand de kennis had om een goed werkend digitaal magazine in Flash te bouwen werd mijn werk erg gewaardeerd. Het gevoel van waardering vult de kleine stagevergoeding waar je iedere maand voor zit te werken best goed aan. Ik had voor ik hier begon al redelijke kennis van Actionscript 3.0 in Flash. Zo nu en dan bouwde ik al een Flash website. Met de opdracht voor Setpoint kon ik dus helemaal los gaan. Het begin was simpel. Het geraamte opzetten waarin het magazine kon werken was redelijk simpel, in ieder geval niet iets waar ik nieuwe dingen van leerde. Gaandeweg moesten er echter verschillende functies in die ik nooit heb hoeven gebruiken en waarvan ik dus ook niet wist hoe ik ze moest scripten. Ik heb daarom erg veel research gedaan. Ik heb veel internetfora bezochten en vragen en antwoorden bekeken van andere mensen, zo nu en dan mijn eigen vragen gepost, veel blogs
van Actionscriptdevelopers gelezen en ik heb meerdere tutorials bekeken. Ik heb nu hierdoor denk ik wel twee keer zoveel kennis van Actionscript dan toen ik in februari begon. Ook van de verschillende kleine opdrachten die ik heb gedaan of waaraan ik heb meegedaan heb ik een aantal nuttige dingen geleerd. Tijdens het concepten bijvoorbeeld moet je echt je mond open trekken om aan bod te komen. Heb je wel iets te zeggen, maar ben je te verlegen, dan kom je nergens. In tegenstelling tot de bijeenkomsten van de projectgroep op school, waar meestal iedereen even aan het woord werd gezet. Het bedrijfsleven is gewoon een stuk harder, er staat ook veel meer druk achter. Voor het maken van banners heb ik geleerd dat ik niet meteen met mijn Actionscript kennis moet gaan zwaaien. Ik kwam er namelijk achter dat veel websites banners die op die manier gebouwd zijn niet accepteren. Dus in plaats van dat alle animatie door code is bepaald, moet de animatie gewoon op de tijdlijn van Flash gecreĂŤerd worden. Ik ben erg blij dat ik het grote project van de nieuwe website voor Crossmarks mocht aanpakken. Ik wilde al langer leren om een open-source CMS te bouwen. De basis
29
daarvoor maakte me niet zoveel uit, of dat nou Joomla, Drupal of Wordpress zou zijn. Het is uiteindelijk Wordpress geworden, omdat de huidige website daar ook op gebouwd is. Ik had in de eerste week nog nul kennis van Wordpress, php of Javascript, maar ook mijn kennis van html en css was nog erg klein. In de tien weken dat ik aan de website bezig was heb ik enorm veel kennis opgedaan. Ik denk dat ik op het moment in staat ben om geheel op eigen houtje een volledige CMS kan bouwen. In tegenstelling tot met het Flash verhaal voor Setpoint, kon Marc (mijn stagebegeleider van Crossmarks) me nu wel verder helpen in het proces. Veelal liet hij me zelf op zoek gaan naar oplossingen voor de problemen die ik tegenkwam, maar als ik echt helemaal vast zat, had hij vaak een uitweg voor me. Ik vind het erg leuk dat ik ook een aantal dingen heb geleerd van Javascript. Het is een hoop gescheld en gevloek geweest als ik daar weer eens niet aan uit kwam. Maar precies hetzelfde zoals bij Flash en de eerste stappen in Wordpress ben ik door veel onderzoek en proberen een stuk wijzer geworden. De stage overall genomen is het allemaal net wat anders uitgepakt dan ik had
voorzien. Omdat ik begin dit jaar met MV als doorstroomprofiel verder ging binnen CMD had ik verwacht meer opdrachten te doen waarin ik ook de vorm mocht bepalen. Uiteindelijk kon ik qua mijn vormgevingkwaliteiten gewoon niet op tegen de designers die hier in dienst zijn. Het is dus ook logisch dat bijna al mijn ontwerpen (maar zeker niet alles) niet zijn gebruikt voor een eindproduct. Het was vanaf het begin van de stage afgesproken dat ik voornamelijk de interactive opdrachten zou gaan aanpakken met daarnaast verschillende vormgeving opdrachten. Het is uiteindelijk zo gelopen dat ik bijna alleen interactive ben gaan doen, techniek in plaats van vorm. Ik zie dat niet als nadeel, maar juist als groot voordeel van deze stage. Ik heb erg veel technieken bijgeleerd waar ik me wellicht anders nooit in had verdiept. Ik denk dat het vormgeven met de jaren beter kan worden als ik me er maar genoeg voor blijf interesseren, voldoende werk van anderen bekijk en de achtergrond erbij zoek om zo mijn eigen werk een niveau hoger te tillen. De combinatie van kennis van techniek en gevoel voor vorm zal denk ik een heel sterke combinatie zijn om mijzelf zo op de arbeidsmarkt te plaatsen.
Ingmar Krijtenberg Crossmarks ‘s Hertogenbosch Avans Hogeschool Breda Studentnr.: 2007713 2010