Select Page

Stageverslag 1

“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.

“Je ziet Stefan Steeds meer vooruit gaan in design, conversie en in het meedenken van oplossingen, ga zo door!”

In 2004 is Webstijl opgericht met de gedachten om een full-service internetbureau te zijn. Vooral gericht op MKB bedrijven. Webstijl werkt met een abonnementsconcept, daar zit alles in voor een maximaal resultaat op het internet. Het abonnement word afgesteld op de behoeftes van de ondernemer. Dit kunnen kleine bedrijven zijn met een klein budget en website, maar ook grote bedrijven met een groot budget en dus ook een grotere website. Webstijl wil ook alle zorgen van de website uit de handen van de klant nemen, zei zorgen dus voor alle onderhoud.

Webstijl richt zich vooral op de ondernemer, ongeacht of hij een starter is of een beginnende ondernemer. Doordat de ondernemer centraal staat bij het ontwikkelen van de website. Kunnen zij er voor zorgen dat je meer naamsbekendheid genereerd. Dit doen ze doormiddel van een webdesign met verschillende conversies en met SEO advies. Een belangrijk streven van Webstijl is een langdurige samenwerking. Webstijl helpt het bedrijf groeien. Zo kan ook het abonnement meegroeien, zodat er altijd een passend advies en onderhoud voor de website is.

Het concept

Om dit alles zelf te doen is een moeilijk en tijdrovend proces. Bij Webstijl zijn er medewerkers die hiervoor geleerd hebben en alle ontwikkelingen van bijvoorbeeld internetgigant Google nauwlettend in de gaten houden. Dit doen ze om een zo goed mogelijke positie op het internet te krijgen en op die manier zo veel mogelijk leads en klanten te genereren.

Om zo veel mogelijk leads te krijgen zijn 3 dingen heel belangrijk:

Bezoekers

  • Hoe meer bezoekers, hoe meer potentiele klanten. Dit doen ze door diverse kanalen slim en nuttig te gebruiken. Door slimme trucjes binnen SEO en SEA kan je een hogere positie in zoekmachines krijgen. Ook adverteren met bijvoorbeeld Adwords of marketing op social-media.

 

Conversie

  • Je wilt natuurlijk niet alleen bezoekers die jou webpagina bekijken. De bezoekers moeten natuurlijk ook voor leads en sales zorgen. Bij Webstijl passen ze verschillende conversiedoelen toe op de websites om de bezoekers te leiden naar bijvoorbeeld een contactformulier.

 

Actieve campagne

  • Klanten, mode, zoekgedrag, markt en bedrijf veranderen dagelijks. Webstijl observeert en analyseert deze ontwikkelingen goed, om zo te kijken hoe ze de meeste klanten kunnen aanspreken.

Webstijl heeft een aantal verschillende producten en paketten die ze aanbieden.

Webdesign Corporate

  • Onbeperkt ontwerp correctierondes
  • 20 gevulde pagina’s met 4 pagina-indelingen
  • Marketing teksten voor 5 pagina’s
  • 4 conversiedoelen
  • 3x per jaar een conversiecheck en website APK
  • Responsive en een nieuw design na 3 jaar.
  • Meertaligheid

 

Webdesign Tuning

  • 3 ontwerp correctierondes
  • 20 gevulde pagina’s met 4 pagina-indelingen
  • Marketing teksten voor 4 pagina’s
  • 2 conversiedoelen
  • 2x per jaar een conversiecheck en website APK
  • Responsive en een nieuw design na 3 jaar.

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.

Webdesign Marketing

  • 3 ontwerp correctierondes
  • 12 gevulde pagina’s met 3 pagina-indelingen
  • Marketing teksten voor 3 pagina’s
  • 4 conversiedoelen
  • 2x per jaar een conversiecheck en website APK
  • Responsive en een nieuw design na 3 jaar.

 

Webdesign Stijl

  • 1 ontwerp correctierondes
  • 7 gevulde pagina’s met 2 pagina-indelingen
  • 2x per jaar een website APK
  • Responsive en een nieuw design na 3 jaar.

 

Full Service Flex Lease

  • Alle componenten die hieronder beschreven staan zitten hierin.

Hoe gaat Webstijl te werk van klantgesprek tot oplevering

Website

Bij Webstijl hebben ze een sales afdeling die continu zijn best doet om nieuwe klanten te werven. En om Webstijl bekent te maken binnen Nederland. Hierbij is het van groot belang dat de kwaliteit van de websites op een hoog niveau blijven. En dat we ook daadwerkelijk kunnen aantonen dat er een groter rendement behaald word als je in zee gaat met Webstijl.

Wanneer er een klant is die samen met Webstijl wil gaan samenwerken, gaan ze eerst een gesprek aan over welk abonnement het best bij hun bedrijf past. Als dit intake gesprek goed is verlopen, gaan de designers aan de slag in samenwerking met de klant. Soms is het zo dat ze op locatie komen voor een intakegesprek. Zo leren ze meer van het bedrijf en kunnen we een passende website bouwen.

Als dit allemaal voor elkaar is gaan de designers aan de slag met het daadwerkelijke design. Gebaseerd op de wensen van de klant en op de huisstijl van het bedrijf. Hier worden meestal (ligt aan het abonnement van de klant) de homepagina en de blog/ onderliggende pagina uitgewerkt. Dit word opgestuurd naar de klant en hier heeft de klant dan een aantal correctie rondes over, zodat het naar wens is van de klant en hij ook zijn eigen input kan geven. Ook binnen Webstijl wordt het design door verschillende afdelingen onder vuur genomen om zo tot een top resultaat te komen.

De conversie doelen worden tijdens dit proces ook beschreven en uitgewerkt op de website. Deze worden via het AIDA model uitgewerkt.

Awereness

  • Dit is de oriënterende fase, hierin heeft de bezoeker een probleem die hij ingevuld wilt hebben d.m.v. een dienst of product.

 

Interest

  • Dit is de fase waarin de bezoeker al meer weet waar hij precies naar zoekt.

 

Desire

  • Dit is de fase waarin de bezoeker gericht zoekt en hier alle mogelijke informatie over wilt vergaren. Ook vraag hij hier misschien extra informatie aan.

 

Action

  • Dit is de laatste fase, hierin weet de bezoeker precies wat hij wilt kopen of een dienst wil laten uitvoeren.

Uitbouwfase

Als alles naar wens is start de uitbouwfase. Daarin gaan we de website helemaal uitbouwen. Niet alleen de eerste pagina’s, maar alle pagina’s. Daarbij kijken we ook waar nog speciaal maatwerk verricht moet worden zoals bijvoorbeeld bij een contactpagina met formulieren.

Webstijl werkt met een op WordPress gebaseerd CMS systeem. Dit is heel handig omdat je zo alle voordelen hebt van WordPress zowel als webbouwer waar je verschillende plug-ins kan gebruiken, maar ook als eindgebruiker zelf zodat die hun eigen teksten kunnen aanpassen en bewerken. Dit kan de klant dus geheel zelf doen, en daar hoeft dus niet altijd een webbouwer mee te helpen. Bij Webstijl zijn er meestal SEO gebaseerde teksten die op de website geplaatst zijn.

Bij Webstijl gebruiken ze niet zoals je gewend bent, WordPress thema’s. Webstijl gebruikt een speciale thema builder genaamd headway. Hierin kunnen bepaalde stramienen gemaakt worden, die de gebruikers zelf kunnen vullen. Deze blokken moeten wel geheel opgemaakt worden door de webbouwer. Deze moeten in de css worden opgemaakt.

Na de bouwfase is er nog één kans om wijzigingen door te geven, die wij nog kunnen aanpassen voordat we live gaan. Wanneer de website startklaar is, krijgt de klant een uitgebreide uitleg over het CMS WordPress systeem. Zodat ze zelf de teksten op de website kunnen bijhouden. Hierna plaatsen wij de website online. Wil de klant later nog wijzigingen doorvoeren dan valt dit onder de service uren. Dit aantal is per abonnement verschillend.

Teksten en SEO

Dan worden de teksten geïmplementeerd op de website samen met passende afbeeldingen en worden er conversiebuttons geplaatst. Ook voegen we zoekwoorden en korte teksten toe aan de achterkant van de website. Deze zijn zichtbaar voor de zoekmachine.

Ook koppelen we een statistiekenpakket aan de website. Hiermee kan de klant kijken hoeveel bezoekers de website trekt. Hier doen we de 0 meting. Daarna nemen we 6x per jaar proactief contact op voor positiecontrole en eventuele bijsturing. Daarnaast ontvangt de klant maandelijks een rapportage. (afhankelijk van het soort abonnement)

De kwaliteit binnen Webstijl

Programma’s

Sinds kort gebruiken wij het programma Teamleader. Hier kan je veel informatie in verwerken. Ten eerste is het een agenda waarin je alles kan plannen, of waar dingen voor jou kunnen worden ingepland. Dit is allemaal gekoppeld aan een lange lijst met klanten. Dit is handig omdat je zo jou werkzaamheden en afspraken of mails aan de klant koppelen. Zo weet iedereen wat er met de klant besproken is.

Ook zijn er vooraf templates ingesteld bestaande uit milestones. Zo heb je bijvoorbeeld de opstartfase en de bouwfase. Daar binnenin zijn dan al een bepaalt aantal uren klaargezet die jij dan kan inplannen in je agenda. Heb je dit gedaan dan kan je de milestone afsluiten. Zo kan je dus van het begin tot het einde van het traject alles makkelijk inplannen zodat je niets vergeet. Dit word dan ook gelijk verrekent met het budget van de klant. Dat is handig omdat je dan precies weet hoeveel uur en geld het gekost heeft. Ook weet je het aantal uur wat er eventueel nog open staat voor latere veranderingen.

“Om de kwaliteit van websites en designs te behouden hebben wij checklists”

Richtlijnen

De eerste week dat ik stage ben komen lopen bij Webstijl heb ik een aantal documenten gehad met richtlijnen en regels waar een webdesigner en bouwer zich aan moet houden. Dit doen ze zodat iedereen makkelijk aan websites van andere kunnen werken. Als ik het op mijn eigen manier zou bouwen kan het heel onduidelijk zijn voor de andere werknemers. Daarom werken wij allemaal op dezelfde manier en zetten wij overal comment regels bij in de bestanden. Zo is het voor iedereen duidelijk wat hij waar moet aanpassen.

Onderling bekijken we elkaars werk ook. Als ik bijvoorbeeld iets heb aangepast aan een website word dit door Karin of iemand anders nagekeken op fouten. Dit is niet alleen omdat ik een stagiair ben, maar ook om de kwaliteit te behouden. Omdat Webstijl natuurlijk erg conversie gericht is, worden er vaak ook tips aangedragen of je dit niet beter op een andere manier kan doen. Dat kan dan resulteren in meer leads.

Om de kwaliteit van websites en designs te behouden hebben wij checklists. Voor de verschillende fases van het design en bouw proces zijn checklists die gedaan moeten worden. Komt deze dan niet door de checklist dan mag dit voorstel niet naar de volgende fase of naar de klant. Ook bij de opleverfase zit nog een checklist om als laatste check nog even door de pagina te gaan en te kijken of er nog fouten zijn die er uit gehaald moeten worden. Een paar belangrijke punten uit de checklist zijn:

  • Staat alles netjes uitgelijnd en voldoen de headway-blokken aan de benaming van de handleiding van Webstijl.
  • Staan alle NAW gegevens van de klant er in.
  • Cross browser. Het is natuurlijk belangrijk dat de websites op alle browsers werken. Daarom controleren we in alle browsers of er nog speciale aanpassingen gedaan moeten worden.
  • Zijn er conversie doelen in de pagina’s verwerkt.
  • Zijn de gegevens van de klant ingevuld voor contactformulieren.
  • Is er een sitemap aangemaakt. Dit is erg goed voor de vindbaarheid van de website.
  • Zijn alle niet rechtenvrije afbeeldingen verwijderd. Je wilt natuurlijk geen claims aan je broek hebben.
  • Is de website responsive. Wij controleren alle websites of deze goed responsive zijn. We hebben daarvoor verschillende devices op kantoor liggen. Zoals een Ipad. Zo kan je goed bekijken op welk schermformaat er nog aanpassingen gedaan moeten worden.
  • Is de website gekoppeld aan Google Analytics. We willen natuurlijk alle leads en bezoekers in de gaten kunnen houden, daarvoor moet deze dus gekoppeld zijn. Hier kunnen wij ook specifieke doelen instellen zodat we kunnen bekijken welke formulieren vaak worden ingevuld.
  • Zijn alle SEO pagina’s Meta tags en titels correct overgenomen. Het is natuurlijk wel de bedoeling dat alle geschreven teksten en goed uitgedachte strategieën op de website terugkomen.

Website APK

Google gaat ook steeds meer waarde hechten aan de laadtijd van websites. Bij Webstijl wordt hier tijdens de website APK naar gekeken. Wij doen hiervoor een speciale test. Daar komt een score uit. Als deze onder de 70 is dan moeten we gaan kijken of we de laadtijd kunnen verkleinen. Bijvoorbeeld door afbeeldingen te comprimeren.

Ook zijn dode links erg vervelend. Wanneer een bezoeker op een link klinkt die niet door linkt kan dit erg irritant en zullen ze al gauw de website weer verlaten. Naast dat beoordelen zoekmachines de website hier ook op.

Het laatste punt waar tijdens een apk aandacht aan word gegeven is de mobiel vriendelijkheid. Ook hier zijn bepaalde tools voor van Google zodat je de score van een website kan bekijken. Ook dit kan bepalend zijn voor je positie op een zoekmachine.

“Omdat je bij Webstijl vaak een langdurig contract aangaat moeten we blijven kijken hoe we een website kunnen verbeteren.”

Conversiebijsturing

Een andere manier waarop Webstijl de kwaliteit van de website behoud en soms zelfs verbeterd is met een conversiebijsturing. Omdat je bij Webstijl vaak een langdurig contract aangaat moeten we blijven kijken hoe we een website kunnen verbeteren.

Wat doet Webstijl binnen een conversiebijsturing.

  • Binnen het abonnement van de klant gaan wij een aantal elementen doorvoeren om de doelstelling voor de website te realiseren.
  • We geven advies voor een goed gebruik van conversietools.
  • We focussen ons op conversiefunnels.
  • We ontwerpen nieuwe of passen verschillende conversiefunnels aan.
  • Een actieve monitoring van de conversiefunnels.

 

Het meten van de resultaten is een belangrijk element. De conversiefunnels die voor de website worden aangemaakt, worden gekoppeld aan het statistieken systeem. Dit betekend dat we meten hoeveel conversies de website oplevert, waar uw conversies vandaan komen en waar de bezoeker afhaakt in de conversiefunnel.

  • Het doel van de website is informatie voorziening voor de bezoekers. Ondanks dat via de website bezoekers informatie wordt toegediend is het ook belangerijk dat er conversie in de website terug komt, waarmee een bezoeker in contact kan komen met de eigenaar van de website, maar ook dat de bezoeker goed door de website wordt geleid en de informatie kan vinden waar de bezoeker naar op zoek is.

    Het doel van het inrichten van een conversiefunnel is van de website een winstgevend platform maken.

    • Bezoekers worden omgezet in klanten.
    • Inzicht in het aantal conversies op uw website.
    • Beter inzicht in het bezoekpatroon van uw bezoekers
    • Het maximaliseren van uw omzet door constante bijsturing van uw conversiefunnels

Website APK

Techniche deel

Voor het technische gedeelte bij Webstijl zoals het CMS up-to-date houden en de mailservers beheren, hebben wij een service afdeling. Die doen al het onderhoud aan de technische systemen. Ook helpen zij klanten met technische vragen. En proberen ze de problemen op te lossen.

Mijn Leerdoelen

Leerdoel 1: 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 daar over zou doen.

Hoe sta ik er nu voor?
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.

Leerdoel 2: 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?
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.

“Bij Webstijl ben je ook altijd bezig met conversie, dus daar begin je ook steeds meer over na te denken”

Wat heb ik geleerd

We zijn nu 2,5 maand onderweg en ik heb vooral veel geleerd over de manier waarop Webstijl werkt. Wat ze doen, wat ze kunnen betekenen voor de klant, hoe de structuur in elkaar zit. In dit proces werk ik met hun mee en dus ook op dezelfde manier waarop hun werken. Ik heb voor mezelf geleerd hoe ik me dus moet aanpassen aan het werken binnen zo’n bedrijf. Hoe je binnen een bedrijf communiceert met andere medewerkers. Op school werk je vooral veel zelf. Nu is het van groot belang dat andere medewerkers ook verder kunnen met jouw website.

Ik heb ook heel veel geleerd over conversie en hoe belangrijk dat eigenlijk is. Hier dacht ik eerst totaal niet over na. Ook krijgen wij hier geen les over, terwijl dit juist hartstikke nuttig kan zijn! Op deze manier kan je een website maken die veel bezocht word en waar de eigenaar van de website ook echt nieuwe klanten mee kan krijgen. Dit kan je vervolgens weer bekijken in Google Analytics. Zelf doe ik niet de monitoring, maar ik heb wel geleerd hoe ik dit moet koppelen aan een website.

Op het gebied van coderen heb ik veel dingen geleerd over het opmaken van websites. Dus veel CSS. Ook hoe je de structuur van de CSS goed houd zodat het overzichtelijk blijft voor snelle aanpassingen die andere medewerkers soms moeten doen. Dit geld natuurlijk ook andersom. Je leert werken met CSS codes van andere.

Op het gebied van design heb ik ook leren werken met de wensen van de klant. Soms vind jij iets hartstikke mooi en geweldig, terwijl de klant het niets vindt. Dan moet je dus iets nieuws gaan bedenken. Ook dit moet weer net zo mooi en geweldig zijn als het andere wat er bedacht is. Hier moet je ook samen met de klant uit komen.

Hoe heb ik het ervaren

Het is even wennen om van het relaxte leven met af en toe een half dagje school, een dagje vrij of de trein missen… naar stagelopen. Je werkt nu voor een echt bedrijf met echte opdrachten en echte klanten. Dat betekent dus dat je een hele hoop verantwoordelijkheid op je krijgt. Zeker de eerste week waren die lange dagen wennen.

Nadat de eerste week voorbij was en ik alle introducties en uitleg had gehad vlogen de dagen voorbij. Je bent natuurlijk continu bezig met wat je leuk vind. Soms zitten er bijna niet genoeg uren in een werkdag om je opdrachten af te krijgen. Met plannen, wat niet echt mijn sterkste kant was, is dat zeker even wennen en puzzelen.

Op dit moment lopen de opdrachten goed en is zelfs mijn eerste re-design goedgekeurd door de klant! Dat is dan toch wel een hele opluchting. Ik ben ook erg blij dat ik het ook echt leuk vind wat ik aan het doen ben. Het zijn nog maar 2,5 maanden, maar ik denk dat ik de goede keuze gemaakt heb toen ik vanaf mijn 4 Havo deze opleiding ben gaan doen.

Ik heb het ook erg naar mijn zin bij Webstijl. Leuke collega’s en er hangt een goede sfeer. Ik kan rustig mijn werk doen, zonder afleidingen. Als ik vragen heb kan ik ze ook altijd stellen en helpen ze me een handje op weg.

“Je bent natuurlijk continu bezig met wat je leuk vind. Soms zitten er bijna niet genoeg uren in een werkdag om je opdrachten af te krijgen.”

Stijl van de website

Voor de style van mijn verslag heb ik vooral gekeken naar mijn portfolio website. Daar heb ik hem uiteindelijk ook op gebouwd. Voor mijn portfolio website ben ik begonnen met een geanimeerde logo. Dit is een beetje voor het wow effect en zo ziet de bezoeker dat het ook niet zo maar een simpel websiteje is. We zijn namelijk wel interactieve vormgevers. Hieronder heb ik een button geplaatst zodat de bezoeker vervolgens weet wat hij kan doen en dus niet denkt van, en nu?

De kleuren die ik gekozen heb zijn al weer een tijdje geleden. Ik vond en vind dit nog steeds een mooie frisse kleur, die je niet heel vaak tegenkomt. Dat vind ik juist leuk en het onderscheid je van anderen.

Het lettertype Open Sans is ook doorgevoerd vanuit mijn website. Dit vind ik één van de fijnste lettertypes om te lezen. Ik ben zelf dyslectisch en ik merk dat het lezen met dit lettertype veel gemakkelijker gaat.

Boven elk nieuw blok heb ik mijn initialen geplaatst. Dit is een simpele aanpassing die toch stijl mee geeft zonder dat de pagina heel druk word. Het is dan ook de bedoeling om de website strak en misschien iets wat minimalistisch te houden. Hierdoor raak je niet te snel afgeleid van de tekst.

Omdat een lange lap tekst ook je aandacht gaat verliezen na loop van tijd, heb ik afbeeldingen met quotes ertussen geplaatst. Dit geeft de website ook wat meer lucht. Om deze reden heb ik de tekst ook opgedeeld in twee kolommen. Dit zorgt er voor dat het geen hele lange lap tekst word met zinnen die van links naar rechts over het scherm lopen. In magazines word dit ook meestal gebruikt voor lange stukken tekst.

Als laatste heb ik rechtsonder een button geplaatst die weer terug gaat naar boven aan de pagina, dit is zodat de bezoeker dan niet helemaal terug naar boven hoeft te scrollen.