IMG 2063
Innovatie studio

Website 

Vanuit de studio en de gebruiker is er vraag naar meer informatie over de Innovatie studio van PostNL. Daar hebben wij een oplossing voor bedacht: de Innovatie studio website!

Ontwerpvraag (1e versie)

“Hoe kunnen we de doelgroep: mensen die niets weten over de Innovatieve studio van PostNL op een informatieve en interessante wijze informeren met behulp van social media en een landingspagina?”

Ontwerpvraag (Laatste versie)

“Hoe kunnen we de doelgroep (zowel externe als interne mensen) die niets weten over de Innovatie studio van PostNL op een informatieve en interessante wijze informeren, de aandacht trekken en tot actie zetten rekening houdend met de ontwerprichtlijnen en door middel van een korte krachtige aanpak, keywords en het benoemen van een missie/doel met behulp van social media en een landingspagina?”

0ed9a9e0 b5d6 408d 9d8d 87c1c9863802

Stop talking, start trying!

8ab0eb9d 6447 4216 b0e6 0d6655c2a372

Mijn rol!

Ik heb tijdens dit project een aantal verschillende rollen tot mij genomen, waaronder designer, onderzoeker en planner. Ik heb mij tijdens dit project vooral bezig gehouden met het doen van onderzoek en hieruit vervolgens ideeën verzinnen. Waarna ik samen met mijn team de website kon maken.  

Dit heb ik gedaan door middel van verschillende methodes: deskresearch, fieldresearch, analyseren, brainstormen en vormgeven

Research
Deskresearch
Desk is project

Mijn deskresearch heb ik toegewijd aan het kijken en vergelijken van andere websites van andere innovatie studio's en design agencies, zoals &ranj en New future lab. Door hier vergelijkingen te maken en te kijken welke onderdelen aantrekkelijk zijn had ik een goede basis kennis om de fieldresearch in te gaan!

Research
Fieldresearch
IMG 2492

Tijdens de fieldresearch heb ik voortgebouwd op de inzichten van de deskresearch. Ik heb met verschillende respondenten gekeken naar hoe websites er nu uit zien, wat daar de positieve en negatieve punten van zijn en hoe een website eruit zou moeten zien. Dit heb ik gedaan door gebruik te maken van verschillende methodes, zoals Draw your experience, Cardsorting en Vrije attitude interview. De resultaten hiervan heb ik verwerkt door middel van een Affinity diagram en Dot-voting!

IMG 3027
IMG 3021
IMG 3369

Resultaten

De resultaten van ons onderzoek hebben we verwerkt door middel van een aantal methodes.  

We hebben gebruik gemaakt van persona's, ontwerprichtlijnen en insight cards

Hierdoor konden we de inzichten makkelijk opslaan en deze beter terug kijken tijdens het ontwerpen van de website!

Persona's

Persona 1
Persona 2
Persona 3

Persona 1

De eerste persona is de Externe partner. Deze persona heb ik gemaakt, omdat de studio veel waarde hecht aan samenwerkingen met andere organisaties. Dus ook deze gebruiker wilde ik en mijn team zo goed mogelijk begrijpen in dit project. Zo hebben we door middel van onderzoek onze inzichten over deze gebruiker verwerkt in deze persona!

Mainstream 1

Persona 2

De tweede persona is een Student die op zoek is naar een stage bij PostNL. Deze persona kwam naar voren bij zowel mij als mijn medestagiaires, omdat wij bij het zoeken van onze stage graag meer hadden willen weten over de studio! Ook hier hebben we veel onderzoek over de gebruiker gedaan en dit verzameld in een persona! 

Mainstream 2

Persona 3

De laatste persona is een Interne collega. De studio vond het belangrijk om ook andere PostNL medewerkers mee te nemen in de doelgroep die we voor ogen hadden. Met name omdat zij vaak ook niet weten wat wij als studio doen en ze dus ook niet weten wat wij voor hun kunnen betekenen! 

Mainstream

Ontwerprichtlijnen 

Benodigde onderdelen

De 5 onderdelen die benodigd zijn in de website van de Innovatie Studio zijn:

  1. Over ons/Doel
  2. Projecten,
  3. Samenwerkingen
  4. Updates/Nieuws
  5. Contact (call to action)

Deze onderdelen zorgen voor informatie, duidelijkheid en zetten de studio op de kaart!

Concrete uitleg en vormgeving

Houd teksten, projecten, lay-out, vormgeving en eventuele voorbeelden kort, maar krachtig. Wees hierbij duidelijk en maak gebruik van dingen als keywords om informatief te zijn en de aandacht van de bezoeker te behouden.

Onderscheid de studio van het hoofdkantoor

Laat vooral projecten naar voren komen die niet per se in de hoofdlijnen van PostNL liggen (innovatie), dit zorgt voor interesse vanuit klanten en onderscheid de Innovatie Studio van het algemene beeld van PostNL.

Betrouwbaarheid

Houd een betrouwbare URL, CTA (call to action) en logo aan.

Missie en visie

Leg je missie, doel en visie als bedrijf zijnde goed uit. Hierbij is het belangrijk om concreet en duidelijke te blijven. Onderscheid de Innovatie Studio van andere design agencies of innovatie studios. Wees hierbij uniek!

Insight cards

Insight card 13
Insight card 18
Insight card 19
Insight card 20
Insight card 21
IMG 3542

Brainstorms

We hebben verschillende brainstorms gedaan om de website zo goed mogelijk vorm te geven. Ik heb samen met de stagiaires verschillende methodes uitgevoerd, zoals de Mindmap en de Crazy 8. Vervolgens hebben we met de gehele studio ook nog een brainstorm gedaan om te zien wat zij vooral terug wilde zien in hun website!

Uitwerken 

Variant B

Prototype (variant 1)

Wireframe   7

Wireframe 1

Wireframe   15

Wireframe 2

Variant D   Homepage

Prototype (variant 2)

Vervolgstappen

De volgende stappen van dit project zullen vooral testen inhouden, waarbij het prototype getest word in verschillende iteraties. Zo kunnen we het prototype maximaal verbeteren. 

Vervolgens zal het team verder gaan met het verwerken van het verbeterde prototype in webflow. Hier zal de website in gemaakt worden. 

Hierna kan de website online gezet worden en. kan het gebruikt worden door de doelgroep!

Belangrijke leerpunten

Dit project is heel fijn en soepel verlopen!

Ik merk alleen wel dat we als team te lang zijn blijven hangen bij de onderzoeksfase. Hierdoor is de planning wat verder opgeschoven waardoor we niet alle iteratie fases hebben kunnen doorlopen die we graag wel hadden willen doen. Dat vind ik toch wel jammer, omdat ik dit juist heel leuk vind om te doen.

Aan de andere kant is het misschien ook wel slim om dit project in deze fase door te geven aan andere stagiaires, omdat zij er weer een hele andere kijk op hebben dan ik en mijn teamgenoten. 

Ik kijk uit naar het resultaat!

Ik heb binnen dit project veel brainstorms gedaan. Hier heb ik gezien dat je brainstorm zowel met als zonder methode kunt uitvoeren. Ik heb gemerkt dat in de ene situatie het fijner is om dit zonder te doen, terwijl in de andere situatie het juist onmisbaar is.