Afstuderen bij PatPak BV en JPSvitamines

(1)

1 Afstuderen bij PatPak BV & JPSvitamines te Schijndel

(2)

Titel pagina

Student

Marcel Deijkers

Wethouder van Wellaan 166 5703 CN Helmond

Tel.: 06-24546544

Email: marceldeijkers@dse.nl Studentnummer: 2091532

Opleiding

Fontys Hogeschool Eindhoven ICT Media Design

Rachelsmolen 1 5612 MA Eindhoven Tel: 0877 877 299

Afstudeerbedrijf

PatPak BV Duinweg 5 5482 VR Schijndel Tel: 073-5475574 Fax: 073-5495656 Email: info@patpak.com http://www.patpak.com

Stagedocenten

Frans van Alebeek Telefoon: 06-16246301

E-mail: frans.vanalebeek@gmail.com Thijs van Gerwen

Telefoon: 08778-73160 E-mail: t.vangerwen@fontys.nl Bedrijfsbegeleider

Patrick van den Biggelaar Mobiel: 06-53266143

Stageperiode

(3)

Voorwoord

Voor u ziet u mijn scriptie welke het traject laat zien dat ik heb doorlopen voor het opzetten van de websites die ik gemaakt heb in opdracht van PatPak BV en JPSvitamines. Deze websites zijn tot stand gekomen mede dankzij de onderzoeken die ik heb gedaan naar zoekmachine optimalisatie en de analyse. Dit gehele traject heb ik doorlopen van 1 februari 2010 tot en met 11 juni 2010 en heeft plaats gevonden bij PatPak BV in Schijndel.

Graag wil ik mijn bedrijfsbegeleider, Patrick van den Biggelaar bedanken voor deze stageplek en de goede begeleiding en tips die ik heb gekregen tijdens mijn afstudeerperiode. Ook de overige medewerkers van PatPak BV wil ik bedanken voor de fijne werksfeer en feedback. Daarnaast bedank ik mijn begeleiders vanuit Fontys: Frans van Alebeek en Thijs van Gerwen voor het geven van tips en bij het begeleiden van het traject.

Is getekend,

Marcel Deijkers Schijndel, 11 juni 2010

(4)

Inhoudsopgave

bladzijde

Titelpagina. 2 Voorwoord. 3 Samenvatting. 5 Summary. 6 Woordenlijst. 7

1.1 Aanleiding van het onderzoek. 8

1.2 Opbouw van het rapport. 8

2.1 Bedrijfsomschrijving. 9 2.2 Organigram. 11 2.3 Opdrachtgever/contactpersoon. 12 3.1 Probleemstelling. 13 3.2 Opdrachtomschrijving. 14 3.3 Onderzoeksdoelstelling. 16 3.4 Opdrachtdoelstelling. 16 4.1 Vooronderzoek. 17 4.2 Onderzoeksmethodieken. 17 4.3 Onderzoeksanalyse. 18 5.1 Concept PatPak BV. 19 5.2 Realisatie PatPak BV. 22 5.3 Concept JPSvitamines. 23 5.4 Realisatie JPSvitamines. 25 6.1 Traject omschrijving. 26

6.2 Welke drempels ben je tegen gekomen? 28

7.1 Kritische constructieve terugblik. 29

7.2 Wat heb ik geleerd? 30

8 Nawoord. 31

(5)

Samenvatting

Voor het afronden van mijn HBO opleiding ICT Media & Design aan de Fontys Hogeschool in Eindhoven was ik opzoek naar een afstudeerstage. Deze heb ik gevonden bij PatPak BV en JPSvitamines te Schijndel. PatPak BV is een loonproducent van voedingsmiddelen, JPSvitamines verkoopt juist voedingssupplementen via het internet aan artsen en consumenten. Mijn stage heb ik op kantoor van beide bedrijven doorlopen.

PatPak BV had een verouderde website welke niet meer paste bij deze tijd en bij het bedrijf. Voor JPSvitamines gelde dat er zeer weinig bezoekers kwamen richting de website.

Hieruit is mijn opdracht ontstaan. Het maken van een nieuwe website voor PatPak BV welke goed gevonden kon worden door Google en welke een rustige uitstraling had maar toch voldoende informatie aanbied. Voor JPSvitamines gelde dat de webshop vernieuwd werd zodat deze aantrekkelijker zou zijn en meer past bij de uitstraling van JPSvitamines.

Om deze opdrachten tot een goed einde te brengen heb ik het nodige werk vooraf gedaan.

Hoe kan ik beide websites beter gevonden laten worden door Google en andere zoekmachines ?

Allereerst heb ik een onderzoek uitgevoerd naar zoekmachine optimalisatie, wat zijn de mogelijkheden hiervan en hoe werkt een zoekmachine precies. Dit onderdeel heeft mij enorm geholpen bij het opbouwen van de websites.

Hoe zie je het resultaat hiervan ?

Doordat ik een analyse heb uitgevoerd in het begin, kon ik een beeld krijgen van de huidige situatie. Aan het einde van mijn stage heb ik dit opnieuw gedaan en kon ik een conclusie trekken.

Beide websites zijn geheel vernieuwd en zijn te bezichtigen via onderstaande links: PatPak BV: http://www.patpak.com

JPSvitamines: http://www.jpsvitamines.nl

Echter heb ik ook nog een losse website gemaakt welke puur informatief is: Acaibessen: http://www.acaibessen.com

Verder heb ik een complete beurs stand ontwikkeld voor JPSvitamines, welke is terug te vinden in de bijlage promotie.

Het complete traject dat ik heb doorlopen gedurende mijn stageperiode bij PatPak BV & JPSvitamines en ook mijn conclusie zijn allemaal terug te vinden in dit rapport.

(6)

Summary

To finish my education ICT & Media Design at Fontys Hogeschool in Eindhoven I was looking for a traineeship. I found one at Patpak BV and JPSvitamines in Schijndel. Patpak BV produces nutrients and JPSvitamines sells nutritional supplements to doctors and consumers over the internet. I did my traineeship at both business offices.

Patpak BV had an outdated website which didn’t suit the company anymore. The website of JPSvitamines attracted to few visitors and needed a make-over. This led to my assignments: Making a new website for Patpak BV that is informative and has a quiet atmosphere and can be found through Google’s search engine. JPSvitamines needed a new webshop which would be more appealing to customers and would fit more with the company image.

How can both websites be found better with Google and other search engines?

First I conducted a study of search engine optimization. What are the possibilities? How does a search engine work exactly? This part has been very helpful with the building of websites.

What are the results of this?

I did a website analysis in the beginning to get a good view of the current situation. At the end of my traineeship I did the same analysis so I could compare the results and draw a conclusion.

Both websites are completely updated and can be viewed via the following links: Patpak BV: http://www.patpak.com

JPSvitamines: http://www.jpsvitamines.nl

Also i made a website about Acaibessen which can be found at: Acaibessen: http://www.acaibessen.com

Furthemore, I have developed a fair stand for JPSvitamines, which you can find in the attachment ‘Promotie’.

The entire process that I have gone through during my traineeship at Patpak BV & JPSvitamines, aswell as my conclusions can all be found in this report.

(7)

Woordenlijst

Content

Content is alle informatie die op de site te vinden is, denk aan plaatjes en teksten.

Footer

Is het onderste gedeelte van een website waarin meestal de Copyright staat van een website.

Google

Google is een van de grootste zoekmachines op het internet van deze tijd.

HACCP

afkorting voor Hazard Analysis and Critical Control Points, is een risico-inventarisatie voor voedingsmiddelen.

Joomla!

Is een open-source pakket waarmee je een Content Managent Systeem kan koppelen aan je website. Waardoor deze gemakkelijk te onderhouden is.

JPSvitamines

Jordy-Justin, Patrick en Sharon, hierachter is het woord vitamines gezet.

Open-Source

Is een pakket waarvan de bron code vrij toegankelijk is voor de gebruikers, zij mogen dit naar eigenwens aanpassen. Ook is er vaak veel support aanwezig van Open-Source pakketen.

OSCommerce

Is een open-source pakket waarmee een webshop gebouwd en beheerd kan worden.

PatPak BV

De naam PatPak is opgebouwd uit 2 onderdelen. Het eerste onderdeel Pat is afkomstig van Patrick, het 2de_{gedeelte Pak komt uit het woord verpakking.}

PDF

Is de afkorting van Portable Document Format. Een PDF kan je overal open met een PDF reader en de opmaak veranderd nooit.

SEO

Search Engine Optimalisation dit betekend in het Nederlands: Zoekmachine optimalisatie. Betekend het optimaliseren van een website zodat deze beter gevonden zal gaan worden door zoekmachines.

Webshop

Is een online website waaruit producten worden verkocht via het internet.

WWW

www staat voor het World Wide Web en wordt gebruikt voor het opvragen van websites.

(8)

1.1 Aanleiding van het onderzoek

Aangezien steeds meer mensen online informatie opvragen is het dan ook belangrijk voor een bedrijf dat zij een digitaal visitekaartje hebben. Dit visitekaartje is de website, op deze site dient alle informatie te staan die bezoekers nodig hebben. Een bezoeker beoordeeld slecht in een fractie van een seconde of deze op de website zal blijven hangen of dat deze verder gaat met zoeken naar een andere website.

Vandaar ook deze opdracht, Patrick van den Biggelaar wilde dan ook dat zijn websites verbeterd werden en dat deze dan ook goed gevonden konden worden in Google en andere zoekmachines. Deze scriptie zal de complete opdracht voor de websites, van analyses tot realisatie uiteenzetten. Er hebben veel gesprekken plaatsgevonden met de opdrachtgever en er is veel onderzocht om tot een goed resultaat te komen.

1.2 Opbouw van het rapport

In het kort zal ik uitleggen hoe dit rapport is opgebouwd. Hoofdstuk 2 bevat informatie over de 2 bedrijven waarbij de afstudeerstage is gelopen. Hoofdstuk 3 bevat de probleemstelling en de opdracht omschrijving. Hoofdstuk 4 verwijst naar de onderzoeken en analyses welke ik heb uitgevoerd. Hoofdstuk 5 bevat een aantal onderdelen van de eindproducten, de overige zijn terug te vinden in de bijlage. Hoofdstuk 6 bevat het traject dat ik heb doorlopen. Hoofdstuk 7 gaat over de terugblik op het project samen met de conclusie. Hoofdstuk 8 bevat het nawoord. Hoofdstuk 9 bevat de bronnen en literaturen lijst.

(9)

2.1 Bedrijfsomschrijving

PatPak

PatPak BV is een bedrijf in Schijndel dat zich met de hoofdactiviteiten richt op het capsuleren van droge, vette voedingssupplementen in zowel kleine als grote series. PatPak BV is een onderneming met 15 jaar ervaring en heeft een eigen visie op het gebied van verpakking, logistiek en verpakkingsvormen. Door de kleine markt zijn er ongeveer 300 klanten en maar 10 bedrijven in Nederland die hetzelfde doen als PatPak BV. Het dienstpakket is vooral gericht op de gezondheid, sportvoeding, voedingssupplementen en kruidenbranche. Alle werkzaamheden worden volgens de HACCP normen uitgevoerd. Naast de kernactiviteiten worden de volgende activiteiten ontplooid:

 Tabletteren.

 Capsules verpotten in flacons.

 Etiketteren van flacons en andere verpakkingen.  Afvullen van vloeistoffen in flacons.

 Afvullen van crème in tubes en potjes.

 Afvullen van poeders in potten, emmers of zaken.  Afvullen sachets.

 Malen en mengen van natuurproducten in poedervorm of vloeistoffen.  Versnijden en verchippen van grondstoffen.

 Verpakken.

Naast deze activiteiten heeft men een eigen technische dienst, om het productieproces te optimaliseren. Zoals uit het aanbod van diensten kan worden afgeleid is het mogelijk om zowel een half fabricaat ( gemengd product) als een gereed product te produceren ( afgevulde pot voorzien van etiket in groothandelsverpakking).Technisch gezien kan PatPak BV elk product verwerken dat gecapsuleerd, getabletteerd of afgevuld moet worden. De technische kennis is aanwezig om de productie aan te passen aan de specifieke wensen van de klant. Daarbij is de bereidheid om innovaties te realiseren aanwezig.

PatPak BV onderscheidt zich erin om zeer kleine aantalen te kunnen produceren, dit is vrij uniek omdat je bij andere producenten van voedingssupplementen vaak grote aantallen dient af te nemen. Een productie kan snel gestart worden waardoor de klant zijn bestelde producten snel kan ontvangen. Ook het investeren en voorraadbeheer is voor de klant beter beheersbaar. Bovendien is men flexibel en kan inspringen op wijzigingen van de markt en product.

(10)

(11)

JPSvitamines

JPSvitamines is een webshop welke voedingssupplementen aanbiedt aan de consument, vrijwel alle producten worden zelf geproduceerd en verpakt. De grootste doelgroep van JPSvitamines is de consument die zich dagelijks bezighoudt met een gezonde levensstijl. Daarnaast is de volgende groep ook zeer belangrijk voor JPSvitamines: Sportscholen, medisch adviseurs en de alternatieve geneeswijzen.

Het product aanbod van JPSvitamines is zeer divers, en bestaat uit producten op orthomoleculaire basis, chelatietherapie gerichte producten, detox producten, immuunsysteemversterkers en producten voor hart- en bloedvaten. Naast bovenstaande genoemde producten heeft JPSvitamines een aantal hoogwaardige basisproducten in haar assortiment. Het assortiment blijft constant groeien met nieuwe producten welke in samenwerking met artsen zijn ontwikkeld.

JPSvitamines staat voor voedingssupplementen met een hoog gehalte aan werkzame stoffen. De drie K’s vormen de basis van JPSvitamines, te weten kwaliteit, kennis en klantgerichtheid.

Kwaliteit :

U moet er zeker van kunnen zijn dat een voedingsupplement ook werkelijk voldoende actieve bestanddelen bevat om effectief te kunnen zijn.

Kennis :

Een product moet gebaseerd zijn op onderbouwing. Onderbouwing door artsen en door productiespecialisten.

Klantgerichtheid :

Het is juist de flexibiliteit van JPSvitamines die maakt dat er klantgericht of beter gezegd klantspecifiek een voedingssupplement geproduceerd kan worden.

Wat JPSvitamines wil bereiken is dat er meer naamsbekendheid komt bij de consumenten en artsen, waardoor er meer bezoekers komen naar de website zodat deze weer producten bestellen via de webshop.

(12)

2.2 Organigram

Korte functie omschrijving:

Directie:

Het beheren van algemene zaken. Behouden van klant contact met de directie. Beheren van financiële zaken.

Adviseur:

Adviseert de directie, algemene zaken, bedrijfsleiding, en stuurt ze aan. Algemene zaken:

Communiceert met de klant(en) i.v.m. planning, beheerd het personeelsadministratie + verloning, stuurt de bedrijfsleiding aan, beheerd het HACCP handboek.

Bedrijfsleiding:

Stuurt de voorwerkers aan, stuurt de afdeling huishoudelijke dienst, logistiek en controle aan. Houd zich bezig met het HACCP uitvoeren in de praktijk.

Administratie:

Verrichten van de boekhouding, secretariële handelingen, opbergen van gegevens. Controle:

(13)

Het controleren van de geproduceerde capsules, het maken van een grafiek, verzendklaar maken van producties.

Voorwerker Capsuleren:

Plannen de producties in, indelen van personeel en het aantal benodigde, proberen productie problemen op te lossen. (houd bedrijfsleiding op de hoogte).

Voorwerker Service:

Plannen de producties in, indelen van personeel en het aantal benodigde, proberen productie problemen op te lossen. (houd bedrijfsleiding op de hoogte).

Productie medewerkers capsuleren:

Het capsuleren van de producties op handmachines en of half automaten. Het schoonmaken van deze capsules.

Productie medewerkers service:

Het verpakken van de capsules in een flacon en of blister. Eventueel de flacons voorzien van printcode, etiket. Enzovoort.

2.3 Opdrachtgever en contactpersoon

Patrick van den Biggelaar, directeur van zowel PatPak BV en JPSvitamines had voor beide bedrijven al een website, maar deze voldeden niet meer aan de huidige eisen van hedendaagse websites. In overleg met Syntens ging Patrick opzoek naar een stagiair welke dit kon aanpassen. Tevens is Patrick mijn begeleider en contactpersoon binnen beide bedrijven.

(14)

3.1 Probleemstellingen

PatPak BV

De huidige website bestaat al geruime tijd en past niet meer bij deze tijd. Telkens als de site geopend wordt komt er een pop-up met de melding dat de resolutie van het scherm afwijkt. Dit was vroeger nog van toepassing maar tegenwoordig hebben de meeste internet gebruikers wel beeldschermen die groot genoeg zijn. Ook de huidige vormgeving van de website is verouderd en oogt daardoor minder aantrekkelijk in tegenstelling tot de meeste huidige websites, de site oogt saai en springt er niet uit. De informatie op de website is verouderd en dient aangepast te worden. De huidige website word zeer slecht gevonden door de verschillende zoekmachines. Met de zoekwoorden waarmee de website gevonden moet worden komt deze niet naar boven. Hierdoor heeft de website zeer weinig bezoekers.

JPSvitamines

De huidige webshop bestaat alweer 1 jaar. Het probleem is echter dat bepaalde producten niet opvallen in de huidige webshop waardoor je potentiële klanten mis loopt. Als internetgebruikers bepaalde producten zoeken via bijvoorbeeld Google of een andere zoekmachine dan komen bepaalde producten niet naar voren. De huidige indeling van de webshop is ook niet optimaal, hierdoor is het lastig om de juiste producten te zoeken. De producten hebben geen uniforme indeling waardoor de webshop erg rommeling en minder professioneel overkomt. Ook ontbreekt er een hoop informatie bij de meeste producten. Ook voor JPSvitamines geldt dat er te weinig bezoekers komen richting de webshop.

(15)

3.2 Opdrachtomschrijving

PatPak

Voor de website van PatPak heb ik samen met mijn begeleider de volgende opdracht samengesteld:

Website krijgt een nieuwe lay-out:

De gehele lay-out van de huidige website zal worden vervangen door een nieuwe, zodat bezoekers snel de weg kunnen vinden naar de gewenste informatie. De indeling van de nieuwe site zal een rustige en duidelijke uitstraling krijgen , zodat bezoekers van de site direct de informatie kunnen vinden die zij ook daadwerkelijk nodig hebben.

Nieuw logo ontwerpen:

Het huidige logo van PatPak BV zal worden aangepast zodat deze beter bij de uitstraling van de nieuwe website zal gaan passen. Op dit gebied ben ik geheel vrij aangezien het oude logo niet veel wordt toegepast.

Waarmee wordt de website gemaakt:

Samen met mijn begeleider hebben wij ervoor gekozen om gebruik te gaan maken van een CMS (Content Management Systeem). De keuze is gevallen voor Joomla omdat dit systeem gratis is en er veel support voor beschikbaar is. Ook is deze gebruiksvriendelijk zodat de website gemakkelijk bijgewerkt kan worden.

Informatie op de site:

De informatie die nu op de website staat is niet meer actueel en staat er al vanaf het begin op. Deze wordt er opnieuw opgezet en zal worden versterkt met plaatjes. Ook zullen alle pagina’s een uniforme uitstraling krijgen.

Geoptimaliseerd voor zoekmachines:

De Website moet goed naar voren komen bij de grote zoekmachines, het is dan ook van groot belang dat de juiste informatie op de website zal staan met de juiste indeling. Zodat Potentiële klanten PatPak BV kunnen vinden via zoekmachines.

(16)

JPSvitamines

Verbeteren product omschrijving:

De omschrijving van de producten in de huidige webshop is niet duidelijk, hiervoor zal een nieuw formaat gemaakt worden zodat alle producten dezelfde indeling krijgen. Alle informatie die nodig is ook daadwerkelijk bij de producten te zien zal zijn, zodat de klant precies weet waar bepaalde producten voor gebruikt kunnen worden.

Site meer uniform maken:

De huidige webshop is een rommeltje, alle producten hebben een verschillende lay-out. Niet alle benodigde informatie is terug te vinden bij de producten. De huidige indeling van de site en dan met name het menu ziet er wat rommelig uit, producten zijn niet makkelijk te vinden. De site een professionelere en rustigere uitstraling geven door een nieuwe lay-out.

Losse website:

Voor een bepaald product zal er een nieuwe losse website gemaakt worden. Deze website zal gekoppeld zijn aan de webshop en hierdoor meer verkeer genereren. Deze website zal puur informatie bevatten en krijgt een frisse lay-out. Er zal gebruik gemaakt gaan worden van een CMS zodat de website eenvoudig te beheren blijft.

Geoptimaliseerd voor zoekmachines:

De mogelijkheden om de webshop zoekmachine vriendelijk te maken zullen worden toegepast zodat deze beter naar voren komt bij de zoekmachines. Hierdoor loop je potentiële klanten niet mis.

JPSvitamines promoten:

Voor een beurs van het IBCMT welke begin mei gehouden is zou er een stand ontwikkeld moeten worden. Denk hierbij aan : Banners, flyers, aankleding van de stand en weggeef producten.

(17)

3.3 Onderzoeksdoelstelling

Er zal onderzoek worden verricht om te komen tot een passende oplossing voor zowel PatPak BV. & JPSvitamines. Vervolgens wordt er in overleg met de opdrachtgever besloten wat de beste oplossingen zullen zijn, en de mogelijkheden hiervan. Aan de hand van deze wensen zullen beide projecten worden uitgevoerd tot het gewenste resultaat is bereikt. Het doel is dan ook om een beter inzicht te krijgen van de mogelijkheden die er zijn om de huidige websites te vernieuwen.

3.4 Opdracht doelstelling

PatPak BV

Er dient voor PatPak BV een website gerealiseerd te worden welke voldoet aan de eisen en de wensen van de opdrachtgever. Dit zal worden gerealiseerd door een fris maar vooral duidelijk en simpel design waardoor de site een rustige uitstraling zal krijgen. De website zal tevens een CMS systeem bevatten zodat de website zich gemakkelijk laat aanpassen. Ook moet de website beter gevonden gaan worden door Google en andere zoekmachines. De website zal binnen mijn stageperiode worden afgerond en opgeleverd.

JPSvitamines

De webshop zal worden vernieuwd binnen de mogelijkheden van de huidige webshop. Het nieuwe design wordt doorgetrokken in de webshop en ook de producten moeten een aantrekkelijk uiterlijk krijgen zodat klanten niet afhaken. Ook moet de website beter bezocht worden waardoor er meer orders zullen komen via de webshop, dit zal worden gerealiseerd door de website zoekmachine vriendelijker te maken.

(18)

4.1 Vooronderzoek

In dit traject heb ik mij voornamelijk bezig gehouden met het bekijken naar de huidige situatie. De huidige webshop is gemaakt met OSCommerce en ik ben dan ook direct begonnen met het uitzoeken wat dit pakket precies inhoudt en wat je er allemaal mee kunt. Dit heb ik zelf ondervonden door een test webshop op te zetten en daar alles in te gaan proberen. In dit stadium heb ik ook informatie verzameld over SEO, aangezien ik dit nodig heb voor beide websites. Het belangrijkste is nog wel het overleg met de opdrachtgever om op deze manier een duidelijk beeld te krijgen van de opdracht en wat de wensen zijn.

4.2 Onderzoeksmethodieken

Ik heb gebruik gemaakt van de volgende 3 onderzoeksmethodieken.

Deskresearch

Bij de deskresearch is er veel gebruik gemaakt van internetbronnen. Veel van de benodigde informatie is te vinden op internet, vooral omdat het websites betreft. Het voordeel van deze informatie is dat deze direct toegankelijk is.

Vergaderingen/interviews

Door vaak met mijn opdrachtgever te spreken over de verschillende onderdelen krijg je zelf een steeds beter beeld van wat de wensen zijn voor het uiteindelijke product. Op ieder moment kon ik vragen naar informatie, maar ook zelf informatie geven. Dit gebeurde een paar keer in de week, regelmatig werd mijn voortgang besproken.

Analyse

Om te kunnen kijken of mijn gevonden informatie over SEO ook in de praktijk werkt is een analyse van beide websites noodzakelijk. Op deze manier kan ik vrij snel een conclusie trekken of bepaalde onderdelen ook vruchten hebben afgeworpen.

(19)

4.3 Onderzoeksanalyse

Voordat ik ben begonnen met het realiseren van de eindproducten heb ik de volgende onderzoeken en analyses doorlopen. Op deze manier krijg je een beter beeld wat het probleem is van in het begin, en wat je wilt bereiken.

Allereerst is er een plan van aanpak gemaakt, vervolgens ben ik begonnen met het onderzoeken/verkennen van OSCommerce. Bekeken wat de huidige statistieken zijn van beide websites en heb deze vastgelegd. Begonnen met het onderzoek naar Zoekmachine optimalisatie, deze informatie toegepast in het eindproduct om vervolgens de website analyse te kunnen afronden. De bovengenoemde onderdelen zijn terug te vinden in de bijlage.

Plan van aanpak.

Voor de het Plan van aanpak, zie bijlage B

Website Analyses

Voor de website analyses, zie bijlage C

Zoekmachine optimalisatie

Voor het zoekmachine optimalisatie onderzoek, zie bijlage D

Promotie

Voor het promotie onderzoek, zie bijlage E

Handleiding

Voor de onderhoud handleiding, zie bijlage F

(20)

5.1 Concept PatPak

Allereerst is er een functioneel ontwerp opgesteld voor PatPak BV om een beter zicht te krijgen hoe de website eruit zal komen te zien. Dit is een belangrijke fase binnen het ontwerpen van een website. Hierin wordt aangegeven waar de content komt te staan, hoe het menu wordt ingedeeld en meer. In dit hoofdstuk zal de lay-out van de website aan bod komen. Uitgebreide informatie over de website van PatPak BV is terug te vinden in de bijlage: Website analyse.

Er is gekozen voor Joomla, aangezien dit pakket de meeste mogelijkheden bied, gratis te gebruiken is en er is veel support aanwezig waardoor er voldoende informatie te vinden is op het internet. Aan de hand hiervan is het functioneel ontwerp opgezet. De meeste functies die van belang zijn voor het bouwen van een goede website zitten in Joomla verwerkt, dit zorgt er uiteindelijk voor dat de website goed in elkaar zit.

Allereerst moet er gekeken worden welke informatie allemaal in de website verwerkt dient te worden. Op deze manier krijg je een beeld van hoe de website eruit zal zien en hoe het menu het beste ingedeeld kan worden. Er is bewust gekozen voor onderstaand menu.

In het menu hierboven is het duidelijk te zien dat ieder menu slechts 1 niveau telt, dit vergemakkelijkt het zoeken naar informatie op de website.

(21)

Lay-out

In overleg is de volgende lay-out gekozen. Deze is opgebouwd uit een aantal standaard elementen. De keuze om het menu te verwerken aan de bovenzijde is bewust gedaan omdat dit rustiger overkomt en biedt ook nog meer ruimte voor de content.

1.Banner

Bovenin de website komt de banner, dit zal een rustig plaatje worden welke toch uitstraalt wat PatPak BV doet. In de banner zal ook het vernieuwde logo van PatPak BV komen te staan

2. Menubalk/Scheiding

Dit gedeelte dient voornamelijk als scheiding tussen de banner en de content eronder. Waardoor je een rustige uitstraling genereert. In deze ruimte is tevens het menu opgenomen zodat het menu niet storend aanwezig is, maar toch op een duidelijk plaats te vinden zal zijn.

3. Content

Alle content zal in dit gedeelte van de website getoond worden. Alle knoppen van het menu verwijzen naar dit veld. Dit veld is ook weer zoekmachine vriendelijke ingedeeld zodat deze beter gevonden zal gaan worden.

(22)

4. Footer

Onderin de pagina is de Footer te vinden, deze bevat een link naar de homepage maar ook een link naar de algemene voorwaarden van PatPak BV op deze manier is deze informatie altijd vrij toegankelijk voor iedere bezoeker van de website. Tevens dient dit als een scheiding tussen de content en achtergrond.

5. Achtergrond

Er zal een rustige achtergrond worden gebruikt zodat de site beter naar voren zal komen 6. Site achtergrond

Deze achtergrond zal een lichte kleur krijgen en welke wordt voorzien van een border. Doordat alles een rand krijgt zorg je ervoor dat alle informatie netjes geordend wordt.

Functionaliteiten

Tevens zal de website een aantal extra functionaliteiten bevatten.

Nieuwspagina

Op deze pagina zal steeds nieuws geplaatst worden, waardoor nieuwe informatie gedeeld kan worden met de bezoekers. Tevens is dit een goed onderdeel als het gaat om SEO.

Content

Iedere pagina zal opgebouwd worden met korte en duidelijke teksten welke worden versterkt door plaatjes. Hierdoor zal de bezoeker een duidelijk beeld krijgen van PatPak BV. Ook zullen certificaten en andere belangrijke documenten indien nodig digitaal worden aangeboden in PDF formaat.

Contact pagina

De contact pagina bevat buiten de contact gegevens ook een contact formulier zodat bezoekers eventuele vragen en of opmerkingen kunnen stellen aan PatPak BV. Er is ook voor gekozen om Google Maps te gebruiken zodat klanten via de website een routeplanner kunnen aanroepen.

(23)

5.2 Realisatie

Op basis van de hierboven uitgevoerde onderdelen ben ik begonnen met het ontwerpen en bouwen van de website welke aan deze wensen voldoet. Dit ontwerp was direct goedgekeurd met enkele kleine aanpassingen erbuiten gelaten. De kleur blauw is bewust gekozen, dit staat voor: Zakelijk, blijft meestal kalm en nuchter, een sterk gevoel voor verantwoordelijkheid, is trouw, eerlijk, verstandig en hardwerkend. Dit past goed bij de uitstraling van PatPak BV. Meer informatie hierover is terug te vinden in de bijlage website analyse.

Het uiteindelijk resultaat.

De website van PatPak BV is terug te vinden op het volgende webadres:

http://www.patpak.com

De oude website van PatPak BV

http://www.patpak.com/oud

(24)

5.3 Concept JPSvitamines

De webshop diende verbeterd te worden op een aantal punten, het belangrijkste punt was dat alle producten goed in de webshop zouden staan met de juiste informatie en dat het er fris en verzorgt uitziet. Dit gedeelte zal ik dan ook laten zien nu, de rest is terug te vinden in de bijlage. Allereerst ben ik gaan kijken hoe concurrenten dit hadden. Vervolgens had ik een aantal concepten gemaakt. Diegene welke hieronder te zien is was de beste en heb deze dan ook voorgelegd. Aan de hand hiervan heb ik goede feedback gekregen en zo ontstond ook het idee om een digitaal label erbij te doen.

(25)

1. Titel

Hierin komt de naam van het product te staan. 2. Banner

Hierin komt een plaatje welke goed past bij het product. 3. Slogan/Titel

Hierin kan een 2e_{titel geplaatst worden} 4. Korte omschrijving

In dit vlak komt de omschrijving van het product te staan, kort omschreven met een aantal punten wat het product stimuleert.

5. Foto

Hierin komt een product foto, welke vergroot kan worden als hierop gedrukt wordt. 6. Product informatie

Dit gedeelte dient voor alle product informatie zoals:  Soort verpakking

 Aantal

 Chargenummer  Ingrediënten 7.Werking/ toepassingen

Alle informatie die relevant is zoals de dosering, waarvoor het geschikt is en wanneer je het niet kunt gebruiken. Alle dit soort informatie komt in dit vakje te staan.

8. Digitaal label

Van ieder product wordt er een label online gezet zodat klanten direct kunnen zien wat er precies in het product zit en meer. Ook dit label laat zich vergroten.

(26)

5.4 Realisatie:

Wat direct opvalt is dat deze product lay-out een stuk rustiger is geworden, meer informatie bevat dan voorheen. Door de toevoegingen van het product plaatje en het label welke weer vergroot kunnen worden krijg je meer interactie. Verder sluit het nu mooi aan bij de rest van de webshop van JPSvitamines, de kleuren groen komen weer mooi terug en ook is alles weer netjes ingedeeld in vlakken. Meer informatie hierover is terug te vinden in de bijlage Website analyse.

(27)

6.1 Traject omschrijving:

PatPak BV Initiatiefase

De eerste weken ben ik druk bezig geweest met het opstellen en maken van mijn plan van aanpak. Doordat ik dit plan van aanpak heb gemaakt kreeg ik direct een beeld wat PatPak BV is en wat zij doen. Ook heb ik een aantal keren mee gedraaid zodat ik kon zien wat er gemaakt werd en ook hoe. Op deze manier leer je het bedrijf steeds beter kennen, dit helpt je om later de website te bouwen.

Onderzoeksfase

Toen ben ik gestart met mijn onderzoek naar zoekmachine optimalisatie, hierdoor kreeg ik een beter beeld wat er allemaal aangepast diende te worden in de nieuwe website. Toen dit onderzoek klaar was ben ik begonnen om de website te analyseren zodat ik uiteindelijk ook kan zien wat de resultaten zijn van mijn uitgevoerde werkzaamheden. Vervolgens heb ik samen met mijn begeleider overleg gehad over hoe we het beste een nieuwe website konden gaan ontwikkelen voor PatPak BV. Er is bewust voor gekozen om gebruik te gaan maken van een CMS aangezien de website ook na mijn stage periode geüpdate kan worden. Ook werd in dit gesprek duidelijk dat de website een rustige en duidelijke indeling zou krijgen, waarin alle informatie terug te vinden is.

Conceptfase

Aan de hand hiervan heb ik een concept gemaakt met de indeling van de website, menu en alle andere onderdelen die in de website diende te komen. Toen ben ik begonnen met het opzetten van een Joomla! installatie, welke ik heb geconfigureerd en aangepast aan de wensen van PatPak BV. Hierna ben ik begonnen met opzetten van de website in grote lijnen. Hierop heb ik weer om feedback gevraagd.

Realisatiefase

Aan de hand van deze feedback is de website verder uitgewerkt en was de basis van de website een feit. Telkens werden er nog kleine wijzigingen doorgevoerd om de website verder te optimaliseren. Tegen het einde van mijn stage periode ben ik weer verder gegaan met mijn analyse. De resultaten hiervan waren positief te noemen. PatPak BV staan nu op de eerste pagina van de zoekresultaten in Google!

(28)

JPSvitamines Initiatiefase

De eerste weken ben ik druk bezig geweest met het opstellen en maken van mijn plan van aanpak. Doordat ik dit plan van aanpak heb gemaakt kreeg ik direct een beeld wat JPSvitamines is en wat zij doen. Aangezien de huidige webshop gemaakt is in OSCommerce heb ik mij hier eerst goed in verdiept, aangezien dit pakket voor mij nieuw was. Op dat moment heb ik een eigen test shop gemaakt en heb daar alle handelingen eerst uitgevoerd alvorens ik ze ging toepassen in de webshop van JPSvitamines.

Onderzoeksfase

Het onderzoek naar SEO is hetzelfde als datgene wat ik voor PatPak BV. heb gebruikt en dat scheelde mij een hoop extra tijd. Evenals het analyseren van de webshop liep synchroon. Hierna ben ik begonnen met het zoeken naar informatie hoe ik de gevonden informatie van SEO kon toepassen in de huidige webshop.

Conceptfase

Het eerste dat ik gedaan heb is de webshop functioneel in orde gemaakt, enkele foutjes eruit gehaald en alles aangepast aan de nieuwe stijl. Vervolgens heb ik wat concepten gemaakt voor de nieuwe product lay-out van de shop. Uiteindelijk heb ik er 1 uitgekozen welke ik verder heb aangepast.

Realisatiefase

Mijn gemaakte lay-out werkt niet direct in mijn test webshop, dit had ermee te maken dat OSCommerce zijn beperkingen heeft. Maar deze heb ik uiteindelijk weten te omzeilen en het lukte mij dan ook om de nieuwe lay-out ook in de JPSvitamines webshop te implementeren. Deze heb ik toegepast voor alle producten. Verder heb ik nog wat kleine wijzigingen doorgevoerd in de webshop zodat alles 1 geheel werd. Uiteindelijk ben ik verder gegaan met mijn analyse en heb ik het hoofdstuk van JPSvitamines afgerond. Ook hiervan was de uitkomst zeer positief en is het bezoekers aantal ruim verdubbelt!

(29)

6.2 Welke drempels ben je tegen gekomen?

Werken met OSCommerce:

Het pakket OSCommerce was nieuw voor mij en had hiermee dan ook geen ervaring. Doordat de webshop al een goed jaar draaiende was, kon ik niet zomaar dingen gaan veranderen met het gevaar dat de webshop offline zal komen. Dit probleem heb ik opgelost door zelf een eigen OSCommerce webshop te gaan inrichten op mijn eigen server. Hierdoor kreeg ik de mogelijkheid om zelf allerlei dingen te gaan proberen zonder dat de JPSvitamines webshop in gevaar komt. Hierin heb ik de nieuwe productlay-out kunnen testen en optimaliseren. Ook hier had ik weer wat tegenslagen, aangezien OSCommerce zeer beperkt is hierin. Uiteindelijk kreeg ik het pakket onder de knie en ben ik verder gegaan in de webshop van JPSvitamines.

Werken met Joomla:

Het pakket was niet nieuw voor mij, maar had nog nooit een website hiermee gebouwd. De uitdaging was dan ook om een goed werkende website te bouwen welke nog eens geoptimaliseerd was voor zoekmachine optimalisatie. Een aantal keren is het voorgekomen dat ik verkeerde bestanden had verwijderd waardoor de site offline lag, echter dit is vrij simpel op te lossen door de bestanden niet te verwijderen maar om deze niet actief te zetten. Hiermee bereik je hetzelfde effect, met als voordeel dat je het altijd weer actief kan zetten.

Bovengenoemde onderdelen waren voor mij toch wel de 2 grootste drempels, echter heb ik deze kunnen elimineren doordat ik me meer ben gaan verdiepen in beide pakketten. Hierdoor heb ik veel bijgeleerd en leer je pas de mogelijkheden kennen van de pakketten.

(30)

7.1 kritisch constructieve terugblik.

Nu ik terugkijk over mijn gehele stage periode kan ik zeggen dat ik mezelf enorm verbeterd heb op het gebied van geordend werken. Tijdens mijn opleiding heb ik zelden tot nooit aantekeningen gemaakt en kwam er al snel achter tijdens mijn stage dat dit zeer belangrijk is om wel te doen.

Het onderzoek naar zoekmachine optimalisatie heeft mij geholpen bij het beter begrijpen van het bouwen van een website welke voldoet aan de eisen zodat deze beter gevonden gaat worden in Google. Zonder deze toepassingen heeft het bouwen van een website ook geen nut.

Wat ook zeer prettig was is dat ik veel vrijheid kreeg om zelf dingen te plannen. Hierdoor is het werk zeer divers en werk je dingen sneller en beter uit.

(31)

7.2 Wat heb ik geleerd

Waar het uiteindelijk om gaat, wat heb ik geleerd tijdens mijn afstudeerstage? De opdracht omschrijving van PatPak BV op sasplus trok mijn aandacht. Nadat het eerste kennismaking gesprek was geweest ben ik een week later begonnen aan mijn afstudeerstage. Het vernieuwen van de huidige websites en meer was de opdracht.

De basis kennis had ik al, echter het werken met een webshop module was nieuw voor mij. De huidige webshop was gebouwd in OSCommerce, hier heb ik de eerste weken echt moeite mee gehad om dit een beetje onder de knie te krijgen. Uiteindelijk is het me toch gelukt om alles te verbeteren en heb ik veel geleerd.

Het andere pakket waar ik mee gewerkt heb is Joomla. Dit pakket kwam mij bekend voor aangezien ik dit op school al een keer had gebruikt. Na een weekje had ik het door hoe het pakket werkte en zag ik ook de mogelijkheden ervan in. Mijn kennis van HTML, CSS en PHP kwam dan ook goed van pas. Verder heb ik zelf mijn Photoshop kant verder ontwikkeld, wat kan je met dit programma veel doen! Ik dacht dat ik alle mogelijkheden al kon, dat was dus niet waar!

SEO was geheel nieuw voor mij, en wist ook niet wat ik ervan kon verwachten. Op internet staat een hoop informatie, maar wat nu allemaal wel en niet werkt moet jezelf ondervinden. Nadat ik de PatPak BV website onderhanden had genomen was het resultaat na 2 weken al zichtbaar! Eerst werd het niet gevonden in Google en nu staan ze bijna allemaal op de 1ste_{pagina in Google!}

Het samenwerken en uiteindelijk tot een goed product komen is iets dat ik bij PatPak BV heb geleerd. Hierdoor merk je dat je fijner gaat werken en dat het resultaat ook beter is! Iedereen heeft er tenslotte een andere kijk op, hierdoor wordt het uiteindelijke product alleen maar beter. Als ICT’er gebruik je geen pen en papier meer, echter werd hierop geattendeerd dat ik dit wel moest doen. Uiteindelijk ben ik blij dat ik de raad heb opgevolgd. Even een aantekening maken of notities noteren. Hierdoor kan je rustig je lijst afwerken met dingen die je nog moet doen.

Als ik zo terugkijk op de afgelopen periode ben ik enorm blij dat ik gekozen heb voor een afstudeerstage bij PatPak BV. te Schijndel. De werksfeer was erg fijn en de collega`s waren fijn om mee te werken. Ik ben blij met de vrijheid die ik heb gekregen voor het uitvoeren van mijn werkzaamheden.

(32)

8 Nawoord

Ik wil PatPak BV & JPSvitamines hartelijk bedanken voor het aanbieden van deze afstudeerstage en de ruimte die ik heb gekregen voor mijn afstudeerproject. De werksfeer was zeer prettig

Tijdens mijn studie ICT Media & Design die ik de afgelopen 4 jaar heb doorlopen heb ik veel geleerd over de verschillende vakgebieden. Tijdens deze stage heb ik echter een hoop geleerd dat het werken met structuur het werk gemakkelijker maakt.

(33)

9 bronnen / literatuurlijst.

Boeken/onderzoeken

JPSvitamines : Naar marktleider in de jungle van natuurlijke vitamines HTML en CSS - de basis

Tips en tools voor Joomla !

Internetbronnen

Seo Tutorial: http://www.webconfs.com/seo-tutorial

GoogleGuide.com: http://www.googleguide.com/google_works.html

JPSvitamines stats: https://jpsvitamines.nl/plesk-stat/webstat-ssl/

PatPak BV stats: https://patpak.com/plesk-stat/webstat-ssl/

Forum OSCommerce: http://forums.oscommerce.nl/

Joomla! Forum: http://forum.dutchjoomla.org/

Search Engine wiki: http://en.wikipedia.org/wiki/Web_search_engine

Syntens: http://www.syntens.nl

Digitale bijlage

Hier vindt u de cd met de digitale bijlage.

De volgende onderdelen zijn opgenomen in de digitale bijlage:

Plan van aanpak.

Voor de het Plan van aanpak, zie bijlage B

Website Analyses

Voor de website analyses, zie bijlage C

Zoekmachine optimalisatie

Voor het zoekmachine optimalisatie onderzoek, zie bijlage D

Promotie

Voor het promotie onderzoek, zie bijlage E

Handleiding

Voor de onderhoud handleiding, zie bijlage F