Stageportfolio CMD-stage Rubix Marketing Rijswijk Student: Bart Houdijk Studentennummer: 08034958 Docent: Nienke Hers Datum: 08-02-2016
1
Inhoudsopgave
1. Inleiding
1. Inleiding 3 2. Bedrijforiëntatie Rubix Marketing
5
2.1 Het bedrijf Rubix Marketing 6 2.1.1 Rubix pand 6 2.1.2 Wie is Rubix 6 2.1.3 Helden 7 2.1.4 Invloed 7 2.1.5 Motto 8 2.1.6 Ongeschreven regels 8 2.1.7 Doorgroeien 8 2.1.8 Dont’s 8 2.1.9 Who’s next 8 2.2 Bedrijfscultuur Rubix Marketing 9 2.2.1 Taakcultuur 9
2.3 Bedrijfsstructuur Rubix Marketing 10 2.3.1 Structuur 10 2.3.2 Functieomschrijving 10 2.3.3 Wat wil ik leren 11
3. STARRRT 1 13 3.1 Inleiding 14 3.2 Zelfstandig te werk 14 3.3 Mijn keuze 14 3.4 Begeleiden 15 3.5 Hij mag er wezen 15 3.6 Reactie 16 3.7 Reflectie 16 3.8 Voor de volgende keer 17
4. STARRRT 2 19 4.1 Inleiding 20 4.2 Huidige Situatie 20 4.3 Laten we beginnen… 20 4.4 En dan nu voor het eggie 20 4.5 Mijn leermoment 21 4.6 Is het al klaar? 21 4.7 Feedback leidinggevende 22 4.7.1 Cher Art-director 22 4.7.2 Anand Stagebegeleider 22 4.8 Reflectie 22 4.9 Voor de volgende keer 23
2
5. STARRRT 3 25
5.1 Inleiding 26 5.2 Het stage bezoek als aanleiding 26 5.3 Goede voornemens 26 5.4 Een opdracht 26 5.5 Niet mijn sterkste kant 27 5.6 Verwachtingen 27 5.7 Zoals op school? 28 5.8 Vorm 28 5.9 Gevonden 28 5.10 Wat vinden we er van? 29 5.11 Vervolg actie 29 5.12 Toch nog goed 31 5.13 De baas van het plannen 31 5.14 De reactie 32 5.15 Gaat het werken? 32 5.16 Wat vind ik? 32 5.17 Altijd achteraf 33 5.18 Wat weet ik nu? 33 5.19 Volgende keer anders? 34 5.20 Meer bekend 34 5.21 Van fouten moet je leren 34 5.22 Nog eens plannen? 34
6. Eindreflectie
37
6.1 Competenties 38 6.2 Leerdoelen 39 6.3 Sterke en zwakke punten 39 6.4 Confrontatie Theorie & Praktijk 40
Interne Bijlage 43 Bijlage1 Organigram 44 Bijlage 2 Teamfoto 45 Bijlage 3 USP’s etaleren 46 Bijlage 4 Producten Gallerij 47 Bijlage 5 Wireframes 48 Bijlage 6 Balkenplanning 57 Bijlage 7 Schets Anand 61 Bijlage 8 Planning eindproduct 62
Externe Bijlagen 65
Externe Bijlage 1 Leerovereenkomst Externe Bijlage 2 Feedback week 10 Externe Bijlage 3 Feedback week 20 Anand Externe Bijlage 4 Feedback week 20 Cher Externe Bijlage 5 Urenverantwoording
66 67 69 72 75
Tijdens mijn stageperiode bij Rubix Marketing heb ik een hoop geleerd en een hoop gedaan. In dit stageportfolio licht ik mijn activiteiten bij Rubix toe. In hoofdstuk 2 ga ik het hebben over het bedrijf zelf. Wat kan er bij Rubix marketing wel en wat moet je absoluut niet doen, wie zijn de helden van het bedrijf en hoe is het bedrijf ontstaan. Daarna de bedrijfscultuur, hoe zit het bedrijf in elkaar? Wie is er de baas? En als laatste de bedrijfststructuur. Welke lagen bestaan er binnen het bedrijf, hoe functioneren de afdelingen in relatie tot elkaar en wat is mijn positie binnen het bedrijf. In hoofdstuk 3, 4 en 5 zal ik een paar van mijn taken/ activiteiten binnen mijn stageperiode toelichten in de STARRRT opdrachten. In deze opdrachten zal ik voornamelijk in gaan op de hoe, wat en waarom vragen. STARRRT staat voor: - Situatie - Taak - Actie - Resultaat - Reactie - Reflectie - Transfer Belangrijk is dus, dat duidelijk wordt voor de lezer, wat ik gedaan heb, waarom ik dat zo gedaan heb, wat ik en andere er van vonden en wat ik er van geleerd heb. Na de STARRRT opdrachten volgt in hoofdstuk 6 de eindreflectie. Hier ga ik het hebben over mijn beroepscompetenties, leerdoelen, sterke en zwakkere punten en hoe ik mijn activiteiten binnen mijn stage kon linken aan de theorie en praktijk zoals wij die op school geleerd hebben. Na de eindreflectie vind je de bijlagen. Dit zijn documenten met afbeeldingen van opdrachten en andere toelichtingen. In de externe bijlagen staan feedbackformulieren en mijn urenverantwoording. Dit portfolio is bedoelt voor mijn stagebegeleidster Nienke Hers die mij begeleid heeft in lessen en feedbackmomenten op de terugkomdagen. Ook is zij op stagebezoek gekomen bij Rubix Marketing. Veel leesplezier!
3
2. BedrijforiĂŤntatie Rubix Marketing
4
5
onderscheid gemaakt in of je serieus bent in het gebruik van straattaal of dat je gewoon een geintje maakt. Er leven best wat verschillende talen op de vloer zoals ik het ervaar. Iedereen spreekt gewoon Nederlands maar omdat de een uit Suriname komt, de ander uit de Antillen en weer iemand uit Australië bijvoorbeeld zijn er naast het gewone Nederlands best wat accenten te bekennen.
2.1 Het bedrijf Rubix Marketing
Ongeveer een keer in de maand is er op vrijdagmiddag een borrel. Je bent als medewerker verplicht om in ieder geval van 16.00-17.00 bij de borrel aanwezig te zijn. Meestal zijn de borrels erg gezellig en het zorgt er voor dat je nog net iets meer met je collega’s in contact komt. Niet iedereen hoeft perse een biertje te drinken maar gezellig is het sowieso.
2.1.1 Rubix pand Het pand van Rubix marketing is een vrij saai ogend pand op een industrie terrein in de Broekpolder. Het lijkt alsof ze hier nog niet heel lang zitten want er hangt nog reclame van het bedrijf dat voorgaand aan Rubix het pand gebruikte. Naar mijn idee willen ze er niet te veel tijd en geld in steken of wachten ze tot het juiste moment. Op de boven etage zit een ander bedrijf en mogelijk wil de directeur Jerrel deze etage er in de toekomst bij hebben. Grote plannen die mogelijk veroorzaken dat het pand op dit moment niet zo veel aandacht krijgt. De eerste 8 weken zat de development afdeling in een vrij klein hok maar terwijl ik dit schrijf zitten we ondertussen in een grotere ruimte.
2.1.3 Helden
“Slagen door hard te werken”
afb.1: Gevel Rubix Marketing
2.1.2 Wie is Rubix Rubix marketing is ontstaan na het faillissement van snapmedia. De vorige directeur heeft de medewerkers op straat laten staan en is er zelf vandoor gegaan met het geld. Omdat ze hard bezig zijn met klanten winnen en opdrachten afronden wordt zelfstandig werken gewaardeerd op een semi-formele maar wel professionele manier. Elkaar helpen is ook iets dat veel gebeurd en gewaardeerd wordt. Het bedrijf wil alles aannemen dat er langs komt. Zo hebben ze klanten van kleine rijscholen tot aan grote strandtenten met 3 vestigingen. Ze willen graag laten zien wat ze kunnen en zo groot mogelijk worden. Ondanks dat het een vrij jong en natuurlijk ook een webdesign bedrijf is, hebben ze minder met zo hip, flexibel en cool ogen. Ergens is dit natuurlijk jammer maar het oogt ook professioneel en alsof je meer oog hebt voor het werk dan voor de gezelligheid en lollen. De medewerkers van Rubix hebben zich te Afb.2: De werkruimte gedragen, niet zo zeer formeel maar er moet normaal gedaan worden. Ook qua kleding mag je redelijk casual naar werk komen maar het is niet de bedoeling dat je in een compleet trainingspak of in je hotpants komt opdagen. Je dient op een normale manier met elkaar te communiceren en straattaal is dan ook niet iets dat ze graag op de vloer horen. Er wordt natuurlijk ook wel 6
Een held is er niet echt binnen het bedrijf, wat mij wel opvalt is dat de gesprekken best regelmatig terecht komen op de vorige eigenaar. Behalve dat de medewerkers natuurlijk niks meer met de man te maken willen hebben klinkt hij toch ook wel als een apart en interessant figuur. De gesprekken gaan dan vooral over hoe hij klanten opbelde met een grote mond of op de tafels kwam slaan om te zeggen dat iedereen door moest werken. Behalve de oude directeur gaat het vaak over wat mensen in het weekend gaan doen of gedaan hebben en andere dagelijkse dingen.
2.1.4 Invloed Wat mij opvalt is dat iedereen binnen het bedrijf redelijk gelijk behandelt wordt. Het is natuurlijk zo dat Jerrel de directeur is en de zaken moet sturen maar anderen hebben ook zeker invloed op hem. Zo kunnen verkopers of medewerkers van de buitendienst kritisch zijn over prijsvoering en dat soort zaken. In plaats van dat Jerrel alles bepaald heb ik het idee dat er een hoop andere mensen kunnen bepalen hoe en wat er gaat gebeuren. Het hoofd van SEO, Quinten, heeft bijvoorbeeld ook weer invloed op Anand. Hij kan soms vrij direct eisen opleggen aan Anand. Dit was voor mij apart om mee te maken, dit voornamelijk omdat Quinten een jongen is van mijn leeftijd. Anand is ook een man met invloed. Hij stuurt een groot team aan, kan snel switchen en is eigenlijk constant druk met begeleiden, klanten te woord staan en problemen oplossen met bijvoorbeeld de server of andere zaken. Anand en Jerrel zijn stiekem samen een beetje de baas over het bedrijf, zo oogt het in ieder geval. De afdelingen zijn redelijk gegroepeerd, de development afdeling waar ik zit is groot en vrij jong qua medewerkers, de sales afdeling zijn voornamelijk mensen die 30+ zijn en de SEO afdeling is rond de 25 maar vrij klein en op zichzelf. De afdelingen mengen af en toe in de pauze maar staan toch altijd wel los van elkaar. Heel af en toe komt er een verzoek van een afdeling niet via Anand binnen maar gaat direct naar een medewerker, dit is het enige moment dat de afdelingen elkaar in de weg zitten. Anand de Operations Manager houdt liever de touwtjes zelf in handen zodat hij weet waar iedereen mee bezig is en kan bepalen of een opdracht binnen zijn planning past.
7
2.1.5 Motto Als ik een motto moet bedenken voor Rubix Marketing zou ik persoonlijk kiezen voor iets als: “Slagen door hard te werken” Iedereen werkt hard en ondanks dat de één een leukere of interessante positie heeft dan de ander hoor ik mensen nooit klagen over het werk.
2.2 Bedrijfscultuur Rubix Marketing
2.1.6 Ongeschreven regels
2.2.1 Taakcultuur
Rubix is ontstaan na het faillissement van een vorig bedrijf. Ik krijg het idee dat de directeur en andere medewerkers dit nog steeds in hun achterhoofd hebben zitten. Ze gaan er van uit dat mensen hun best doen en de boel niet belazeren. Ik denk dan ook dat je binnen dit bedrijf je geliefd maakt door open en oprecht te zijn en hard te werken.
Aan de hand van de theorie ben ik goed om mij heen gaan kijken en hoe Rubix in elkaar zit. In het model van Harrison & Handy is er een keuze uit vier verschillende culturen. Ik denk dat het moeilijk is om Rubix in een hokje te proppen maar om toch een keuze te maken vind ik de bedrijfscultuur het meest weg hebben van een Taakcultuur.
2.1.7 Doorgroeien
Veel taken die uitgevoerd worden binnen Rubix gebeuren in teamverband en de persoon met de meeste deskundigheid heeft vaak ook het meeste macht over een project. Deze mensen zal dan ook vaak gevraagd worden of een taak juist is uitgevoerd of niet. De minder deskundigen worden geholpen door de werknemer met meer ervaring en leert op die manier steeds weer bij.
Doorgroei mogelijkheden zijn lastig te bepalen. Op dit moment is het bedrijf nog niet zo groot dat er veel leidinggevende posities zijn en de posities die er zijn die zijn al gevuld. Mocht zo’n positie vrij komen denk ik dat deze te verkrijgen is door initiatief te tonen en er compleet voor te gaan.
2.1.8 Dont’s Don’t binnen het bedrijf zijn zoals al beschreven, de boel belazeren. De leiding en een groot deel van de medewerkers zijn best trots op wat het bedrijf in korte tijd bereikt heeft en zij zullen dus ook niet blij zijn als iemand hier bewust onrust in zal stoken.
De klant is bij rubix koning en alles dat gemaakt wordt zal altijd met de klant besproken worden en indien nodig aangepast worden tot de klant tevreden is. Nu maar zeker in het verleden heerst er een grote extreme kracht. In het verleden is er bij Rubix ingebroken, de directeur zorgde er voor dat er binnen twee uur weer werkende computers op de bureaus stonden. Het team heeft toen in extreem korte tijd maanden aan werk verricht om. het horen van dit soort verhalen zorgt er voor dat ik zelf ook meer respect krijg voor de werkwijze en instelling van het bedrijf.
2.1.9 Who’s next Voor een volgende stagiaire wil ik enkel zeggen, wees bereid om hard te werken en zorg vooral dat je behalve de gegeven taken ook vraagt om dingen die je wilt leren of wilt doen. Stel je krijgt enkel herhalingsopdrachten of opdrachten waar je niet in geïnteresseerd bent dan zullen ze in dit bedrijf waarderen dat je zelf initiatief toont en vraagt om een nieuwe uitdaging.
8
9
2.3 Bedrijfsstructuur Rubix Marketing
Ik krijg naar mijn idee ook meer vrijheid en verantwoordelijkheid dan sommige andere stagiaires, dit voornamelijk omdat ze er vanuit gaan dat ik op grafisch vlak ook kennis heb en daar niet constant navraag over hoef te doen.
2.3.1 Structuur
Ik hoop bij Rubix een hoop te leren over Wordpress, dit is het content management systeem waarmee Rubix voornamelijk zijn websites maakt. Het is een handige manier om websites te bouwen omdat er niet heel erg veel code schrijven bij komt kijken. Ook voor later is dit goed om te kunnen omdat een hoop bedrijven hier mee werken. De klanten willen vaak zelf hun website aan kunnen passen en dan kan met Wordpress vrij gemakkelijk uitgelegd worden.
Rubix marketing is een middelgroot bedrijf als je kijkt naar het aantal mensen dat er werkzaam is maar toch zijn de lijnen kort. Als werknemer kan je met vragen makkelijk naar een collega lopen of naar de directie. Rubix is hierom een ondernemingsorganisatie.(Mintzberg) De hierarchie is in het bedrijf ook relatief gelijk en iedereen heeft de mogelijkheid om zijn mening te laten horen. Mijn functie binnen het bedrijf is medewerker/ stagiaire op de development afdeling. Ik ben hierin redelijk gelijk aan de andere werknemers, voornamelijk omdat deze meestal part-time werken. Mij leidinggevende zijn Cher, de art-director en Anand de operations manager.
2.3.2 Functieomschrijving Mijn functie binnen het bedrijf is medewerker/ stagiaire op de development afdeling. Ik ben hierin redelijk gelijk aan de andere werknemers, voornamelijk omdat deze meestal part-time werken. Mij leidinggevende zijn Cher, de art-director en Anand de operations manager. Rubix heeft mij aangenomen om aan het werk te gaan als een webdeveloper met een mix van vormgeven. Zo ben ik breed inzetbaar en kan ik een hoop verschillende taken uitvoeren. Dit maakt het werk leuk en gevarieerd.
2.3.3 Wat wil ik leren
De beroepscompetenties die ik gekozen heb om aan te werken tijdens mijn stage zijn de: - Look & Listen fase - Create concepts fase - Design details fase - Realise fase - Evalueren en testen tijdens alle fasen - Verantwoordelijkheid nemen voor jezelf en anderen Dit betekent dat ik elke stap uit een project hoop te kunnen doen binnen mijn stagetijd bij Rubix Marketing.
Afb.3: Mijn werkplek
10
11
3. STARRRT 1
12
13
3.1 Inleiding In week zes van mijn stage bij Rubix marketing kreeg ik de opdracht op een website te ontwerpen voor online visa aanvragen. Rubix wil samen met een partner een bedrijf opzetten in deze aanvragen en zo als bemiddelaar tussen de klant en het consulaat. Ik werd aangewezen om de bouw van deze website in goede banen te leiden en beslissingen te maken over de vormgeving en inhoud.
Hier het formulier, je ziet dat de boxen waar het formulier in geplaatst is niet netjes uitlijnen en niet aansluiten met de afbeelding die er achter staan. Dit is gemakkelijk te verhelpen maar door de inhoud van het formulier niet mogelijk. Er moet nog een titel boven en dit houdt in dat de helft van de invoervelden niet in dit element moeten staan.
De opdrachtgever, art-director en de baas van Rubix zijn de mensen waaraan ik mijn keuzes moet verantwoorden en zij geven de feedback op mijn werk. Het is dus belangrijk dat ik mijn keuzes kan verantwoorden en verwoorden.
3.2 Zelfstandig te werk Mijn rol/taak in de opdracht plaatst mij praktisch in de schoenen van een uitvoerende projectleider. Zowel grafisch als technisch krijg ik de verantwoordelijkheid over de opdracht met daarbij feedback van de art-director. Omdat ik, naast de art-director, de enige ben die grafisch meer kan, krijg ik vanaf het begin de leiding over dit project. Met dit project hoop ik te laten zien dat ik zelfstandig aan het werk kan en de juiste keuzes kan maken om het project tot een goed eind te laten komen. De opdrachtgever verwacht dan ook dat ik dit project zelfstandig oppak en de taken die ik niet uit kan voeren doorgeef aan collega’s of samen met collega’s uitvoer. Zelf verwacht ik te leren hoe het is om zonder te veel tussenkomst van anderen een project uit te voeren en voor een langere periode aan een project te werken.
3.3 Mijn keuze Voor www.visa-turkiye.eu/nl heb ik vanaf dat het project op papier stond de verantwoordelijkheid op mij genomen. Er moest een template gekozen worden, keuzes over kleurgebruik gemaakt worden en content gevonden en gemaakt worden. Voordat ik begon wilde ik wel zo veel mogelijk informatie hebben, hoe meer ik duidelijk heb voor mijzelf, hoe minder ik later aan hoef te passen. Ik heb een snelle benchmark uitgevoerd door te kijken naar andere e-visum websites. Daarbij keek ik naar wat deze websites goed en slecht deden, ook vergeleek ik bekende websites zoals die van de ANWB, met onbekende websites. Aangezien er online iets gekocht wordt moet de website er natuurlijk betrouwbaar uit zien. Qua vormgeving heb ik daarom ook gekozen om te kijken naar de rijksoverheid en ANWB. Na de template keuze was er de keuze om te kiezen voor een full-width page of een boxed layout. Omdat “officiële” websites vaak boxed zijn heb ik er voor gekozen om ook voor een boxed-layout te gaan. Mijn opdrachtgever was het hier mee eens en ik kon van zijn gezicht aflezen dat hij blij was met deze ingeving. Na het invullen van de template en plaatsing van elementen reageerde de opdrachtgever meerdere malen positief. Dit motiveerde mij des temeer om het project succesvol af te ronden. De samenwerking met mijn collega’s ging uitstekend. Ik had ze niet heel vaak nodig maar bepaalde technische aspecten schelen een hoop tijd als je het aan een specialist over laat. Mijn collega’s zijn toegankelijk en gemakkelijk in omgang. Dit zorgt er voor dat de te bespreken taken gemakkelijk over te brengen zijn en goed uitgevoerd worden. Lastig was het aanvraagformulier dat in de website verwerkt werd. Dit formulier is door een extern bureau gemaakt maar wij moesten het stijlen. Een formulier wil je natuurlijk mooi hebben maar het moet ook functioneel blijven. Omdat het formulier ook op de homepage moet komen en de 14
ruimte maar beperkt is, waren daar nog wat aanpassingen voor nodig. Deze actie liep alleen via mijn opdrachtgever omdat hij in contact stond met het externe bureau. Soms duurde het even voordat deze aanpassingen gedaan werden en dat zorgde er voor dat ik niet altijd zo hard kon doorwerken als ik wilde. Responsive functioneerde de website goed. Er moesten wel een aantal elementen aangepast worden zoals het mobiele menu en de uitlijning van een aantal afbeeldingen en teksten maar er waren gelukkig weinig onderdelen die voor echte problemen zorgde.
3.4 Begeleiden Af en toe komen er bij Rubix mensen meelopen die hier ook stage willen lopen. Af en toe komt het voor dat die stagiaires gekoppeld worden aan andere medewerkers of stagiaires zoals ik. Aangezien er in week 8 een aantal mensen kwamen meelopen had ik twee mensen die ik moest aansturen (niet tegelijk). Een student kon ik wat CSS opmaak werk laten doen aan de visa-turkiye website. De andere student heb ik laten stoeien met het opmaken van het aanvraag formulier. Deze begeleiding ging bij de eerste student minder soepel omdat het uitleggen van de taak meer tijd koste dan het daadwerkelijk uitvoeren. De tweede student heb ik iets losser gelaten en gewoon zijn gang laten gaan. Ook hier weer van geleerd, zeker op een meeloop dag is iemand zijn gang laten gaan veel beter. Zo kun je aan het eind van de dag goed evalueren of iemand zijn taken begrijpt en logisch uitvoert.
3.5 Hij mag er wezen Het eerste deel van het project zit er op en iedereen is tevreden. Uiteindelijk dient de pagina opnieuw opgemaakt te worden in nog 14 andere talen. Waarschijnlijk zullen er dan nog andere aanpassingen plaatsvinden om bepaalde implementaties van tekst gemakkelijker te maken. Het opgeleverde eindproduct is eigenlijk een deelproduct van een groter plan. Dit is de basispagina waar andere pagina’s op gebaseerd worden. Het komt er op neer dat als deze pagina goed is de pagina ook goed gaat zijn in andere talen.
15
Ik heb tijdens het project niet heel veel te maken gehad met andere collega’s maar de sfeer is onveranderd. De samenwerking verliep soepel en feedback en iteraties konden bijna altijd direct uitgevoerd worden. Door constant te fine-tunen bleef ik goed bezig en gefocust op mijn werk. Het eindresultaat doet wat het moet doen en oogt als een betrouwbare, goed werkende website. Als de website uiteindelijk in gebruik is moet natuurlijk blijken of de gebruiker het ook zo ervaart.
3.6 Reactie Voor de reacties kon ik helaas alleen bij mijn stagebegeleider terecht. De art-director was een weekje op vakantie en kan ik daarna pas om feedback vragen. De reacties van Anand was positief alleen miste hij een stukje rapportage. Hij verwacht vaker updates via de mail over wat er af is, welke acties nog open staan, wat voor deadlines ik voor mij zelf stel en mogelijk een planning. Door het missen van de updates voelde het soms of het project stil stond en dan vroeg hij zich af waar dit aan lag. Was dit expertise of technische kennis?
3.7 Reflectie Ik kan mij vinden in Anand zijn feedback. Soms was ik zo druk bezig met het visa project en tegelijk ook met andere klussen dat het stukje rapportage aan hem niet in mij op kwam. Deadlines vind ik lastig want ook als ik een deadline kreeg en dit bijvoorbeeld niet haalde leek dit geen probleem, in sommige gevallen zou de “baas” een afspraak maken die dag maar kwam dit er voor hem ook niet van, hierdoor had ik dan extra tijd. Het niet maken van de afspraak lag niet aan mijn voortgang maar meer aan zijn persoonlijke agenda. Omdat de meeste taken voor mij nieuw waren is een planning maken ook lastig. Dit zijn wel zaken waar ik in het vervolg meer op wil letten en naarmate ik meer ervaren ben ook makkelijker kan inschatten. Al met al denk ik dat ik beter had kunnen handelen maar dat ik binnen de tijd en beschikbare middelen en informatie goed gehandeld heb en voldoende zelfstandig ben geweest.
16
3.8 Voor de volgende keer Een van de grote ergernissen voor mij tijdens dit project was dat de content ontbrak. Om de vormgeving van een pagina te bepalen is het handig om te weten hoe veel tekst er op de pagina gaat komen en ook om te weten waar de tekst over gaat. Volgende keer lijkt het mij heel fijn als ik de teksten alvast heb zodat ik gerichter te werk kan gaan. Ook de menu structuur was nog niet helemaal bekend was waren teksten erg handig geweest om zelfstandig de structuur te bepalen. Zoals al eerder beschreven heb ik tijdens het begeleiden van andere stagiaires ook gemerkt dat ik daar iets geleerd heb. Het belangrijkste leermoment daar is om de stagiaire een duidelijke opdracht te geven en ze dan los te kunnen laten. Zo kan de stagiaire het best laten zien wat hij kan. Mocht er weer een situatie komen waarin ik een stagiaire kan begeleiden dan zal ik dit waarschijnlijk alleen doen als mijn stagebegeleider een duidelijke opdracht heeft. Op deze manier scheelt het mij het meest tijd en kan de stagiaire fatsoenlijk aan de slag. Mocht dit niet lukken zal ik mijn begeleider aan moeten geven dat dit niet handig is. In dit project heb ik ook kleine vergaderingen gehad met de begeleiders, collega’s en opdrachtgever. Fijn aan deze vergadering was dat dit niet bij eerdere opdrachten voorgekomen was. Het zorgt voor meer duidelijkheid over wat het plan is maar ook over wat de opdrachtgever verwacht en wanneer. Wat vaak voorkomt bij projecten is dat de deadline overschreden wordt. Dit is binnen dit bedrijf meestal geen ramp omdat de website niet het enige is dat nodig is maar bijvoorbeeld ook een callcenter dat er achter zit of andere partijen die gelinkt moeten worden. Ik streef natuurlijk wel naar het halen van de deadline en dat is iets dat ik in de toekomst (de volgende STARRRT ) harder aan wil pakken. Wellicht moet ik voor mijzelf een deadline stellen als de opdrachtgever dit niet kan doen. Voor de volgende opdracht hoop ik weer zelfstandig de touwtjes in handen te hebben. Dan zorg ik er voor dat het project nog soepeler loopt, dat het tempo hoger is en dat ik er voor zorg dat de dingen die ik nodig heb er ook zijn voordat ik aan het project begin. Dan kan er efficiënt en snel gewerkt worden. Ook wil ik de volgende keer vooraf schetsen en contact schematisch plaatsen om minder tussenkomst van de art-director te hoeven hebben.
17
4. STARRRT 2
18
19
4.1 Inleiding STARRRT opdracht 2 vindt plaats in de eerste twee weken van November. Voor de klant Comparisa die in het zelfde gebouw als Rubix marketing zit, moest ik een website maken, het bedrijf specialiseert zich in lead generatie. Lead generatie houd kort in dat mensen die bijvoorbeeld een klus hebben op het gebied van zonnepanelen of verwarmingen een aanvraag kunnen doen voor een offerte. Het bedrijf Comparisa speelt deze aanvraag dan door naar aannemers. De klant kan dan vervolgens de goedkoopste of meest geschikte offerte kiezen. Zo heeft de klant het meest aantrekkelijke voorstel en krijgen de aannemers klussen binnen. De aannemer betaalt Comparisa per “lead” een x-bedrag. Zo verdient Comparisa weer aan de doorgespeelde klanten.
Na dit onderzoek ben ik gaan tekenen. Binnen twee uur had ik van elke belangrijke pagina een wireframe gemaakt en wist ik precies hoe ik de website zou gaan opbouwen. Toen de wireframes af waren was de eerste helft van de dag nog niet eens voorbij en kon ik direct gericht aan de slag. In 1,5 dag heb ik meer werk verricht dan in de hele week er voor en al snel begon de website vorm te krijgen. De wireframes hielpen mij erg goed als houvast en gaven structuur aan mijn werkzaamheden. In het verleden vond ik vooronderzoek vaak onzin en wilde ik gewoon aan de slag maar nu ik deze werkwijze heb toegepast merk ik hoe rendabel vooronderzoek is.
4.2 Huidige Situatie De huidig website van Comparisa stelt erg weinig voor en bevat weinig informatie over het bedrijf zelf. Omdat Comparisa graag persoonlijke aandacht wil uitstralen was dit een groot aandachtspunt. Daarnaast moesten er meer call-to-actions op de website. De opdracht liep via mijn begeleider Anand maar ik heb wel meerdere malen contact gehad met de klant zelf. Om content te creëren heb ik foto’s gemaakt van het team en ik heb met de directeur van Comparisa de concurrenten doorgenomen.
4.3 Laten we beginnen… In eerste instantie was ik, na het kiezen van een template, direct begonnen met het bouwen van de website. De deadline zou oorspronkelijk een week zijn vanaf het moment dat ik begon en ik wilde dus geen tijd verliezen. Ik was geheel zelfstandig verantwoordelijk voor de vormgeving maar ook de content van de website. Omdat de klant geen materiaal aanleverde was dit al het eerste struikelblok. Een website die persoonlijkheid moet uitstralen moet de content hebben die daar bij past en dat was nu niet het geval. Na een opzet gemaakt te hebben en een groot deel van de elementen geplaatst te hebben, miste ik een hoop, had ik te lang gedaan over een onder de maat resultaat en liep ik ver achter op de deadline. Ik had, verstandig genoeg, wel telkens mijn voortgang gecommuniceerd aan mijn opdrachtgever en al ruim van te voren aangekondigd dat ik de deadline niet zou halen op deze manier. Na overleg met mijn opdrachtgever en de art-director kwamen we tot de conclusie dat mijn huidige aanpak niet ging werken. Om het project tot een succes te maken moest ik terug naar het begin en afstand nemen van de computer.
“Om het project tot een succes te maken moest ik afstand nemen van de computer”
4.4 En dan nu voor het eggie Op de dag van de deadline begon ik na binnenkomst direct met een klein onderzoekje naar de elementen die nodig waren voor de website, daarbij heb ik gekeken naar websites van concurrenten maar ook naar andere templates, voor bruikbare elementen. Dit bracht bij enigszins terug naar het vak Patterns of Interaction waar we ook keken naar website elementen, hoe ze gebruikt werden en waarom. Ik heb voornamelijk gekeken naar welke content ik verwachtte dat de pagina’s nodig hadden en heb aan de hand daar van passende elementen gekozen die de informatie zo duidelijk en aantrekkelijk mogelijk weergaven. 20
Afb. 5:Voorbeeld van element vormgeving m.b.v. onderzoek. Mzzeer in Bijlage 2,3 & 4
4.5 Mijn leermoment Ik ben er achter gekomen dat georganiseerd beginnen aan een project een enorme meerwaarde heeft en erg goed helpt voor een snelle voortgang van een project. Na het vooronderzoek en de wireframes kon ik gerichter aan de slag omdat ik al een eindresultaat voor ogen had, voorheen was ik dit eindresultaat aan het verzinnen terwijl ik bezig was en omdat niks vast staat is het dan gemakkelijk om te twijfelen aan waar je mee bezig bent en telkens weer dingen te veranderen. Met de wireframes zorg je vooreenheid en structuur. Een ander leermoment was dat een planning goed geholpen zou hebben. Deadlines stellen was iets dat ik niet gedaan had waardoor ik vaak te veel tijd aan lastige punten besteedde die ik beter voor later had kunnen bewaren.
4.6 Is het al klaar? Het resultaat van mijn keuze om wireframes te maken is dat de website nu qua opbouw bijna helemaal af is. Er moet content geplaatst worden in plaats van dummy tekst en de gemaakte foto’s van het team moeten nabewerkt worden en zodat het grootste deel van de stock fotografie vervangen kan worden door echte foto’s. Het echte resultaat van de wireframes is natuurlijk dat de website er leuk uit ziet maar gaat voornamelijk over gewonnen tijd. Ik denk namelijk dat ik zonder deze aanpak de website niet in vijf werkdagen af had gekregen zoals nu wel gelukt is.
21
4.7 Feedback leidinggevende
4.9 Voor de volgende keer
4.7.1 Cher Art-director Na het eerste gesprek met Bart, kwamen we tot de conclusie dat hij zich soms ‘verliest’ of blijft hangen tijdens het afronden en perfectioneren van de site. Samen hebben we besproken dat het misschien beter was om eerst te focussen op de wireframes en dan pas op het digitaal uitwerken van de wireframes. Dit heeft hij goed opgepakt, en er is nu een duidelijk verschil in de werkwijze van Bart. Hij werkt nu stukken efficiënter dan voorheen.
De volgende keer zou ik, zoals ook aangegeven door mijn stagebegeleider, duidelijkere deadlines stellen voor mijzelf. Aan de hand van de gegeven einddeadline zou ik voor mijzelf een inschatting maken van het aantal pagina’s de content en het aantal uren of dagen dat ik nodig denk te hebben voor een bepaald onderdeel. Ik denk dat wireframes hier ook erg goed bij zullen helpen omdat de pagina structuur dan al bekend is en ik zelf kan bepalen hoe lang ik voor sommige elementen nodig denk te hebben.
Bart kan goed meedenken met de klant, en kan naast het technische deel van de website ook goed de vormgeving bepalen, en toepassen. Het tempo, technische vaardigheden, inzicht, communicatie, vormgeving, meedenken met de klant, zelfstandigheid etc. zijn in orde.
“Hij werkt nu stukken efficiënter dan voorheen”
Ondank dat Bart grote stappen heeft gemaakt, zijn er wel punten waar Bart nog extra aandacht aan zou kunnen besteden. Deze liggen vooral in de trant van overzicht en structuur. Het zou hem helpen, als hij meer voor zich zelf een trajectplan, puntenlijst en wireframe maakt, zodat hij zich niet verliest tijdens het uitwerken. Verder hebben we weinig tot niks te klagen. Hij is voor ons een waardevolle toevoeging voor het bedrijf. Met een gerust hart kunnen we Bart zijn gang laten gaan, en weten we dat het project (met af en toe wat aanwijzingen qua efficiëntie) goed word opgepakt. 4.7.2 Anand Stagebegeleider Ik kan niet veel toevoegen na de feedback van Cher. Mee eens! Goed: Bart is zelfstandig, heeft een goed inzicht van wat wel en niet belangrijk is en heeft oog voor detail. Het resultaat is netjes, geordend en conversie gericht. Verbeterpunten: juiste balans vinden in kwaliteit en snelheid. Niet te lang blijven hangen bij issues die te veel tijd in beslag nemen. Loslaten en eventueel hulp zoeken. Tijd = Geld
4.8 Reflectie De feedback gegeven door mijn begeleiders is feedback waar ik mij in kan vinden en een hoop van de punten zijn dingen die ik mijzelf ook al had toegerekend. Zoals ik al aangaf in mijn leermomenten was het stukje planning, hierdoor zou ik kunnen zorgen dat ik meer snelheid krijg in mijn werk en voorkomen dat ik te lang blijf hangen op struikelblokken. Voor de volgende keer is dat zeker iets dat ik op wil pakken om te verbeteren. Ik ben zelf tevreden met het resultaat en voornamelijk met het leermoment. Ik vond vooronderzoek altijd onzin maar heb de waarde van onderzoek nu persoonlijk kunnen ondervinden. Wel ben ik het er mee eens dat het beter kan. Voornamelijk tijdens het maken van de website zelf merkte ik dat k me ergerde aan mijn tempo maar kon op dat moment niet bedenken hoe ik dat kon verbeteren. 22
23
5. STARRRT 3
24
25
5.1 Inleiding
5.5 Niet mijn sterkste kant
Mijn derde en laatste STARRRT opdracht heeft als thema plannen. Dit is voor mij een taak die ik vaak aan andere overlaat. Ik vind plannen lastig en ik kan mij slecht aan mijn planningen houden. Juist om deze redenen vond ik het belangrijk om dit op te pakken. Waarom dit voor mij nuttig was, wat ik gedaan heb om deze taak te voltooien en hoe ik dat gedaan heb, is te lezen in deze opdracht.
Voor deze STARRRT opdracht was mijn taak het maken van een planning. Ik ben nooit goed geweest in plannen maar ik merk wel, dat als er een goeie planning is, de werkzaamheden veel efficiënter en overzichtelijker verlopen. Voor mij was het dus een goede uitdaging om een planning te maken waar ik en andere medewerkers mee konden werken.
5.2 Het stage bezoek als aanleiding
5.6 Verwachtingen
Tijdens het stagebezoek van Nienke zijn er een aantal zaken besproken die ik kon verbeteren en aan moest pakken. Een van die punten was het stellen van deadlines aan de hand van een planning. Het viel mij op dat ik te vaak blind een project in ging, zonder duidelijke structuur te hebben. Hierdoor verloor ik vaak het zicht op wat er nog moest gebeuren en stopte ik te veel tijd in onderdelen die ik niet zelf kon aanpakken. Mijn stagebegeleider en ikzelf merkte ook dat bij een duidelijke deadline mijn werktempo een stuk hoger lag en ik efficiënter en doelgerichter was in het uitvoeren van mijn taken.
Anand verwacht dat ik aan de hand van de planning beter kan werken en minder tijd verspil aan problemen of twijfelgevallen zoals kleine grafische elementen. Omdat er deadlines per onderdeel zijn is het voor mij ook duidelijk wanneer het tijd is om om hulp te vragen.
Met deze informatie werd besloten dat het verstandig was om voor het volgende project een planning te maken en deze taak te gebruiken voor mijn laatste STARRRT opdracht.
5.3 Goede voornemens
Ik verwacht dat ik met mijn opgedane ervaring binnen het bedrijf een inschatting kan maken van de taken die uitgevoerd dienen te worden. Ook als de taken nog niet heel specifiek zijn, omdat er informatie ontbreekt, moet een schematische opzet mogelijk zijn, waarbij een inschatting van de benodigde tijd gemaakt kan worden. Omdat ik binnen dit bedrijf nog niet met een planning gewerkt heb, ben ik erg benieuwd of de planning goed gaat helpen bij het ontwerpproces en of er inderdaad efficiënter en doelgerichter gewerkt kan worden met deze planning.
Voor het nieuwe jaar heeft mijn stagebegeleider Anand het plan om de werkwijze aan te passen. Nu worden projecten vaak te gehaast en ongestructureerd aangepakt, dit kost vaak veel tijd en zorgt er voor dat er tijd in elementen gestopt wordt die vervolgens vaak niet eens op de website terecht komen. Samen met de sales afdeling zijn er vergaderingen geweest over wat Rubix Marketing verwacht van de klanten in 2016. In het nieuwe jaar moeten klanten sneller materiaal aanleveren, zoals teksten en afbeeldingen, zo kan er sneller en gerichter gewerkt worden aan de websites. Dit scheelt een hoop tijd en dit schept meer duidelijkheid over hoe we de bouw van een website zullen aanpakken. Na aanleiding van de nieuwe werkwijze en de afspraken tijdens het stagebezoek was aan mij de taak om voor mijn volgende project een planning te maken. Met ongeveer 17 weken ervaring binnen het bedrijf moest het mogelijk zijn om een planning te maken voor een website.
5.4 Een opdracht Van Anand kreeg ik de klant www.car-s.nl. Dit is een occasion auto dealer die naast zijn autoverkoop ook een autopoetsservice heeft. Voor deze service wil hij een aparte website hebben, omdat deze service op zijn huidige website te beknopt beschreven staat. Voor de bouw van de website staan ongeveer twee weken van begin tot eind. Tot nu toe werden deadlines meestal mondeling overlegd of werd er een einddatum genoemd zonder tussendeadlines. Hierdoor was het moeilijk om structuur aan te brengen in de werkwijze. Ik ga er voor zorgen dat de planning hier wel voor gaat zorgen.
26
27
Ik beschrijf hier de keuzes die ik gemaakt heb bij het maken van de planning. Welke vorm krijgt de planning, waarom op deze manier en hoe heb ik het aangepakt? Of dat allemaal goed ging en wat ik gedaan heb om de planning tot een goed einde te brengen lees je hier.
Na het opstellen van alle hoofdtaken en subtaken ben ik per taak de uren gaan bepalen. De uren heb ik afgeleid van mijn eigen ervaring uit het verleden. Zo merkte ik bijvoorbeeld dat foto’s zoeken op i-Stock een makkelijke taak lijkt, maar vaak meer tijd kost dan je denkt. Ook elementen zoals de slider op de homepagina kosten vaak veel tijd en finetuning voordat het goed genoeg is. Met dit soort zaken heb ik rekening gehouden in mijn planning.
5.8 Vorm
5.10 Wat vinden we er van?
5.7 Zoals op school?
Om te beginnen moest ik bedenken welke vorm de planning moest krijgen. Tijdens de lessen op school werken we veel met balkenplanningen. Hier worden taken overzichtelijk in balken over de beschikbare tijd verdeelt. Omdat deze duidelijk en overzichtelijk zijn werd ook deze planning als een balkenplanning gemaakt. Ik kon de planning vanaf scratch opbouwen, een oude planning van een school project nemen of een bestaande planning opzoeken. Uiteindelijk heb ik er voor gekozen om een planning van het internet te gebruiken. Deze bezat de elementen die ik nodig had en voorkwam dat ik zelf een basis hoefde neer te zetten. Via Google kwam ik terecht op de website; www.werken-aan-projecten.nl. Op deze website kon ik een planning downloaden die de elementen bezat die ik nodig had voor mijn planning. De planning was onderverdeeld in maanden en weken. Dit moest ik aanpassen naar dagen en uren, omdat het project in twee weken af moest zijn.
5.9 Gevonden Na het vinden van de planning was ik blij. Ik ben geen Excelgoeroe en omdat ook plannen niet mijn sterkste punt is vond ik het fijn dat er een goed voorbeeld beschikbaar was. Na het aanpassen van de planning naar de juiste tijdsindeling ben ik begonnen met het opstellen van de taken. Toen ik begon aan de planning was er nog niet veel informatie beschikbaar. Anand gaf mij een menustructuur met hoofdpagina’s en een aantal subpagina’s. Door deze structuur kon ik schematisch beginnen aan de planning en ongeveer zien hoe veel tijd er nodig zou zijn. De taken in de planning heb ik per aan te maken website pagina onderverdeeld. Dus bijvoorbeeld de homepage, krijgt als taken: slider opmaken, tekst op delen en plaatsing call2actions. Dit leek mij logisch omdat afhankelijk van het soort pagina, gemakkelijk in te schatten is welke elementen er op komen te staan. Op zijn beurt bepaalt dit weer hoeveel tijd er per pagina en dus per taak nodig is. Naast de pagina onderverdeling zijn er nog twee andere hoofdelementen. Ten eerste de opstart van het project met daarbij de keuze van het template en het installeren hier van. Hier worden ook gelijk het logo geplaatst en kleuren bepaald voor de huisstijl en daarnaast het maken van een offerteformulier en call2actions op de website.
Na het maken van de eerste versie van de planning heb ik deze aan Anand laten zien en feedback gevraagd. Anand gaf direct aan dat de planning te gedetailleerd was. Naar mijn inzien was een planning met veel detail juist nuttig omdat je dan precies wist waar je zou staan in het project. Anand gaf aan dat dit in de werkelijkheid nooit werkt en dat, zodra je een deadline niet haalt, de planning in de soep loopt. Deze planning is te vinden in: “Bijlage 6 Balken planning”
“Anand gaf direct aan dat de planning te gedetailleerd was”
Anand schetste voor mij een voorbeeld van een planning, die volgens hem geschikter was. Deze schets staat in: “Bijlage 7 Schets Anand”. Hij stelde de deadlines niet per klein onderdeel op of per pagina, maar verdeelde het in grotere taken. Ook voegde hij bepaalde taken samen. Het zoeken van afbeeldingen had ik bijvoorbeeld per pagina telkens los genoemd. Anand vond het logischer om alle afbeeldingen van alle pagina’s tegelijkertijd te zoeken en ook tegelijk te bewerken. Ik begreep zijn schets en ben er mee aan de slag gegaan.
5.11 Vervolg actie Ik heb een tweede versie van de planning gemaakt die een stuk beknopter was en ook minder tijd koste om te maken. De tweede planning zat in ongeveer een uurtje in elkaar terwijl ik voor de eerste planning meer dan een halve dag nodig had. In de tweede planning hebben de deadlines een datum. Voor de deadline verstrijkt zijn er een aantal taken die uitgevoerd dienen te worden. Het maakt niet uit hoe veel tijd je per taak bezig bent, als ze maar voltooid zijn voordat de deadline verstreken is. Dit is logisch omdat taken die niet haalbaar zijn of buiten de kennis van mij, of een medewerker liggen, dan doorgespeeld kunnen worden aan een medewerker die wel over de kennis beschikt. Omdat de planning nu te klein was om een balken planning van te maken heb ik voor een ander uiterlijk gekozen. Om overzicht te bewaren en omdat het er visueel vaak goed uit ziet heb ik een tijdlijn gemaakt. Hier staan de deadlines op verdeeld met een startpunt en een einddatum. De balkenplanning was gemaakt in Excel. Omdat dit programma nu overbodig was kon ik mij wat creatiever uiten in Illustrator.
De taken offerteformulier en call to actions heb ik los gepland van de rest van de website. Omdat deze onderdelen meestal herhaald worden op de website is het handig om hier een andere medewerker aan te laten werken. Die kan deze elementen testen en opmaken zodat deze vervolgens op de verschillende pagina’s geplaatst kunnen worden. Dit scheelt een hoop tijd voor de persoon die de pagina’s aanmaakt.
28
29
De tweede planning liet ik wederom aan Anand zien (Bijlage8 8 Planning eindproduct). Dit leek al meer op wat hij voor ogen had en na een paar kleine aanpassingen in het weergeven van de taken was de planning af. Ik moest de taken voor de deadline plaatsen in plaats van op de deadline zelf. Hierdoor kan je duidelijk zien dat de taken voor de deadline uitgevoerd moeten worden in plaats van op de deadline zelf. Het resultaat was een beknopte overzichtelijke planning die voor zowel Car-s.nl als voor andere websites vrij gemakkelijk universeel toepasbaar te maken is. De taken zijn niet heel specifiek en daarom ook toepasbaar op websites van het zelfde kaliber. Voor andere websites zal de planning niet heel erg aangepast hoeven te worden. Dit was geen vereiste maar is wel goed om te weten voor de toekomst. De eindplanning staat in “Bijlage 8 Planning eindproduct�.
5.12 Toch nog goed Ook na het maken van fouten kan het eindresultaat gelukkig nog goed uitpakken. De balkenplanning is de deur uit en het eindproduct lijkt helemaal niet meer op waar ik mee begon. Zelf ben ik tevreden met de planning en snapte ik goed waarom Anand de balkenplanning niet goed vond. Achteraf dacht ik ook dat de balkenplanning misschien toch niet de juiste keuze zou zijn. Vooral nadat ik de balkenplanning had ingevuld zag ik dat de tijdsverdeling per taak veel te specifiek was. Mijn stagebegeleider was tevreden over de nieuwe planning en vond deze beknopte planning veel geschikter dan de balkenplanning. De taken waren vrijer verdeeld en er waren een stuk minder deadlines. Wel zijn deze deadlines een stuk harder en duidelijker dan die van de balkenplanning en dat vond Anand belangrijk. Het lastige voor mij is dat de planning nog niet in gebruik genomen wordt tot dat het project gaat beginnen. Dit is afhankelijk van de klant en het materiaal dat de klant moet aanleveren. Het echte effect van het product moet dus nog gemeten worden. Het nut en de functionaliteit van de planning kan nog niet bewezen worden. Mogelijk moeten er in de toekomst nog dingen aangepast worden om de planning echt af te maken.
5.13 De baas van het plannen Omdat mijn stagebegeleider Anand over de planning gaat en verder niemand daar inbreng in heeft heb ik enkel aan hem feedback gevraagd. Ik heb de planning aan de Art-director laten zien maar zij kan geen feedback geven over de planning zelf. Zij vond de planning er goed uit zien als het gaat om het grafische aspect.
Een klein voorbeeld van de tweede versie van de planning. Het geheel staat in Bijlage 8 Planning eindproduct
Afb. 6: Planning eindproduct voorbeeld
30
31
5.14 De reactie
5.17 Altijd achteraf
Bij elk product hoort natuurlijk een reactie en feedback. Positief of negatief de reactie is waar je uiteindelijk het meest van leert. Ik ben met mijn stagebegeleider gaan praten over wat hij van de planning vond.
Na de reactie was het tijd om te reflecteren op mijn activiteiten. Gelukkig heb ik niet heel veel moeite met kritisch kijken naar wat ik neergezet heb en wat er beter kan. Achteraf zijn er bijna altijd wel dingen die anders konden. Gelukkig kan ik ook positief zijn over het eindresultaat.
Anand was tevreden over de planning. Hij vond dat ik de verandering van balkenplanning naar de beknopte planning goed opgepakt had. Wel gaf hij bij de balkenplaning aan, dat ik te veel tijd had genomen. Ik kon mij daar in vinden en had daarom ook de tweede versie sneller in elkaar gezet. Dit was sowieso een stuk makkelijker omdat ik een overzicht had van de taken die in de planning moesten komen.
5.18 Wat weet ik nu?
5.15 Gaat het werken?
Bij het werk van een vriendin van mij werden balkenplanningen voornamelijk gebruikt om taken per week te verdelen, dit zijn langdurige projecten. Wat wel zou kunnen is dat bij een groter project mijn eindproduct als een soort sub planning gebruikt kan worden binnen een balkenplanning. Daarmee bedoel ik dat er voor elke week in de balkenplanning een kleinere beknopte planning gemaakt zou kunnen worden die de week taken weergeeft.
Net als ik was Anand benieuwd of de planning zou helpen bij het bouwen van de autopoetsservice website. Ik sprak met hem nog even over het stagebezoek en wat we daar besproken hadden. Hij gaf aan dat ik deadlines moest stellen en door die deadlines sneller te werk ga. Deze planning moet daar bij helpen en zowel hij als ik hopen dat dit werkt. Het kan er voor zorgen dat zowel ik als een hoop andere stagaires/medewerkers vlotter en efficiënter kunnen werken.
Net als ik was Anand benieuwd of de planning zou helpen bij het bouwen van de autopoets service website
Ik weet nu dat een balkenplanning voor zo’n korte periode niet werkt. Dit vertelde mijn stagebegeleider mij maar kreeg ik ook in mijn privéleven te horen.
Bij het werk van een vriendin van mij werden balkenplanningen voornamelijk gebruikt om taken per week te verdelen
5.16 Wat vind ik? Ik vond dat ik, zowel voor de balkenplanning, als voor de uiteindelijke planning, twee goede producten geleverd heb. Wel vind ik dat ik voor de balkenplanning minder tijd had moeten nemen. Achteraf was het slim geweest om de balkenplanning tussentijds aan Anand te laten zien. Op die manier zou ik eerder geweten hebben dat het niet goed was en zo had ik veel tijd kunnen besparen.
32
33
5.19 Volgende keer anders? Na de reactie was het tijd om te reflecteren op mijn activiteiten. Gelukkig heb ik niet heel veel moeite met kritisch kijken naar wat ik neergezet heb en wat er beter kan. Achter zijn er bijna altijd wel dingen die anders konden maar kan ik ook positief zijn over het eindresultaat.
5.20 Meer bekend Voor de volgende keer zou ik graag een planning maken voor een project waar meer bekend over is. Op die manier kan ik sneller werken en een betere inschatting maken van de benodigde tijd. Helaas gaat dit deze stageperiode niet meer lukken. Het project dat ik nu kreeg was het enige project dat beschikbaar was. Ook zou het uitdagend zijn om een planning te maken voor een langduriger of uitgebreider project. Ik ben benieuwd of, op dat moment een balkenplanning wel zou werken en hoe ik die dan het beste in zou kunnen delen. Ook hoop ik dat ik deze planning nog kan uitproberen tijdens deze stage. Afhankelijk van hoe snel de klant de benodigde informatie en content opstuurt kan dit nog haalbaar zijn.
5.21 Van fouten moet je leren Met mijn beperkte ervaring op het gebied van plannen denk ik dat het nuttig is geweest dat ik fouten heb gemaakt. Hierdoor snap ik nu beter wat voor een planning er bij welk soort project past. De volgende keer zal ik eerder tussentijds om feedback vragen zodat de gemaakte fout minder tijd hoeft te kosten. In andere situaties kan ik mijn ervaring met plannen goed gebruiken. Omdat ik weet dat deadlines mij efficiĂŤnter laten werken zou het handig zijn als ik vaker plan. Meer plannen kan nuttig zijn voor zowel school projecten als taken die ik zelf moet uitvoeren. Wat dat betreft maakt het niet heel veel uit of deze taken school, webdesign of privĂŠ gerelateerd zijn.
5.22 Nog eens plannen? De eerst volgende keer dat ik een planning maak is waarschijnlijk volgend schoolblok. Ik moet project I herkansen en daarbij heb ik weinig contacturen. Omdat ik dan veel zelfstandig moet werken zal het goed zijn om deadlines te stellen en mij daar aan te houden.
34
35
6. Eindreflectie
36
37
6.1 Competenties Voor deze stage had ik een aantal competenties in gedachten. Dingen die ik graag wilde doen in mijn stage periode waren de Look & Listen fase, Create concepts, Design details, Realise, Evalueren en testen tijdens alle fasen en Verantwoordelijkheid nemen voor jezelf en anderen. Al deze competenties zijn gekozen omdat ik hoopte een zo compleet mogelijk beeld te krijgen van wat je in de realiteit te doen kan krijgen. Ik wilde hoe dan ook van begin tot eind een project kunnen doorlopen of in ieder geval de stappen die in het ontwerpproces voorkomen kunnen uitvoeren. Omdat ik bij Rubix Marketing behoorlijk wat websites gemaakt heb ben ik van mening dat ik de meeste competenties wel heb kunnen behalen. Wellicht niet allemaal zo uitgebreid als dat ik gewend ben van school maar ze zijn wel aangestipt. In mijn eerste STARRRT opdracht beschrijf ik de website www.visa-turkiye.eu/nl. Dit was het eerste project waar ik vanaf de opstart betrokken was. Hier begon ik met een kleine look & listen fase. Zoals beschreven in de opdracht deed ik een klein benchmarkonderzoek. Ik heb gekeken naar andere visa-aanvraag-websites en andere officiële reiswebsites zoals bijvoorbeeld die van de ANWB. Ik heb gekeken naar de uitstraling van de websites. Gekeken naar hoe hun aanvraag proces er uit zag en naar dingen als kleurgebruik en dergelijke. Met name of een website betrouwbaar oogt was belangrijk. Uiteindelijk heb ik in de eerste STARRRT opdracht dit benchmarkonderzoek beschreven. De competentie die ik voor STARRRT 1 wilde beschrijven was verantwoordelijkheid nemen. Ik vind dat dit redelijk gelukt is. De keuzes die ik maakte moest ik verantwoorden aan de art-director en aan de hand van haar feedback deed ik aanpassingen. Normaal is een look & listen fase erg uitgebreid maar binnen dit bedrijf is daar vaak te weinig tijd voor. Vandaar dat ik ook aangeef dat het een kleine look & listen fase was. De Create concepts/ design details fase heb ik ook naar gekeken, dit staat beschreven in mijn tweede STARRRT opdracht. Deze opdracht was een website maken voor het lead-generatie bedrijf Comparisa. Hier heb ik het stuk wire-frames uitgelicht. Omdat deze wire-frames niet heel uitgebreid waren heb ik samen met mijn stagebegeleidster Nienke het onderwerp van de STARRRT aangepast. Die aanpassing staat niet in de STARRRT zelf maar we besloten het Paginastructuur te noemen. De wire-frames gaven namelijk ook meer de plaatsing van de elementen aan dan dat ze ook beschreven wat deze elementen deden. Wel merkte ik dat het maken van deze structuur erg behulpzaam was in het verder opbouwen van de website. Daarom vind ik dat dit product voor mij erg succesvol was. Ook bij Comparisa kwam het verantwoordelijkheid nemen weer aan de orde. Zowel in besprekingen met de klant als de collega’s moest ik uitleggen waarom ik bepaalde keuzes gemaakt had. Bijvoorbeeld in het vertellen dat de klant zijn teksten moest inkorten omdat de pagina’s anders toch echt te lang en saai zouden worden. Het evalueren en testen is een onderdeel dat niet los in een STARRRT beschreven stond. Deze fase werd eigenlijk tijdens elk project en elke opdracht wel uitgevoerd. Of het nou om een flyer, website, logo of het bewerken van een foto ging. Ik moest bijna altijd wel feedback vragen aan de artdirector of mijn stagebegeleider.
Een van de laatste voorbeelden in mijn stage was een uitnodiging voor een surpriseparty. Mijn stagebegeleider had de uitnodiging goedgekeurd maar de klant wilde toch nog een paar aanpassingen in de afbeelding en letterkleur. Ik denk dat er tussen versie 1 en de eindversie zo ongeveer 5 iteraties zijn geweest.
6.2 Leerdoelen Wordpress is het content management systeem waar Rubix Marketing voornamelijk zijn websites in maakt. Voordat ik begon met mijn stage had ik al wel eens naar Wordpress gekeken. Ik ben er toen nooit aan toe gekomen om het te gebruiken. Ik was dus blij om te horen dat Rubix hier mee werkte omdat ik er wel wat meer over wilde weten. In de basis heb ik Wordpress goed onder de knie, daar waar de technische issues in de weg zitten kan ik het zelf redelijk aanpassen behalve als het te ingewikkeld wordt of als ik met php te maken krijg. Ik had niet zo zeer als doel om technisch heel veel beter te worden omdat mijn interesse meer bij het vormgeven ligt. De lastige taken liet ik dan ook over aan collega’s die daar meer verstand van hadden. Als ik vragen had over de werking van Wordpress of tegen iets aan liep kon ik dit altijd bij mijn collega’s of stagebegeleider vragen. Naar mijn idee is dit leerdoel behaalt omdat ik tijdens en na mijn stage gelijk al de vraag kreeg van mensen om ook voor hun een website te maken of een website voor hun te beheren. Na de stage begin ik dan ook met het bijhouden van een website voor een vriend van mij. Een ander leerdoel dat voor mij al jaren aangepakt moet worden maar ook tijdens het stagebezoek weer naar boven kwam was plannen. Dit onderdeel heb ik aangepakt in mijn derde STARRRT opdracht. Ondanks dat de planning prima was heb ik deze niet kunnen gebruiken. Dit kwam omdat de klant geen informatie doorstuurde en wij niet met de website konden beginnen. Ik vind dat dit leerdoel dus deels behaald is omdat de planning er wel gekomen is maar de werking er van niet te testen is. Plannen gaat belangrijk worden voor de komende periode omdat ik een project moet herkansen en daarbij alle tijd zelf in moet delen. Het gaat zeker van belang zijn om dus een goede planning te maken.
6.3 Sterke en zwakke punten Mijn zwakte punt was een van de zaken die ik met een leerdoel wilde aanpakken. Namelijk het plannen en stellen van deadlines. Hiermee moest mijn werktempo omhoog en mijn efficiëntie. Dit was een van de punten die mijn stagebegeleider Anand aangaf tijdens de stage en het stagebezoek. Ik was het hier wel mee eens en behalve door alleen een planning te maken ben ik ook eerder om hulp gaan vragen als ik bijvoorbeeld vastliep in een opdracht. Ik vond mijn sterke punten dat ik regelmatig vage opdracht omschrijvingen toch kon omtoveren tot iets moois. Het is lastig om voor klanten te werken die niet zo goed weten wat ze willen maar het is tegelijk ook een uitdaging.
Regelmatig zorgde dit er voor dat er weer opnieuw getest moest worden en er dingen aangepast moesten worden. Als er iets is dat ik wel gedaan heb tijdens de stage is het itereren en aanpassen tot dat iets goed gekeurd was. 38
39
Verder waren mijn begeleiders tevreden over mijn instelling, ik reken sociale in omgang dan ook zeker als een sterk punt. Wellicht dat het in sommige gevallen iets professioneler kan maar ik ben nooit bang om iets te vragen als ik iets moet weten , kritiek kan k ook open leveren als ik dit rechtvaardig vind.
6.4 Confrontatie Theorie & Praktijk Kijkende naar de theorie en wat we geleerd hebben op school denk ik dat de stageplek bij Rubix Marketing tekort schiet. Dat wil niet zeggen dat ik weinig geleerd heb en dat ik de theorie niet toe kon passen. Enkel zijn er een hoop stappen in de theorie die ik niet toegepast heb en die niet of nauwelijks toepasbaar zijn. CMD is een erg brede studie en een bedrijf als Rubix Marketing valt zeker binnen de CMD opleiding. Ik weet alleen niet of het is wat ik later wil gaan doen. Na het vak HCI denk ik dat meer conceptueel denken en minder web/app gerelateerde interactie meer iets voor mij is. Rubix Marketing is een uitvoerende organisatie met een beperkte vrijheid als het gaat om vormgeven en concepten. De projecten moeten over het algemeen snel opgeleverd worden en zijn voor klanten die niet perse erg unieke eindproducten verwachten. Een van de dingen die ik voor de toekomst goed in mijn achterhoofd hou is een juiste afstudeerstage. Deze stage wil ik zeker gaan zoeken in het andere spectrum van de CMD studie. Hopelijk bevalt dit erg goed en weet ik op die manier een loopbaan over te houden aan de stage. Een leuk pluspunt aan mijn stage bij Rubix Marketing is dat ik hier na mijn stageperiode parttime kan werken. Nu hoef ik niet meer zo veel bij te lenen en ook niet op zoek naar een willekeurig bijbaantje.
40
41
Interne Bijlagen
42
43
Bijlage 1 Organigram
Bijlage 2 Teamfoto Dit element moest iets toevoegen aan de uitstraling van persoonlijkheid van het bedrijf. In deze screenshot nog gevuld met istock foto maar wordt gemaakt met een groepsfoto van de medewerkers. Dit soort elementen bedenk je zelf niet heel snel tot dat je voorbeelden tegenkomt en ziet hoe goed het werkt op een pagina.
Rubix Marketing B.V. Directie Jerrel
SEO
Sales
Development
Quinten
ONS BV
Anand
Hoofd/ leidinggevende van de afdeling SEO
Medewerkers Werkenemers en stagaires van de SEO afdeling
2 mans BV die sales aansturen
Callcenter Koud uit bellende mederwerkers
Buitendienst Medewerkers buitendienst
Operations manager
Cher Art-Director
Medewerkers Werknemers (part-time) & stagaires
ta ik s r e i H 44
45
Bijlage 3 USP’s etaleren
Bijlage 4 Producten Gallerij
De redenen waarom je bedrijf onderscheidend is van de rest kan je natuurlijk in een simpele bullit list zetten maar dit activeerd natuurlijk niet om te lezen. Ook dit element is weer bekeken van concurrenten en andere templates. Het geeft overzichtelijk belangrijke punten weer zonder dat het saai is om naar te kijken.
Comparisa levert erg saaie producten. De lead generatie websites zijn allemaal precies het zelfde ( er zijn 3 verschillende templates o.i.d. ) Er moet dus iets gedaan worden om het interessant te maken. Vergelijk de oude en de nieuwe versie en je snapt wat ik bedoel.
oud
nieuw
46
47
Bijlage 5 Wireframes De wireframes voor de webpagina, nu te zien op rubix01.nl. De originele heb ik nog wel maar helaas heeft de art-director net de dag voor het invoegen in het document koffie gemorst... :( De wireframes geven vooral de structuur van de pagina en de opbouw van elementen aan. functionaliteiten zijn beperkt weergegeven.
48
49
50
51
52
53
54
55
Bijlage 6 Balkenplanning Op de volgende pagina’s staat de balkenplanning. Ik zal het bestand ook toevoegen in de email omdat een planning zoals deze vaak gemakkelijker op een computer te bekijken is en lastig op papier te zetten is.
56
57
Balkenplanning Car-s
1 2 3 4 5
Template (opstart) Template uitzoeken (themeforest.com) Template installatie Logo opmaat maken & invoegen Menu aanmaken Basiskleuren aanpassen
dag 1 dag 2 dag 3 dag 4 dag 5 dag 6 dag 7 dag 8 dag 9 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00 09.00 10.00 11.00 12.00 13.00 14.00 15.00 16.00 17.00
Uren 2 1 1 1 1
6 7 8 9 10 11
Homepage Slider afbeeldingen uitzoeken Slider opmaken Tekst op delen Pagina elementen bepalen & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
2 4 1 3 2 1
12 13 14 15
Over ons Tekst op delen Pagina elementen bepalen & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
1 3 2 1
16 17 18 19
Detailing Tekst op delen Pagina elementen bepalen & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
1 3 2 1
20 21 22 23
Exterieur behandelingen Tekst op delen Pagina elementen bepalen & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
1 3 2 1
24 25 26 27
Exterieur behandelingen subpagina's Standaard pagina opmaak bepalen voor subpagina's Pagina elementenn & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
2 1 1 1
28 29 30 31
Interieur behandelingen Tekst op delen Pagina elementen bepalen & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
1 3 2 1
32 33 34 35
Producten Tekst op delen Pagina elementen bepalen & tekst plaatsen Afbeeldingen bij teksten/elementen zoeken/plaatsen Plaatsing call2action's/form
1 3 2 1
32 33 34 35
Galerij Pagina elementen bepalen & tekst plaatsen Opmaak galerij bepalen Foto's op maat maken Galerij vullen
1 1 2 1
36 37 38 39
Prijzen Pagina elementen bepalen & tekst plaatsen Prijzen tabel maken Prijzen tabel opmaken Plaatsing call2action's/form
1 1 2 1
Contact 40 Pagina elementen bepalen & tekst plaatsen 41 Contactform aanmaken 42 Contactform opmaken
1 1 1
Offerte formulier/Call to action opmaak Inhoud offerte form bepalen Offerte formulier aanmaken Offerte formulier opmaken Call to actions bepalen Call to actions opmaken
2 1 2 2 2
Opmerkingen Afhankelijk van het aantal medewerkers dat aan de opdracht werkt kunnen bepaalde taken tegelijkertijd plaatsvinden. Dit zorgt er voor dat de benodigde tijd aanzienlijk af zal nemen. De taken waarbij de expertise van een grafische medewerker nodig is zijn aangegeven met blauwe kleur. Na het oordeel of de keuze van de grafische vormgever kan in principe elke medewerker de taak afronden. De taak van het offerte formulier en de call to actions staat los van de normale planning, mijn ervaring leert dat dit onderdeel vaak meer tijd met zich mee kan brengen dan er voor ingeplanned staat. Het is daarom handing om aan deze taak een los persoon te zetten zo besparen we tijd en zorgen we er voor dat we niet overbodig tijd verspillen. Handig is dus om de ruimte die voor deze elementen staat van te voren te reserveren en te vullen met een plaatshouder. Dan kan het element er nadat het afgerond is direct aan toegevoegd worden.
58
59
60
Bijlage 7 Schets Anand Hier een foto van de schets van Anand. De schets is niet heel duidelijk maar met zijn uitleg er bij wel te begrijpen.
61
Bijlage 8 Planning eindproduct Hier onder een tussenproduct van de eindplanning, de taken stonden hier nog niet juist weergegeven en moesten duidelijker. Op de volgende pagina het eindproduct. Veel overzichtelijker dan de balkenplanning.
16 JAN
22 JAN
TEMPLATE KEUZE TEMPLATE INSTALLATIE LOGO PLAATSEN
LAYOUT BEPALEN (WIREFRAMES) AANMAKEN & OPMAKEN FORMULIEREN OPMAKEN CALL 2 ACTIONS PAGINA’S AANMAKEN PAGINA’S OPMAKEN AFBEELDINGEN ZOEKEN AFBEELDINGEN OPMAAT MAKEN SLIDERS MAKEN
OPLEVERING
CAR-S AUTOPOETS SERVICE
11JAN
11 JAN
PLANNING
Deze planning is opgezet voor Car-S.nl Autopoets Service. De planning geeft in de periode van twee weken weer wat er gedaan moet worden en wanneer de deadlines zijn. De deadlines zijn aangegeven met een rode kleur. Tussen de deadlines staan de uit te voeren taken. Per taak is geen specifieke tijd beschreven als deze maar voldaan zijn voor de deadline van de taken verstrijkt. De eind deadline staat in het groen.
12JAN
MENU STRUCTUUR TEKSTEN VERDELEN KLEUREN BEPALEN
RESPONSIVE CHECKEN FINETUNING TECHNISCHE ISSUES
19JAN
19 JAN
16JAN
12 JAN
versie 1 1e OPLEVERING
BART HOUDIJK
62
2016
RUBIX MARKETING
63
Externe Bijlagen
64
65
Externe Bijlage 1 Leerovereenkomst
66
Externe Bijlage 2 Feedback week 10
67
Externe Bijlage 3 Feedback week 20 Anand
68
69
70
71
Externe Bijlage 4 Feedback week 20 Cher Cher was helaas niet aanwezig de laatste week, haar feedback is digitaal verzonden
72
73
Externe Bijlage 5 Urenverantwoording
74
75
76
77
78
79
80
81
82
83
84
85