Stageverslag 2
“Het eerste Stageverslag”
Ron Spitse
Karin van Gent
Periode 11
30 maart 2017
Klas: 3IV1
Dyslectisch
Voorwoord
In mijn eerste stageverslag ga ik het vooral hebben over mijn eerste stage ervaringen, hoe ik het tot nu toe ervaren heb en wat ik allemaal geleerd heb. Ook ga ik het hebben over het bedrijf waar ik stage loop. Ik ga op zoek naar de antwoorden. Wat is Webstijl? Wat is hun werkwijze? Wat doen ze? Wat bieden ze allemaal? Vooral de laatste vraag is een belangrijke. Webstijl doet namelijk heel veel, het is niet alleen een bedrijf die websites bouwt, maar ze doen ook online marketing. Wat dat allemaal precies inhoud lees je verder in dit verslag.
Werkproces 1.1
“Beoordeelt en bespreekt de opdracht”
Contact met de klant
Binnen Webstijl bespreken we alle opdrachten door. Webstijl heeft er voor gekozen om tijdelijke krachten zoals stagairs niet in contact te brengen met de klant.
Dit doen ze omdat dit erg verwarrend kan zijn.
Debriefing re-design
Wat heb ik gedaan?
Karin en Dyon nemen dit gedeelte vooral 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 zeker contact met klanten. Via deze weg kan ik dus ook vragen stellen en andere ideeën voorleggen.
Bij Webstijl hebben we re-designs waar ik wat meer vrijheid in heb. Een klant heeft elke 3 jaar recht op een re-design. Wij nemen dan 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. Deze gaan wij dan vervolgens voor de klant bouwen. 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.
Problemen en oplossingen
Ik liep tegen het probleem aan dat ik vrijwel niet met klanten in contact kwam. Bij re-design zijn klanten al wat langer klant bij Webstijl Hierdoor is het dus makkelijker om contact te hebben. Dit was een goede oplossingen omdat ik op deze manier toch mijn debriefing kon schrijven.
Voor T-jansen.nl heb ik een re-design gemaakt. Daarvoor heb ik een debriefing geschreven met de wensen van de klant.
Werkproces 1.2
“Een planning maken”
Plannen
Planningen maken was nooit mijn sterkste punt. Ik begon altijd maar gewoon ergens aan en dan kwam het vanzelf wel af. Dit was ook één van mijn leerdoelen voor deze periode. Gelukkig hebben we Teamleader wat al een heel stuk helpt met het inplannen van alle taken.
Hoe plan ik mijn eigen dingen in?
Wat heb ik gedaan?
Voor ik dat ga uitleggen heb ik eerst een kleine uitleg over Teamleader. 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, als mensen vragen hebben kunnen ze hun vragen stellen.
- Timetracking, met timetracking kan je precies zien hoe lang je met iets bezig bent geweest.
Hoe kan ik dingen inplannen?
- We krijgen taken toegewezen, waar een vast aantal uur voor staan. Ik ben de verantwoordelijke voor die taak. Hier hangt vaak een deadline aan vast.
- Deze uren kan je inplannen in je agenda. Je moet dus alle taken zo inplannen dat je het afkrijgt voor de deadline.
- Als de taken zijn afgerond kan je een milestone afsluiten (bijvoorbeeld: website design fase). Als dit is afgerond dan kan je verder naar de volgende milestone.
- Klanten kunnen dit ook bijhouden en kunnen dus zien hoeveel uur er aan gewerkt is en gefactureerd wordt. Op deze manier is alles overzichtelijk voor iedereen.
Verder bieden ze ook los aan of als uitbreiding: (internationale) marketing, mobiele website, webshop, catalogus, SEO, Adwords, linkbuilding, social-media advertising, Email(nieuwsbrief) gemanaged, meertaligheid en tekstschrijven.
Problemen en oplossingen
De problemen die ik tegenkwam waren dat het voor mij een nieuw programma is, In het begin was het dus erg veel uitproberen. Het is uiteindelijk gelukt en ik kan nu alles vinden. Ook zit er een timetracking systeem in die we koppelen aan klanten. In het begin liep dit nog niet helemaal goed omdat ik vergeten was de klanten te koppelen aan de planning. Uiteindelijk heb ik dit met terugwerkende kracht gedaan en is het goed gekomen.
Werkproces 1.3
“Maak een concept”
Concept bedenken
Bij Webstijl word het concept niet heel erg uitgebreid behandeld. In principe staat er al een redelijk concept vast. De klant wilt een Website en heeft vaak al een bepaalde huisstijl die hij graag terug wil zien in de website. Natuurlijk kunnen wij wel een beetje spelen met de kleuren zoals een afwijkende kleur toevoegen dat buttons beter opvallen.
Hoe gaat Webstijl conceptueel te werk?
Wat heb ik gedaan?
Vaak gaat het bedenken van een concept en het ontwerpen van de website samen. We werken wel met heel veel verschillende soorten bedrijven. Van een schoonheidssalon tot een advocatenkantoor. Dit vereist natuurlijk een hele andere soort website. Bij Webstijl houden we hier rekening mee, maar vaak is dit ook een logische stap in het maken van een ontwerp.
Wel werken wij veel met doelen en conversie. Hier zijn ook verschillende soorten concepten voor te verzinnen. Je wilt toch op een unieke manier de aandacht trekken en zo meer klanten werven.
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. Veel kijken naar voorbeeldwebsites en de huisstijl van de klant vaststellen.
Werkproces 1.4
“Maak het ontwerp”
Website ontwerpen
Bij Webstijl bestaat een ontwerp vaak alleen uit een schets en niet echt uit een heel Photoshop bestand waarin alles tot in de puntjes is uitgewerkt. Simpelweg omdat dit te veel tijd kost en het een beetje dubbel werk is omdat we met Headway werken, waar je eigenlijk ook aan het schetsen en ontwerpen bent. Het schetsen op papier doen we wel best uitgebreid, omdat je toch een houvast nodig heb om het overzicht te bewaren.
Hoe ontwerpen we bij Webstijl?
Wat heb ik gedaan?
Vaak beginnen we met een uitgebreide schets op papier. Dit is een effectieve manier om snel verschillende dingen uit te proberen en te kijken hoe het er globaal uit komt te zien. 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 jou conversie.
Vaak schetsen we de frontpage en één basis voor de onderliggende pagina’s. Daarna gaan we al snel over naar Headway. Binnen Headway heb je een hele goede functie om een grid te maken. Deze kan je vaak 1 op 1 overnemen van je schets. Dan is het vaak nog een aantal kleuren, plaatjes en tekst toevoegen en dan staat de basis. Daarna moet er natuurlijk nog veel aan gecustomized worden om het precies hetzelfde te maken als je schets.
Problemen en oplossingen
Voor de feedback van 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 doen. Daarom heb ik één website uitgewerkt in Photoshop. Ook heb ik bij andere websites waar ik niet helemaal uit kwam, even gepuzzeld in Photoshop.
Werkproces 1.5
“Presenteren van ontwerp”
Presenteren
Presenteren doen we niet heel uitgebreid bij Webstijl. Vaak leggen we het telefonisch voor bij een klant en die kan dan mee kijken in het CMS systeem en daar zijn terugkoppeling op kan geven. Vaak leg ik mijn design van een website wel voor bij Marloes (hoofd designer bij Webstijl)
Hoe presenteer ik?
Wat heb ik gedaan?
Meestal pitch ik mijn ontwerp en dan geeft Marloes aan wat ze misschien anders zou doen, of ze bedenkt andere goede toevoegingen voor de conversie. 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.
Als de website is uitgebouwd gaan er nog een aantal checklisten overheen om te kijken wat Webstijl garandeert in de website staat. 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.
Problemen en oplossingen
In heb 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 is.
Hieronder een paar voorbeelden van mijn voorbereiding een presentatie/ beargumentatie:
Voorbereiding nieuwe sites:
Werkproces 1.5 braspenning.pdf
Werkproces 1.5 Alver.pdf
Voorbereiding bijsturing:
Werkproces 1.5 claassen.pdf
Werkproces 2.1
“Voorbereiden van de realisatie”
De voorbereiding
De voorbereidingen vragen soms wel wat werk.. je moet je natuurlijk inleven in de klant. Je moet de juiste afbeeldingen, informatie en teksten bij elkaar verzamelen om de website te kunnen realiseren. Niet altijd zijn de aangeleverde bestanden van de klant van top kwaliteit.
Hoe bereid ik me voor?
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.
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.
Problemen en oplossingen
Het enige probleem dat ik had was dat de content voor de website nog niet beschikbaar was. Door voorbeeld teksten en iStock afbeeldingen in te voegen lukte het vaak toch om alles op zijn plek te krijgen. Ook zijn afbeeldingen vaak veel te groot 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 jou veel tijd kost.
Werkproces 2.3
“Een media-uiting maken”
De media-uiting
Wij als stagairs zijn eigenlijk de hele dag bezig met aanpassingen doen aan websites of nieuwe designs aan het maken en deze aan het realiseren. Het is heel leuk om te doen! Vaak kom je fouten tegen die dan moeten worden opgelost, dit moet je dan met codes oplossen en aanpassen.
Websites bouwen
Wat heb ik gedaan?
Het voordeel van veel bezig zijn met websites is dat het met de codeertalen wel aardig goed gaat. Dit was ook een van mijn leerdoelen. Op het gebied van html/css zit ik zeker wel goed. Ik had hier al een aardige basis in. 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.
Ondertussen heb ik al een aantal leuke designs ontworpen en websites gebouwd. Ook aanpassingen aan websites die zijn doorgevoerd zijn erg goed gelukt. Vooral de feedback die je terug krijgt van de klanten hoe blij ze zijn met hun nieuwe website vind ik leuk om te horen.
Problemen en oplossingen
Toch mis ik wel een beetje de andere dingen zoals logo’s, huisstijlen en flyers maken. Dit heb ik ook aangegeven, dus vaak als er kleine dingen gedaan moeten worden, zoals een foto op een taart 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, dit zijn dan toch leuke design dingetjes tussendoor.
Werkproces 2.4
“Levert de media-uiting op”
De media-uiting
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 liggen 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.
De oplevering
Wat heb ik gedaan?
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), 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.
Werkproces 2.5
“Houdt het archief bij”
Het archief
Zoals al eerder aangegeven werkt website met een 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.
Google Drive
Wat heb ik gedaan?
Om er voor te zorgen dat deze schijf geen rotzooi word is het belangrijk dat we deze overzichtelijk houden en een standaard stramien aanhouden zodat iedereen alles bestanden makkelijk kan vinden. Ook ik moet mij aan dit stramien houden, het archief word dus netjes bijgehouden. Vaak heb ik op mijn eigen computer nog een back-up staan van de projecten waar ik aan gewerkt heb.
Problemen en oplossingen
Er waren voor mij persoonlijk niet heel veel problemen. Wel zijn we van een lokale schijf overgestapt op Google Drive. We hebben toen alle belangrijke bestanden overgezet, alleen soms miste je oude bestanden. Die kon je dan wel terugvinden op de website, maar het koste even wat meer moeite.
Leerdoelen
“Mijn leerdoelen”
Leerdoelen
In mijn leerdoelen heb ik zeker een stap gezet, ik ben overtuigd dat ik veel meer kennis heb gekregen van websites en hoe ik deze slim kan vormgeven en goed kan uitbouwen. Bij sommige leerdoelen valt er nog zo veel meer te leren, maar een stap in de goede richting is er zeker gezet. Ook voor de volgende stageperiode zou ik deze doelen in mijn achterhoofd houden om mij hier steeds verder in te verbeteren.
De oplevering
Leerdoel 1: Beter worden in html/CSS en WordPress
Wat wil ik leren?
Ik wil graag beter worden in html/css. Ik denk dat ik hier al best ver op weg ben. Alleen vaak kost het nog wat inspanning om bepaalde dingen voor elkaar te krijgen. Dit moet meer vanzelf gaan en ik moet deze toe kunnen passen in bijvoorbeeld WordPress.
Hoe wil ik het leren?
Ik wil graag meer ervaring opdoen, en er veel mee bezig zijn. Samen met tips van medewerkers moet ik daar wel verder in komen.
Hoe stond ik er voor?
Ik sta er nu best wel aardig voor, ik heb wel een redelijke basiskennis. Ook WordPress kan ik mee overweg, maar er valt altijd meer te leren.
Hoe sta ik er nu voor (na 2,5 maand)?
Wij werken met Headway, daarin ben je vooral continu blokken aan het stylen. Dus op het gebied van CSS ga ik er zeker op vooruit! Vooral het snel en soms creatief oplossen van styling problemen. Html komt niet veel aan bot. Mijn basis is gelukkig best goed. Ook ben ik nog altijd bezig met mijn eigen portfolio website, die is wel zelf gecodeerd. Met WordPress werken wij eigenlijk altijd, dus ook dat gaat met stappen vooruit. Vooral het werken met verschillende plug-ins.
Hoe sta ik er nu voor (na 5 maanden)?
We zijn begonnen met een overstap naar Divi binnen WordPress. Dit werkt nog niet echt helemaal naar behoren. Headway heeft nog een aantal voordelen op het gebied eigen aanpassingen doorvoeren in de website. Divi is een beetje basis. Voor grote klanten werkt dit niet, maar we hebben ook een aantal kleinere klanten die alleen een website bij ons hebben. Voor dat soort klanten werkt Divi wel prima.
Op gebied van PHP codes heb ik nog wel een aardige weg te gaan, maar vaak zit er binnen een bedrijf een echte codeur specialist die deze dingen zo kan oplossen. Bij Webstijl is dit ook zo. Omdat wij binnen een CMS systeem werken, kom ik ook niet toe aan de PHP omdat dit eigenlijk allemaal door de systeem beheerders worden gedaan.
Op het gebied van html/CSS en WordPress heb ik mijn leerdoel zeker gehaald, op het gebied van PHP niet. Als ik daar echt verder in wil, zal ik mijzelf eerst een basis moeten aanleren.
Leerdoel 2: Beter Plannen
Wat wil ik leren?
Ik wil graag beter worden in het plannen, nu is het vaak zo dat ik ergens aan begin en dat het een bepaalde deadline heeft. Ik wil graag beter leren inschatten hoelang ik bezig ben met verschillende fases van een website.
Hoe wil ik het leren?
Ik denk dat je dit het beste kan leren door het vaak te doen. Zo kom je er achter wat jouw tempo is en hoeveel tijd je nodig hebt.
Hoe stond ik er voor?
Ik sta er nu nog niet heel goed voor. De deadlines worden veel vanuit school bepaald. Als nu iemand aan mij zou vragen of ik een website wil maken, dan zou ik niet gelijk weten hoe lang ik daarover zou doen.
Hoe sta ik er nu voor (na 2.5 maanden)?
Zoals eerder aangegeven gebruiken wij bij Webstijl het programma Teamleader. Dit help echt enorm met plannen. Naast dat er dingen worden ingepland door Karin, moet ik zelf ook dingen inplannen en soms dingen aanpassen als het iets meer tijd heeft gekost dan ingepland staat. Dit gaat dus al echt een stuk beter! Er is vooral meer structuur en dat vind ik erg fijn werken.
Hoe sta ik er nu voor (na 5 maanden)?
Ik plan nu bijna alles in en ik kan nu ook makkelijker zelf inzien hoe ik dingen moet plannen en er voor kan zorgen dat het dus ook echt op tijd afkomt. Soms moet je voor sommige projecten prioriteiten stellen. En sommige projecten, die misschien wel leuker zijn om te doen, toch verder naar achter te schuiven. Ook kan ik beter een de tijd inschatten hoelang iets gaat duren.
Dus ik denk dat ik mijn leerdoel grotendeels gehaald heb. Door het vaker te doen, zal het plannen steeds verder verbeteren.
Leerdoel 3: Websites slim vormgeven
Wat wil ik leren?
Ik wil graag leren om websites niet alleen mooi, maar ook slim vorm te geven. Ook meer op marketing gericht, dat je de mensen echt aanspoort om contact op te nemen en zo uiteindelijk meer klanten te genereren.
Hoe wil ik het leren?
Ik wil dit leren met hulp van medewerkers die mij hierin kunnen aansturen. Ook met software die dingen kunnen analyseren.
Hoe stond ik er voor?
Ik denk dat ik nu websites vormgeef met het oog op design. Dat alles er mooi uit ziet, maar niet echt op de manier dat ik mensen aanspoor om daadwerkelijk contact op te nemen.
Hoe sta ik er nu voor (na 2,5 maand)?
Ik ben op dit moment bezig met mijn tweede re-design. De eerste is erg goed in de smaak gevallen bij de klant, dus dat is een goed begin. Bij Webstijl ben je ook altijd bezig met conversie, dus daar begin je ook steeds meer over na te denken bij het maken van een design. Ik heb nu aardig wat aanpassingen aan verschillende websites gedaan en daar zie je verschillende soorten conversies die je zelf ook weer kan gebruiken.
Hoe sta ik er nu voor (na 5 maanden)?
Ondertussen heb ik al aan heel wat websites meegewerkt. Elke keer ben je weer bezig met websites en je ziet ook steeds meer websites voorbij komen. Je leert steeds meer nieuwe manieren om de conversie van een website te verhogen. Op deze manier bedenk je steeds sterkere conversiefunnels. Ook werk ik steeds meer met Google Analytics om bijvoorbeeld doelen in te stellen zodat je de aantal conversies kan meten.
In dit leerdoel heb ik zeker een grote stap gezet, dit proces kan je je altijd verder in verbeteren, maar ik denk dat ik nu een aardige basis heb meegekregen.
Mijn ervaringen
“Hoe heb ik deze periode ervaren”
Mijn ervaring
Ik heb deze periode weer veel geleerd op het gebied van websites, maar ook op het gebied van omgaan met een volle en drukke planning. Hierdoor moet je je werktempo hoog houden om alles af te krijgen. Verder heb ik het heel erg naar mijn zin gehad, sommige dagen gaan voor mijn gevoel nog sneller voorbij dan schooldagen.
Websites
Op het gebied van websites heb ik meegewerkt aan een paar toffe projecten! Aan een aantal kleinere klanten zoals Vink uw Fijnbakker en T-jansen waar ik een re-design voor mocht maken en deze ook helemaal heb uitgebouwd. Om dat hele proces door te lopen vond ik erg leerzaam.
Soms zat er een grote tijdsdruk achter, bijvoorbeeld Azure-IT. Binnen 3 dagen moest de website zo goed als af zijn. Dit is uiteindelijk ook gelukt om binnen de tijd af te ronden. Ook heb ik hele mooie complimenten gekregen van de klant, zelfs zo goed dat de klant nu meerdere nieuwe websites bij ons wilt gaan afnemen omdat hij zo tevreden is. Dat is toch een mooi compliment en een bevesiging van het harde werken.
Ook aan websites zoals Fun Forest waar ik aan meegeholpen heb. Dit zijn toch vrij grote klanten en dat ik dan mag helpen met bijvoorbeeld het uitbouwen en responsive maken van deze website vond ik heel gaaf om te doen!
Leerdoelen
Mijn leerdoelen zijn ook zeker geslaagd, op het gebied van plannen, vormgeven en uitbouwen van websites heb ik heel erg veel geleerd.
Ik kijk zeker uit naar de volgende stageperiode bij Webstijl! Ik hoop nog veel meer te leren en mee te werken aan leuke projecten.
Nu eerst maar even genieten van de zomervakantie!