Portfolio afstudeerstage Buro 3

Wesley Vermeulen

Welkom op mijn portfolio voor mijn afstudeerstage bij Buro 3. Op dit portfolio staat het proces dat ik heb doorlopen met betrekking tot het eindproduct voor mijn afstudeerstage.

DDe opdracht

Opdrachtsomschrijving

Buro 3 is een digitaal marketingbureau dat klanten zo snel en gemakkelijk mogelijk hun doel wil laten bereiken. Zij willen bedrijven klantgerichter maken, door ze te leren vanuit de klantreisgedachte te handelen en te luisteren naar klanten. Met deze aanpak helpen zij bedrijven onderbouwde keuzes te maken, zodat elke marketingeuro zo goed mogelijk besteed wordt.

Door de groei van Buro 3 zijn er een heleboel nieuwe producten bijgekomen. Het aanbod wat Buro 3 de klanten te bieden heeft, is dus enorm gegroeid. Klanten zijn hier echter lang niet altijd van op de hoogte en sommige klanten denken zelfs nog dat zij enkel websites maken en geen online marketing doen. Zo zijn er een aantal klanten die websites hebben afgenomen maar de online marketing ergens anders doen puur omdat ze het niet wisten.

Er zijn door Buro 3 productkaarten bedacht, dit zijn kaarten van maximaal 1 A4 waar in Jip en Janneke taal het product beschreven staat. Deze kaarten kunnen door medewerkers van Buro 3 gebruikt worden om klanten in contact te brengen met de producten die zij aanbieden, zodat zij makkelijk en snel meer informatie krijgen en enthousiast raken over een product om vervolgens met Buro 3 een customer journey traject in te gaan.

Op dit moment zijn er al een aantal van deze kaarten uitgewerkt in Google Docs, waardoor ze makkelijk door alle medewerkers aangepast kunnen worden en terug te vinden zijn. Klanten komen dus nog steeds enkel met producten in aanraking wanneer deze worden aangedragen door Buro 3. Ideaal zou zijn als klanten dus zelf een makkelijk overzicht kunnen krijgen hiervan.

De opdracht die door Buro 3 is geformuleerd, luidt als volgt:

Ontwikkel een online productentool waarmee (potentiële) klanten van Buro 3 in contact kunnen komen met de producten die zij aanbieden.

Hierbij zijn de volgende drie doelstellingen belangrijk:

Interactief, aantrekkelijk en gebruiksvriendelijk;
Inzicht krijgen in de behoefte van de klant;
Eenvoudig te beheren vanuit de eigenaar.

Hoofdvraag

Op welke manier kan een online productentool ontwikkeld worden, waarmee klanten alle benodigde informatie over producten en diensten kunnen vinden die Buro 3 aanbiedt om werknemers kostbare tijd te besparen?

AAanpak, uitvoering & resultaten

Oriëntatiefase

De eerste stap is de opdracht duidelijk formuleren en de eisen/voorwaarden waaraan het eindproduct moet voldoen op een rijtje zetten. Hiervoor is een projectdocument opgesteld aan de hand van informatie die verzameld is via de website van de opdrachtgever en het eerder opgestelde project proposal. Daarnaast is ook een eerste versie van het MoSCoW gemaakt, die in de volgende fases wordt aangevuld aan de hand van onderzoeken.

De belangrijkste conclusie is dat er een tool ontwikkeld moet worden waarmee klanten van Buro 3 in contact kunnen komen met de producten die zij aanbieden. Ook kan deze tool kostbare tijd besparen tijdens het opstellen van offertes of delen van informatie met de klant.

Producten

Projectdocument MoSCoW

Analysefase

Welke tools en middelen zijn er op de markt, wat zijn de voor- en nadelen ervan en op welke manier kunnen deze tools en middelen een rol spelen in de productentool van Buro 3? Dat is een van de deelvragen die tijdens de analysefase is beantwoord. Uit dit onderzoek is naar voren gekomen dat VueJS de beste keuze is als front-end framework. Ook is geconcludeerd dat een backend framework niet nodig is voor de tool en dat er gebruik gemaakt gaat worden van Less als CSS preprocessor.

Om de wensen en behoeftes van de werknemer in kaart te brengen is er onderzoek gedaan in de vorm van interviews. De belangrijkste conclusie uit dit onderzoek is dat er eerst voor gezorgd moet worden dat de productentool intern goed gebruikt gaat worden door de werknemers. Vervolgens kan gekeken worden naar de optimalisatie voor extern gebruik.

De onderzoeksresultaten zijn verwerkt in de MoSCoW en tevens gebruikt tijdens het opstellen van customer journeys in de ontwerpfase.

Naast de verschillende onderzoeken is ook een functional requirements document opgesteld, waarin alle functies van de tool beschreven staan. In het FRD worden de punten uit het MoSCoW uitgebreider behandeld en wordt nagedacht over de implementatie van deze punten.

Producten

Onderzoek tools & middelen Interviews medewerkers Functional requirements document (FRD)

Ontwerpfase

Op basis van de onderzoeken en de opgestelde documenten, worden user stories geformuleerd die vervolgens omgezet worden naar customer journeys. Met de customer journeys laat ik de opdrachtgever zien wat de klanten zien, denken, doen en voelen in de verschillende fases waarin zij contact hebben met het bedrijf. Daarnaast stelt het je in staat om in de verschillende fases een focus te hebben op de behoeften van de doelgroep i.p.v. te redeneren vanuit je eigen ervaring en organisatie.

Ook zijn er in de ontwerpfase wireframes gemaakt en besproken met de opdrachtgever. De laatste versie van de wireframes zijn vervolgens omgezet naar designs. Hierdoor wordt de uiteindelijke look en feel van de tool in kaart gebracht en daarnaast dienen zij als opzet voor het clickable prototype.

Het clickable prototype is de laatste stap in de ontwerpfase. Hiermee kan het product snel en gemakkelijk getest worden en krijgen de testpersonen een goed idee over de werking en functies van het product.

Producten

Customer journeys Wireframes Designs Clickable prototype

Testfase

Door middel van gebruikerstesten wordt het prototype getest en aan de hand van deze resultaten kan de tool worden verbeterd. Voor de gebruikerstesten zijn een vijftal personen, bestaande uit klanten en werknemers van Buro 3, opgeroepen om verschillende scenario’s te doorlopen.

De belangrijkste conclusie is dat de resultaten met betrekking tot het verbeteren van de UX als eerste verwerkt moeten worden in de productentool. Denk hierbij aan het snel doorverwijzen van gebruikers naar gerelateerde producten of het verhogen van de contactmogelijkheden. Met de verwerking van deze resultaten wordt de gebruikerservaring van de tool verhoogd, wat kan resulteren in meer gebruikers.

Producten

Gebruikerstesten

Realisatiefase

Eén van de laatste stappen, maar tevens wel een van de grootste, is het ontwikkelen van de tool aan de hand van het clickable prototype. Voor de ontwikkeling zijn verschillende tools en codeer talen gebruikt, waarmee de tool niet alleen erg makkelijk uit te breiden is, maar ook interactief om de gebruiker een zo goed mogelijke gebruikerservaring te geven.

Er zijn veel verschillende tools en talen gebruikt. Denk hierbij aan WordPress, VueJS, Less, API's, etc. De combinatie van al deze tools en talen resulteert in een goed werkende tool die na afronding van dit project direct door Buro 3 in gebruik genomen kan worden. Daarnaast zijn de testresultaten uit de eerder afgenomen gebruikerstesten verwerkt in de tool en zal de tool in de toekomst uitgebreid kunnen worden met de resultaten uit het adviesdocument.

Producten

Ontwikkeling

Afrondingsfase

De laatste fase van het project is de afronding. Tijdens de afrondingsfase zullen alle documenten aan de opdrachtgever overhandigd worden net als het product dat ontwikkeld is. Daarnaast zullen alle testresultaten die niet in de tool verwerkt zijn, toegevoegd worden in een adviesdocument.

In het adviesdocument is elk advies is zo uitgebreid mogelijk uitgewerkt, waardoor de opdrachtgever een goede overweging kan maken voor het onderhouden of uitbreiden van de tool.

Daarnaast is een reflectie geschreven over de afgelopen periode. Hierin wordt gereflecteerd over de stage, wat er is geleerd en hoe dit project heeft bijgedragen aan mijn ontwikkeling. Ook is een portfolio ontwikkeld, waarin alle tussenproducten staan beschreven die deze periode zijn gemaakt. Hierbij is beschreven waarom het is gemaakt, wat de aanpak is geweest en wat de resultaten/conclusie is van het product.

Als laatste is een eindpresentatie opgezet, waarmee kort het proces van het project wordt uitgelegd. Hierbij wordt dieper ingegaan op de ontwikkeling van de tool en welke middelen hiervoor zijn gebruikt. Deze presentatie dient tevens als presentatie tijdens de afstudeerzitting.

Producten

Adviesdocument Presentatie eindproduct Reflectie Portfolio