“Het derde stageverslag”

Hoe heb ik het aangepakt?

In het begin van dit verslag wou ik het op een andere manier aanpakken dan het vorige verslag. Ik ben daarom meer vanuit projecten gaan schijven die ik had gedaan. Daarin zou dan ook blijken hoe ver ik ben met mijn werkprocessen. Na het gesprek met Ron en Sander bleek dat dit niet de beste manier was, daarom heb ik het op dezelfde manier als het vorige verslag gedaan en deze ook uitgebreid met nieuwe projecten die ik deze periode heb gedaan. Per werkproces heb ik een stukje algemeen geschreven hoe dit bij Webstijl van toepassing is. Natuurlijk heb ik ook beschreven wat ik gedaan heb en over tegen welke problemen ik aan liep. Als laatste heb ik een stuk toegevoegd voor de documenten die bij het werkproces horen.

Om deze, best wel lange pagina, makkelijk navigeerbaar te houden heb ik rechtsboven een menu toegevoegd. Op deze manier is het niet nodig om eindeloos te scrollen.

Werkproces 1.1

Beoordeelt en bespreekt de opdracht

Algemeen

Binnen Webstijl bespreken we altijd alle opdrachten door. Webstijl heeft er ook voor gekozen om tijdelijke krachten zoals stagairs niet in contact te brengen met de klant. Dit om het aantal verschillende contactpersonen te verminderen. Vaste medewerkers nemen dit gedeelte dus op zich. Voor dat ik aan een nieuwe opdracht begin bespreek ik met de vaste contactpersoon wat er gedaan moet worden. Als ik dit heb afgerond rapporteer ik mijn werk naar de contactpersoon binnen Webstijl. Die stuurt het vervolgens naar de klant. Dus indirect heb ik wel degelijk contact met klanten. Via deze weg heb ik dus ook de mogelijkheid om vragen stellen en andere ideeën voor te leggen.

Wat heb ik gedaan?

Ik ben vaak aan de slag gegaan met re-designs. Binnen deze trajecten heb ik wat meer vrijheid. De klant heeft elke 3 jaar recht op een re-design en zijn dus al langer klant bij ons. Voor een re-design neemt Webstijl contact op met de klant. De klant kan dan zijn input geven en bespreken wat hij graag terug zou willen zien in de nieuwe website. Ook kan de klant een formulier invullen met zijn wensen. Aan mij dus de taak om met deze informatie aan de slag te gaan en te bekijken wat toepasbaar is voor de klant. Vervolgens gaan wij dan de website ontwerpen en uitbouwen voor de klant. Een voorbeeld hiervan is de klant: ‘Ton Jansen’. Om er zeker van te zijn dat we een goede weg in slaan met zijn nieuwe website heb ik een debriefing geschreven. 

Omdat we nog veel bezig zijn met de het leren werken met Divi hebben we eens in de 2 weken een Divi meeting. Deze meetingen moeten ook genotuleerd worden. Deze keer was ik de notulist en heb ik dus een kleine samenvatting geschreven, deze samenvatting moet de punten die we besproken hebben nog even in het kort worden beschreven voor de personen die niet aanwezig waren bij de vergadering. Ook heeft iederee op deze manier duidelijk zwart op wit wat er gedaan moet worden voor de volgende meeting.

Problemen en oplossingen.

Ik liep tegen het probleem aan dat ik niet direct met klanten in contact kwam. Bij re-design zijn klanten al wat langer klant bij ons. Bij deze klanten is het iets makkelijker om af en toe direct contact te hebben. Bij deze klanten heb ik dus zelf de mogelijkheid om zelf vragen te stellen. Dit was een goede oplossingen omdat ik op deze manier toch mijn debriefing kon schrijven. Ook loop ik tegen het probleem aan dat dit toch vaak door de vaste contactpersoon word gedaan, daarom wil ik voor de laatste periode vaken voor mezelf een debriefing schrijven. Als oplossing voor nu ben ik wel notulist geweest bij een vergadering over Divi en heb ik toch een soort terugkoppelijk geschreven op een gesprek. 

Werkproces 1.2

Een planning maken

Algemeen

Op school begon altijd maar gewoon ergens aan en dan kwam het vanzelf wel af en ging alles door elkaar heen. Plannen is dus nooit echt mijn ding geweest. Dit was ook één van mijn leerdoelen voor de eerste stage. Gelukkig heeft Teamleader mij al een heel stuk geholpen met het overzichtelijk maken van de projecten en wat wanneer gedaan moet worden.

Teamleader is een programma met heel veel opties, zo hebben ze:

• Planning systeem, hier kan je je taken en je afspraken in plannen.
• Klanten database, alle informatie van onze klanten is hier terug te vinden.
• Ticket module, klanten die vragen hebben kunnen hier hun vragen stellen.
• Timetracking, met timetracking kan je precies zien hoe lang je met iets bezig bent geweest.
• Complete templates van Webstijl’s producten, zo kan er stap voor stap samen met de klant een nieuw project worden opgezet.

Wat heb ik gedaan?

Bij Webstijl werken wij dus dagelijks met Teamleader en kan ik hier dus alles inplannen wat er gedaan moet worden, ook kunnen collega’s op deze manier dingen bij mij inplannen. Hieronder een aantal punten wat ik doe met Teamleader

• Taken of ticket toewijzen, op deze manier kan je met een project aan de slag waar een vast aantal uur voor staat. Ik ben de verantwoordelijke voor die taak en hier hangt ook vaak een deadline aan vast.
• Uren inplannen in je agenda. Vaak moet je projecten inplannen in je agenda, deze moet je zo gaan inplannen dat je het afkrijgt voor de deadline, hierbij moet je ook rekening houden met de lopende projecten en klussen die je voor collega’s of klanten moet doen.
• Als de taken zijn afgerond kan je bij een project een milestone afsluiten (bijvoorbeeld: website design fase). Als dit is afgerond dan kan je verder naar de volgende milestone en kun je deze gaan inplannen. Vaak zit er tussen de milestones een tijd voor feedback van klanten.
• Met de timetracking kun je ook bijhouden hoeveel uur er aan gewerkt is en hoeveel uur je nog hebt. Op deze manier is alles overzichtelijk voor iedereen.

Problemen en oplossingen

De problemen die ik in het begin tegenkwam was dat het een nieuw programma was. Het was dus veel uitproberen. Het plannen van de dagelijkse bezigheden gaat nu dus prima, maar ik loop tegen het probleem aan dat ik niet zelf een planning maak voor een project van begin tot eind. Daarom wil ik in de volgende periode zelf een planning te maken voor een project. Op deze manier wil ik mijn niveau naar 4 tillen.

Werkproces 1.3

Maak een concept

Algemeen

Bij een concept komen er vaak dingen kijken zoals de huisstijl. Dit word vaak niet uitgebreid behandeld omdat dit vaak al vast staat. De hoofdgedachten van een concept bij Webstijl is dat de klant een website wilt die leads genereerd. Dat is natuurlijk ook de hoofdreden waarom ze voor Webstijl kiezen. De klant heeft dus al vaak een bepaalde huisstijl die hij graag terug wil zien in de website. Webstijl kent als internetbedrijf de beweze mothodes om websites beter te laten converteren, waaronder een contrasterende kleur toevoegen zodat conversies beter opvallen. Ook het gebruik van buttens, formulieren en contactinformatie. Hier ben ik als webdesigner natuurlijk dagelijks mee bezig.

Wat heb ik gedaan?

We werken met heel veel verschillende soorten bedrijven. Dit vereist natuurlijk een hele andere soort website en dus een heel ander concept. Vaak gaat het bedenken van een concept en het ontwerpen van de website samen. Bij Webstijl houden we hier natuurlijk rekening mee dat de juiste stijl en sfeer bij de website past. Deze sfeer is erg belangrijk omdat je de klant natuurlijk een goed gevoel wilt geven zodat er meer leads worden gegenereerd. Ook wil je op een unieke manier de aandacht trekken zodat jou website zich onderscheid van de andere.

Op het gebied van online marketing word er bij Webstijl wel heel veel aandacht gegeven aan het bedenken van een concept. Zo moet er vaak een kansenonderzoek worden geschreven en een online marketingplan worden gemaakt. Deze punten zijn voor de online marketeers.

Vorige stageperiode ben ik bezig geweest met ‘Lead Based Marketing‘, dit is een website die Webstijl in samenwerking met een andere partij gerealiseerd heeft. Hier was dus nog niet veel over bekent en dit was dus een geschikte website om een uitgebreid concept te maken.

Problemen en oplossingen

Er wordt niet altijd evenveel aandacht besteed aan een concept opzetten. Daarom heb ik mijzelf voorgenomen om eerst een klein oriënterend onderzoek te doen naar wat voor soort website de klant nodig heeft en vooral belangrijk hoe de websites van de concurenten er uit zien. Ook veel kijken naar voorbeeldwebsites en de huisstijl die de klant heeft aangegeven.

Werkproces 1.4

Maak het ontwerp

Algemeen

Een ontwerp voor een redesign bestaat bij Webstijl uit een schets en een simpel Photoshop bestand. Dit Photoshop bestand bevat geen uitgebreid design omdat dit te veel tijd kost en het een beetje dubbel werk is omdat we met Divi werken. Met Divi kan je live op de website ontwerpen en bouwen. Het schetsen op papier doen ik wel best uitgebreid, omdat ik toch een houvast nodig heb om het overzicht te bewaren. Vaak word er een pagina ontworpen voor de homepagina en voor de onderliggende pagina’s. In sommige gevallen heb je ook nog een SEO pagina lay-out nodig omdat je hier vaak meer tekst op kwijt moet. Ook hebben sommige websites een webshop, hier zijn natuurlijk ook andere pagina indelingen voor nodig

Wat heb ik gedaan?

Ik begin vaak met een uitgebreide schets op papier. Ik vind dit het altijd fijn om snel mijn ideeën hier op uit te werken. Op deze manier kan je ook snel zien welke indelingen wel of niet goed bij de website passen. Ook kan je makkelijk conversies toevoegen en de conversiefunnels uitdenken. Een conversiefunnel is een soort trechter met een stappenplan hoe een potentiëlen klant zich door een website gaat bewegen. Dat begint vaak bij een zoekopdracht en eindigt bij de bedankpagina van de conversie.

Ik ben met een aantal projecten bezig geweest. Vorige stage heb ik gewerkt aan een aantal websites die hieronder bij documenten te bekijken zijn. Graag wil ik hier ‘Vink uw fijnbakker‘ even uitlichten. Hier heb ik eerst schetsen voor gemaakt om de globale indeling te bepalen. Hierbij heb ik rekening gehouden met de verschillende conversies die op de pagina te vinden waren. Op deze manier heb ik mijn conversiefunnels bepaald. Later heb ik in photoshop de homepagina ontworpen, hier kon ik de sfeer bepalen die ik graag wil meegeven aan de website. Daarna ben ik aan de slag gegaan met Headway en heb ik het ontwerp afgemaakt en gelijk live gebouwd.

Deze periode ben ik onder andere aan de slag gegaan met het nieuwe re-design van ‘Bouwbedrijf Reus‘. Ik hebben eerst de opdracht besproken met Wouter omdat hij contact heeft gehad met de klant. Samen hebben we gekeken naar de wensen van de klant. Toen ben ik aan de gang gegaan met het ontwerp voor het re-design. Ook het formulier met aanpassingen die de klant graag willen terug zien op de website heb ik verwerkt in het design, daarnaast heb ik de conversiedoelen van de website uitgedacht.

Daarnaast ben ik bezig geweest met het ontwerpen van een logo. Dit was voor watvoorhuiswiljij.nl, dit is een nieuwe website waar nog geen huisstijl voor bekent was. Omdat een leerdoel van mij is om meer te vormgeven buiten websites was dit de kans voor mij om ook te laten zien wat ik hierin kon betekenen. Ik ben hiermee aan de slag gegaan en ik ben erg tevreden met het resultaat.

Problemen en oplossingen

Om te voldoen aan de kerntaken moeten we ook kennis hebben van de relevante software. In dit geval Photoshop. Dit was een probleem omdat we dat bij Webstijl dus niet altijd uitgebreid gebruiken. Daarom heb ik van een paar websites toch eerst een design gemaakt met photoshop. Ook kwam ik niet altijd even lekker uit mijn keuzes, daarom is het altijd goed en fijn om feedback te krijgen van collega’s. Dan ga je toch weer even anders naar het design kijken.

Werkproces 1.5

Presenteren van een ontwerp

Algemeen

Het presenteren doen we niet met z’n alle heel uitgebreid bij Webstijl, dit is omdat het veel tijd kost om iedereen bij elkaar te krijgen. Ook zijn er meedewerkers bij Webstijl die verder niet veel te maken hebben met het webdesign gedeelte. Mocht je wel wat laten zien of wil je ergens feedback op dan is dit tijdens de weekelijkse kickoff altijd mogelijk. Vaak leg ik zelf mijn design van een website wel voor bij Marloes (hoofd designer bij Webstijl). Samen bespreken wij het design en discussieren we over waarom bepaalde dingen zo ontworpen zijn. Daarna ga ik vaak aan de slag met deze feedback. Aan klanten leggen we het design vaak telefonisch voor, de klant kan dan mee kijken in het CMS systeem. Hier kan de klant vervolgens zijn mening en terugkoppeling op geven. 

Als de website is uitgebouwd word deze nog gecontroleerd aan de hand van een checkist om te kijken of alles aanwezig is binnen de website. Dan kijkt vaak Marloes en andere medewerkers met een frisse blik de website nog eens na en krijg ik een lijstje terug met feedback die we dan bespreken. Dan voer ik de laatste aanpassingen door en dan word de website opgeleverd.

Bij Webstijl is een website eigenlijk nooit af. Vooral grote websites worden soms wel maandelijks bijgestuurd en aangepast. Vaak wel gericht op de vindbaarheid, maar ook op de website zelf worden veel aanpassingen gedaan.

Wat heb ik gedaan?

Bij eigenlijk alle websites pitch ik mijn ontwerp dus bij Marloes en bij Wouter. Vaak bespreken we dan wat er misschien anders zou kunnen. Vaak is dit ook gericht op conversies. Hier gaan we dan ook vaak over in gesprek en dat is erg leerzaam. Als ik goedkeuring heb, dan voer ik de aanpassingen door en ga ik de hele website uitbouwen.

Soms is dit natuurlijk ook omgekeerd. Voor de website watvoorhuiswiljij.nl liep Marloes een beetje vast met het design, omdat ik het logo had ontwopen en ik al kennis had van dit project heb ik hier mijn feedback op gegeven.

Daarnaast hebben we ook een video stagair lopen bij Webstijl. Voor Webstijl hebben we begrippen video’s gemaakt. Dit is toch een ook een soort presenteren voor de camera. In deze video’s wordt kort uitgelegd wat sommige begrippen inhouden. Ook ik heb 2 van deze video’s gemaakt, het moeilijkste gedeeldte was om de tekst te onthouden, maar na een aantal takes heb je het goed in je hoofd en voel je je vertrouwd. Ookal was het niet helemaal mijn ding is het toch gelukt om de video’s te maken en ben erg tevreden over het resultaat! Ook was het weer een hele nieuwe ervaring. De video’s zijn helaas nog niet openbaar gepubliceerd, dus die kan ik nog niet laten zien. Voor het laatste verslag komen deze er zeker in.

Problemen en oplossingen

In het begin vond ik het moeilijk om mijn keuzes te verantwoorden en dacht ik niet altijd goed na over waarom ik verschillende keuzes gemaakt had. Vooral op het gebied van conversie. Zeker in het begin dacht ik alleen maar na over hoe alles eruit ziet en of het wel mooi was. Door vaak in gesprek te gaan met collega’s leer je steeds beter je keuzes te verantwoorden. 

Werkproces 2.1

Voorbereiden van de realisatie

Algemeen

De voorbereidingen is vaak een punt dat wordt onderschat. Dit vraagt namelijk best wel wat werk.. je moet je natuurlijk inleven in de klant. Je moet de juiste informatie verzamelen om de website te kunnen realiseren. Vaak zijn de aangeleverde bestanden niet van top kwaliteit. Ook krijg je weinig input van de klant en moet je het vaak zelf uitzoeken. Klanten zien vaak de waarde van goede content niet in. Bij een re-design is dit nog te overzien omdat je de oude website nog bij de hand hebt, maar zeker met nieuwe websites vraagt dit toch wat werk.

De standaard teksten worden ook door de klant aangeleverd, of die kan de klant er later zelf inzetten. De SEO pagina’s worden door medewerkers geschreven. Het kan soms even wachten zijn voordat deze klaar zijn, maar vaak is er al wel een tekst geschreven en kan je deze gebruiken als standaard voor de rest van de website.

Wat heb ik gedaan?

Bij Webstijl hebben wij een Google drive waar alle gegevens en bestanden van klanten op staan. De klant levert vaak zelf ook foto’s aan en andere bestanden met informatie die dan weer verwerkt moet worden in de website. Vaak zijn dit hele grote foto bestanden, waar je mobiele bundel niet zo blij van wordt.. Vaak zit er best wat tijd in de optimalisatie van foto’s om deze zo klein mogelijk te maken en toch de kwaliteit te behouden. Tegenwoordig is laadsnelheid ook belangrijk voor de positionering in Google. Daarom moet hier echt aandacht aan worden besteed. Natuurlijk geeft het ook een kick om de afbeeldingen zo goed mogelijk te optimaliseren om de laadsnelheid te verbeteren. Video’s worden vaak geupload naar Youtube en dan kan je de youtube video inladen op de pagina, dit scheelt heel veel ruimte op de server van de website. Eens in het half jaar doen wij ook een website APK, dan controleren wij via een website van google of we de laadsnelheid van de website kunnen verbeteren. Deze website maakt ook via het 3G netwerk verbinding met de website om te kijken of het voor mobiel geschikt is.

Vaak zijn niet alle foto’s geschikt voor de nieuwe website, daarom maken wij ook gebruik van stock foto’s. Vaak wil je een mooie en pakkende afbeelding. Je moet dus goed zoeken naar het juiste beeldmatteriaal. Bij ‘Bouwbedrijf Reus‘ was dit ook best wel een struggle. De meeste foto’s waren zelf geschoten en een te lage resolutie. Dan moet je creatief omgaan met wat je hebt door sommige afbeeldingen kleiner weer te geven op de website of door ze een donkere overlay te geven.

Problemen en oplossingen

Het probleem wat ik dus ook vaak mee te maken heb is dat de content voor de website nog niet beschikbaar was. Door voorbeeld teksten als lorum ipsum en iStock afbeeldingen in te voegen lukte het vaak toch om alles op zijn plek te krijgen. Ook zijn afbeeldingen vaak veel te groot (of juist te klein) om op een website te plaatsen, daarom moeten ze verkleind worden. Bij hele grote bestanden doe ik dit vaak met Photoshop en anders met Tinypng. Dit is een website die heel goed afbeeldingen kan comprimeren zonder dat het tijd kost zoals bij Photoshop.

Werkproces 2.3

Een media-uiting maken

Algemeen

Ik als stagair ben de hele dag bezig met aanpassingen doen aan websites of ben ik bezig met het maken van nieuwe designs. Ik vind het nog steeds erg leuk om hier dagelijks mee bezig te zijn en om dit te doen! Vaak zijn er ook vragen van klanten of kom je fouten tegen die dan moeten worden opgelost, dit moet je dan ook vaak met codes zoals css oplossen.

In de stage periodes dat ik hier nu aan de slag ben heb ik al een aantal leuke designs ontworpen en websites gebouwd. Ook aanpassingen aan websites die zijn doorgevoerd zijn erg goed gelukt. Daarnaast ben ik erg veel bezig geweest met het responsive maken van websites. Omdat ik dagelijks met deze websites bezig ben heb ik deze niet allemaal bijgehouden.

Verder doen we ook conversiebijsturingen. Deze bijsturingen worden gedaan om de website te updaten en beter te optimaliseren voor conversies. Door deze optimalisaties uit te voeren hopen we hier uiteindelijk meer leads uit te halen.

Wat heb ik gedaan?

Het voordeel van veel bezig zijn met websites is dat het met de codeertalen wel aardig goed gaat. Zeker bij de Headway websites komt dit aan bod. Bij het nieuwe programma Divi wat minder, maar het scheelt dat ik een aardige basis heb die ik kan gebruiken. Dit was ook een van mijn leerdoelen. Ook werk ik dagelijks met WordPress, dus hier maak ik ook steeds meer kennis met verschillende plug-ins en mogelijkheden. Op het gebied van PHP leer ik hier niet zo veel, dit komt omdat mijn eigen basis nog niet zo hoog is en de meeste PHP zit al in WordPress geïmplementeerd. Vaak is dit tegenwoordig ook niet echt meer nodig, er zijn hele goede oplossingen zoals Divi die zowel voor ons als voor de klant erg gebruiksvriendelijk zijn. Natuurlijk is het leuk om zelf een website te coderen, maar er komen zo veel voordelen kijken bij het gebruik van een CMS systeem dat deze keuze snel gemaakt is. Een grootste voordeel voor Webstijl is dat klanten ook zelf via een overzichtelijke omgeving dingen kunnen aanpassen op de website. Dit geld niet alleen voor klanten, maar ook voor de online marketeers bij Webstijl. Het nadeel van een CMS systeem is dat je soms beperkt word in je vormgeving omdat niet altijd alles mogelijk is binnen een thema.

Hieronder heb ik een aantal projecten uitgekozen waar ik mee bezig ben geweest deze periode. Verder ben ik natuurlijk met nog veel meer projecten bezig geweest, deze zijn te lezen in de weekverslagen en ook alle websites staan bij de documenten van dit werkproces.

Bouwbedrijf Reus resdesingn

Ik heb bij 1.4 ook al aandacht gegeven aan het design van ‘Bouwbedrijf Reus‘. Na een feedback ronde met Wouter en de klant ben ik aan de slag gegaan met het uitbouwen en vullen van de pagina’s. Omdat deze klant ook SEO heeft moesten er ook een aantal SEO pagina’s worden overgenomen. Dit is erg belangrijk om de positie in Google te behouden. Daarom moet dit ook nauwkeurig gebeuren, er moet rekening worden gehouden met de url’s, h1 en h2 gebruik. Ook moeten de meta gegevens worden overgenomen. Dit zijn stukjes beschrijving zodat Google jou pagina beter kan vinden en indexeren. Als hier iets in fout gaat kan het zijn dat deze pagina zijn google positie verliest.

Voordeelmat

Ook ben ik aan de gang gegaan met de conversiebijsturing voor ‘Voordeelmat‘. ‘Voordeelmat’ is een van onze hoogst scorende klanten, gemiddelde conversie van 3% met 11481 klanten afgelopen maand. Deze moet dus blijven worden geoptimaliseerd om de goede scores te behouden en zelfs te verbeteren. Dit geld voor de vindbaarheid in Google, maar ook voor de website zelf. Is alles nog up-to-date? Zijn er pagina’s die niet mooi overkomen en waar wat anders voor moet worden verzonnen? Dit zijn allemaal aandachtspunten waar we aan denken bij een conversiebijsturing. In deze bijsturing ben ik aan de slag gegaan met een landingspage. Dit is een pagina waar veel bezoekers vanuit Google op binnenkomen. De pagina zelf gaat over een stappenplan hoe je het beste een mat kunt uitzoeken. Dit stond alleen erg omslachtig en onduidelijk, daarom heb ik deze pagina aangepast zodat het vriendelijker is om te gebruiken.

puurdesign

Verder ben ik begonnen met het re-design van ‘Puurdesign‘. Dit is een grafisch vormgever die een nieuw design krijgt van haar website. Helaas was er nog geen voldoende content beschikbaar, daarom was het lastig om te bepalen wat voor soort sfeer zij graag in de website zou willen hebben. Uiteindelijk is dit gelukt met stockfoto’s. Helaas is het design niet echt geworden wat ze er van had verwacht. Het is natuurlijk lastig om een persoonlijk portfolio voor iemand anders te creëren en dan ook nog eens voor een grafisch vormgever. De oude website was duidelijk gedateerd en ik heb de nieuwe website toekomst proef gemaakt alleen was de klant daar niet zo van gecharmeerd. Ze vond het te modern, deze zaak loopt nog dus hier moeten nog veel aanpassingen aan gedaan worden om tot een middenweg te komen en uiteidelijk het gewenste resultaat te behalen.

watvoorhuiswiljij

Misschien wel een van leukste waar ik mee bezig geweest ben buiten het maken van websites was een logo design opdracht. We hebben een nieuwe klant: watvoorhuiswiljij.nl. Dit bedrijf staat zelf ook nog in de kinderschoenen, daarom was er nog geen huisstijl en logo beschikbaar. Marloes had al een gedeelte van de website ontworpen, er moest nog wel een logo gemaakt worden. Hier ben ik dus mee aan de slag gegaan en heb ik voor hun een logo ontworpen.

Problemen en oplossingen

Ik miste toch wel het vormgeven van andere dingen zoals logo’s, huisstijlen en flyers maken. Dit heb ik ook aangegeven. Ook voor mijn ontwikkeling denk ik dat het goed is om hier ook meer mee bezig te zijn zodat ik niet alleen focus op het maken van websites. Dus vaak als er dingen gedaan moeten worden buiten websites om, zoals logo’s of iets voor facebook. Dan komen ze naar me toe of ik dat zou willen maken. Ook heb ik voor een beurs de omslag van een waterflesje gemaakt en heb ik een webstijl rompertje gemaakt als cadeautje voor een pasgeboren baby. Dit zijn toch leuke design dingetjes tussendoor.

Werkproces 2.4

Levert de media-uiting op

Algemeen

Voordat een website live gaat hebben wij een aantal checklists. Een groot deel hiervan is het controleren van alle verschillende browsers en verschillende responsive formaten. Wij hebben ook alle apparatuur binnen Webstijl beschikbaar om dit te kunnen doen. Zo ligt er een Ipad, tablet en zijn er verschillende schermformaten beschikbaar. Ook zijn een paar Mac systemen waar op getest kan worden. Ook na livegang word dit nogmaals gecontroleerd om er zeker van te zijn dat alles naar behoren functioneert.

Wat heb ik gedaan?

Zelf ben ik ook altijd bezig om de checklist uit te voeren. Dit moet namelijk voor elke website en elke fase gedaan worden. Ook komt er nog meer kijken bij het opleveren van een website. Omdat mijn leerdoel is om meer contact te hebben met klanten heb ik een telefonische CMS uitleg gegeven voor de website van UC Dance. Comminucatie is niet altijd mijn sterkste punt, maar zoiets als een uitleg geven vind ik best leuk om te doen. Ik denk dat ik daar ook wel het geduld voor heb om iets rustig en duidelijk uit te leggen. Dit is een van de eerste Divi websites. Ik ben veel bezig geweest met deze website en omdat ik bezig geweest ben met de Divi handleiding voor klanten, heb ik aardig verstand gekregen van Divi. Ondanks de eerste keer ging dit dus erg goed, na het gesprek heb ik voor mijzelf het kort beschreven wat er voor mijn gevoel goed ging en wat ik de volgende keer anders zou doen.

Wat ging volgens mij goed:

• De uitleg was duidelijk.
• Ik was goed verstaanbaar en op een rustige manier alles uitgelegd.
• Aan het begin een inleiding gegeven en gevraagd wat zei daar nog aan toe te voegen had en wat ze zelf wou weten.
• Sommige dingen herhalen en een vaste naam geven. Zoals met kleuren werken in Divi en de icoontjes.

Wat ging er minder goed:

• Soms ging ik te snel en de kleine dingetjes sloeg ik over omdat dat voor ons al automatisme is.
• In het begin ging het nog een beetje door elkaar heen. Volgende keer iets meer structuur. Later in de uitleg ook duidelijker aangegeven dat we naar het volgende puntje gingen en of hier nog vragen over waren.

Als de website klaar is moet deze natuurlijk live worden geplaatst. Ik weet hoe ik websites live moet plaatsen, maar omdat wij binnen een CMS werken moet op de domein van de klant de DNS worden aangepast. Omdat dit wel 100% goed moet gaan, doet vaak de systeembeheerder dit.

Met de kennis van ICT, hardware en software zit het bij mij ook wel aardig goed. Ik heb wel wat verstand van servers. Ook heb ik mijn eigen computer in elkaar gezet (zie footer afbeelding), waar je toch enige kennis voor nodig hebt.

Problemen en oplossingen

Ik ben hier niet echt problemen tegengekomen. Het enige wat ik als probleem zou kunnen bedenken is dat ik zelf geen websites live zet. Dit gaat ook via de systeembeheerder. Ik weet zelf ook hoe dit werkt, op school en privé heb ik ook een aantal websites online moeten zetten en dat is ook gelukt. Een van mijn leerdoelen is om hier meer kennis van op te doen, helaas heeft er zich nog geen kans geweest om dit samen te doen met de systeembeheerder. Binnenkort gaan er een aantal geschikte websites online waarbij ik mee kan kijken hoe dit in zijn werk gaat.

Werkproces 2.5

Houdt het archief bij

Algemeen

Zoals al eerder aangegeven werkt Webstijl met Google Drive. Hier plaatsen wij alle bestanden in die voor iedereen te vinden moeten kunnen zijn. Dus alle bestanden van een website die jij gebruikt hebt. Ook staan hier inloggegevens op en belangrijke afspraken met klanten. Ook word er voor css bestanden een bepaalde structuur aagehouden en moet je commentaar zetten bij de aanpassingen die je doet.

Wat heb ik gedaan?

Om de Google Drive netjes en overzichtelijk te houden is het belangrijk dat deze overzichtelijk blijft, daarom hebben we een standaard mappenstructuur waar je je aan moet houden. Dit doe ik natuurlijk ook als ik bestanden in de drive upload. Voor de mediabestanden gebruiken we grotendeels de mediabiliotheek van WordPress. Als je klaar bent met het bouwen van een website moet er selectief gekeken worden naar welke bestanden er behouden moeten worden en welke er overbodig zijn. Dit is nodig om ruimte te besparen.

Problemen en oplossingen

Er waren voor mij persoonlijk niet heel veel problemen. Soms vergeet ik bestanden van mijn computer naar de drive te uploaden. Eens in de zoveel tijd schoon ik mijn laptop op en controleer ik of het daadwerkelijk in de drive staat.

Leerdoelen

• Meekijken/werken met Adwords/SEO trajecten
• Opstarten klantencontact
• Meekijken met technische zaken zoals websites publiceren SSL implementeren
• Vormgeven van zaken buiten websites om

Leerdoel 1

Meekijken/werken met Adwords/Analytics/SEO trajecten

Wat wil ik leren?

Ik wil graag meer kennis opdoen van het online marketing gedeelte van Webstijl. Omdat dit ook een belangrijk aspect is van een goed werkende website lijkt het mij goed om hier ook beter in te worden.

Als je dit een beetje onder de knie krijgt kan je veel gerichter websites ontwerpen. Met het oog op conversies leer ik Analytics wel steeds beter kennen, het lukt mij hier al wel om doelen in te stellen, maar de informatie uitlezen heb ik nog geen ervaring mee.

Hoe wil ik het leren?

Online marketing staat bij Webstijl hoog in het vaandel. Bij Webstijl zijn er dus ook online marketeers, die kunnen mij goed wegwijs maken op het gebied van SEO en Adwords.

Daarnaast wil ik er natuurlijk zelf ook graag mee aan de slag gaan om dit beter te leren kennen. Vooral veel filmpjes kijken en het internet afstruinen helpt om al een klein beetje inzicht te krijgen in dit proces voordat ik met de online marketeers aan de slag ga.

Hoe sta ik er nu voor?

Op dit moment heb ik er nog nauwelijks verstand van. Ik weet wat SEO en programma’s zoals Adwords inhouden. Ook kan ik SEO pagina’s vullen, maar verder heb ik er eigenlijk nog niet zo veel mee gedaan dat ik dit zelf zou kunnen toepassen bij klanten.

In Analytics heb ik wel vaak gewerkt en doelen ingesteld. Ook heb ik dit in combinatie met een webshop gedaan. Ik heb alleen nog geen ervaring met het uitlezen van Analytics, dus dat hoop ik deze periode ook meer op te doen.

Leerdoel 2

Opstarten klantencontact en communicatie

Wat wil ik leren?

In de eerste stage bij Webstijl heb ik niet heel veel gedaan met klantencontact. Omdat dit een punt is wat mij niet het beste ligt, zou ik hier graag beter in willen worden en meer ervaring over opdoen. Ook zeker met een oog op de toekomst is dit erg belangrijk.

Hoe wil ik het leren?

Met Webstijl heb ik overlegt dat ik vaker telefonisch contact ga opnemen met klanten. Bijvoorbeeld door CMS uitleg te geven of simpelweg de service telefoon op te nemen en klanten te helpen of door te schakelen naar de juiste persoon.

Hoe sta ik er nu voor?

Op dit moment heb ik hier nog niet veel ervaring mee, wel vanuit school met het bureau en ook heb ik af en toe kleine mailwisselingen gehad met de klant. Verder heb ik wel veel indirect contact gehad met klanten via andere medewerkers.

Leerdoel 3

Meekijken met technische zaken zoals websites publiceren, SSL implementeren

Wat wil ik leren?

Ik zou graag meer de technische kant van de websites willen meekrijgen. Zoals websites publiceren. Ook worden dingen zoals SSL steeds belangrijker, daarom is het ook zeker voor de toekomst handig om hier al kennis van op te doen.

Hoe wil ik het leren?

Wouter is bij Webstijl de technische man. Hij doet alles op het gebied van websites online zetten. Ik heb met hem afgesproken om dit een aantal keer samen te doen en het zo te leren dat ik het uiteindelijk ook zelf zou kunnen.

Hoe sta ik er nu voor?

Websites online zetten heb ik al ervaring mee. Bij Webstijl gaat dit op een andere manier dan bestanden uploaden naar een server. Er dient ook een DNS wijziging gedaan te worden en ook wordt er een SSL geïmplementeerd te worden. Van deze zaken heb ik nu nog weinig kennis van.

Leerdoel 4

Vormgeven van zaken buiten websites om.

Dit is niet echt een doel met een duidelijke eindstreep, maar dit is meer iets wat ik graag meer wil doen binnen mijn stageperiode van Webstijl.

Wat wil ik leren?

Bij Webstijl zijn we vooral bezig met websites, dit is natuurlijk ook het hoofddoel van Webstijl. Omdat in de opleiding natuurlijk oom meer word gedaan dan alleen websites lijkt het me verstandig om toch te kijken of er mogelijkheden zijn om buiten websites iets met vormgeving te doen.

Hoe wil ik het leren?

Zodra er dingen moeten worden gedaan buiten websites om zoals afbeeldingen voor facebook, logo’s of icon’s voor een website. Dan wil ik dat zo veel mogelijk op mij nemen.

Hoe sta ik er nu voor?

Ik doe thuis voor mezelf ook wel wat dingen en natuurlijk in de opleiding iv zijn we hier veel mee bezig geweest. Ik weet hoe ik om moet gaan met de programma’s. Hier heb ik dus een aardige basiskennis van.

Hoe heb ik deze periode ervaren

Ik heb deze periode zeker goed ervaren en erg naar mijn zin gehad. Omdat ik nu voor mijn 2e periode bij Webstijl stage loop merk dat ik steeds meer vrijheid krijg en ook steeds meer projecten zelf verantwoordelijk ben. Dit is natuurlijk weer een hele uitdaging, maar ik denk zeker een goede voor mijn ontwikkeling.

Ook op technisch gebied heb ik deze periode weer veel geleerd. Divi was nog vrij nieuw, maar heb ik nu wel volledig onder de knie. Ook op het gebied van conversietechnisch denken word ik door het vaker doen steeds beter. Ook leer ik herkennen waar er binnen websites winst op conversie te behalen valt. Deze periode ben ik ook steeds wel meer bezig in photoshop, dus ook op dit gebied ga ik vooruit.

Deze periode heb ik voor het eerst echt communicatie gehad met klanten, ook neem ik als het moet de service telefoon op. Ik weet van mezelf dat ik hier nog wel grote stappen in kan maken, maar ik denk zeker dat deze periode een goed begin was.

Het enige wat deze periode nog niet echt aan bod is gekomen is mijn leerdoel om meer te doen met Adwords, Analitics en SEO. Ik hoop dat dit volgende periode zeker nog aanbod komt omdat het mij een zeer interessant onderdeel van websites lijkt. 

Nawoord

Ik kijk terug op een zeer leuke stageperiode waarin ik weer druk bezig ben geweest. Toch was het stageverslag de laatste week toch nog even stressen omdat er nog veel aan gedaan moest worden en omdat ik niet helemaal op de juiste manier begonnen was. Gelukkig is dit helemaal goed gekomen en ben ik opzich wel tevreden met het resultaat, maar ik had graag wat meer verdieping willen geven aan de projecten waar ik mee bezig ben geweest. Ik denk dat hier ook de grootste uitdaging ligt voor het laatste verslag.

Ik kijk ook uit naar volgende stageperiode, ik denk dat er nog een aantal werkprocessen zijn waar ik grote stappen in ga maken. Ook ik op het gebied van mijn leerdoelen valt er nog een slag te slaan in de volgende periode.

Bronnen

Collega’s

Google Drive van Websijl

Internet