ROL

ROL

UX/UI designer

UX/UI designer

UX/UI designer

DUUR

DUUR

± 5 maanden

± 5 maanden

± 5 maanden

OPDRACHTGEVER

OPDRACHTGEVER

WeTransfer

WeTransfer

WeTransfer

ONTWERPFOCUS

ONTWERPFOCUS

Interaction Design + Collaboration

Interaction Design + Collaboration

Interaction Design +
Collaboration

Prototype

Prototype

Een digitaal product dat creatives helpt om feedback, bestanden en context met hun klanten op één plek te verzamelen. Zo blijft de samenwerking overzichtelijk tijdens het creatieve proces.

Een digitaal product dat creatives helpt om feedback, bestanden en context met hun klanten op één plek te verzamelen. Zo blijft de samenwerking overzichtelijk tijdens het creatieve proces.

Een digitaal product dat creatives helpt om feedback, bestanden en context met hun klanten op één plek te verzamelen. Zo blijft de samenwerking overzichtelijk tijdens het creatieve proces.

01

WeTransfer Note

01

WeTransfer Note

PRODUCT DESIGN · WORKFLOW DESIGN

Prototype

The Challenge

The Challenge

WeTransfer wilde onderzoeken hoe het creatives beter kon ondersteunen in hun samenwerking met klanten. De opdracht was bewust breed en draaide om het ontwikkelen van een nieuw digitaal product dat waarde toevoegt aan het creatieve proces en logisch past binnen het bestaande WeTransfer-ecosysteem.


De oplossing moest zelfstandig waarde bieden, maar ook aansluiten op de andere producten van WeTransfer. Daarmee wilde WeTransfer een grotere rol spelen binnen de dagelijkse workflow van creatives en zich verder ontwikkelen als platform dan alleen bestanden versturen. Ook moest het concept passen bij een werkomgeving waarin steeds vaker op afstand wordt samengewerkt.

WeTransfer wilde onderzoeken hoe het creatives beter kon ondersteunen in hun samenwerking met klanten. De opdracht was bewust breed en draaide om het ontwikkelen van een nieuw digitaal product dat waarde toevoegt aan het creatieve proces en logisch past binnen het bestaande WeTransfer-ecosysteem.

De oplossing moest zelfstandig waarde bieden, maar ook aansluiten op de andere producten van WeTransfer. Daarmee wilde WeTransfer een grotere rol spelen binnen de dagelijkse workflow van creatives en zich verder ontwikkelen als platform dan alleen bestanden versturen. Ook moest het concept passen bij een werkomgeving waarin steeds vaker op afstand wordt samengewerkt.

WeTransfer wilde onderzoeken hoe het creatives beter kon ondersteunen in hun samenwerking met klanten. De opdracht was bewust breed en draaide om het ontwikkelen van een nieuw digitaal product dat waarde toevoegt aan het creatieve proces en logisch past binnen het bestaande WeTransfer-ecosysteem.

De oplossing moest zelfstandig waarde bieden, maar ook aansluiten op de andere producten van WeTransfer. Daarmee wilde WeTransfer een grotere rol spelen binnen de dagelijkse workflow van creatives en zich verder ontwikkelen als platform dan alleen bestanden versturen. Ook moest het concept passen bij een werkomgeving waarin steeds vaker op afstand wordt samengewerkt.

Mijn rol

Mijn rol

  • Uitvoeren van user research naar creatives en hun werkproces

  • Interviewen van creative professionals

  • Organiseren en begeleiden van creatieve sessies

  • Vertalen van onderzoeksinzichten naar concepten

  • Uitwerken van wireframes en prototypes in Figma

  • Voorbereiden en uitvoeren van user tests

  • Verwerken van feedback in verschillende design-iteraties

  • Uitwerken van het high-fidelity ontwerp

  • Presenteren van het eindconcept aan WeTransfer

  • Uitvoeren van user research naar creatives en hun werkproces

  • Interviewen van creative professionals

  • Organiseren en begeleiden van creatieve sessies

  • Vertalen van onderzoeksinzichten naar concepten

  • Uitwerken van wireframes en prototypes in Figma

  • Voorbereiden en uitvoeren van user tests

  • Verwerken van feedback in verschillende design-iteraties

  • Uitwerken van het high-fidelity ontwerp

  • Presenteren van het eindconcept aan WeTransfer

  • Uitvoeren van user research naar creatives en hun werkproces

  • Interviewen van creative professionals

  • Organiseren en begeleiden van creatieve sessies

  • Vertalen van onderzoeksinzichten naar concepten

  • Uitwerken van wireframes en prototypes in Figma

  • Voorbereiden en uitvoeren van user tests

  • Verwerken van feedback in verschillende design-iteraties

  • Uitwerken van het high-fidelity ontwerp

  • Presenteren van het eindconcept aan WeTransfer

Inzichten over de doelgroep
Inzichten over de doelgroep
Schetsen van de eerste prototypes
Schetsen van de eerste prototypes

Research & Insights

Research & Insights

Ik begon met deskresearch en fieldresearch om beter te begrijpen hoe creative professionals werken en waar zij tegenaan lopen. Hiervoor hield ik onder andere een interview met een UX/UI designer en werkte ik mee aan een enquête onder creatives. Uit het onderzoek besloten we de doelgroep verder af te bakenen naar UX/UI designers.


Een belangrijk probleem dat naar voren kwam was de samenwerking met klanten rondom feedback. Feedback kwam soms te laat, was onduidelijk of raakte verspreid over verschillende tools. Daardoor verloren designers het overzicht en kon hun creatieve flow worden onderbroken. Dit inzicht werd later bepalend voor de richting van het project.

Ik begon met deskresearch en fieldresearch om beter te begrijpen hoe creative professionals werken en waar zij tegenaan lopen. Hiervoor hield ik onder andere een interview met een UX/UI designer en werkte ik mee aan een enquête onder creatives. Uit het onderzoek besloten we de doelgroep verder af te bakenen naar UX/UI designers.

Een belangrijk probleem dat naar voren kwam was de samenwerking met klanten rondom feedback. Feedback kwam soms te laat, was onduidelijk of raakte verspreid over verschillende tools. Daardoor verloren designers het overzicht en kon hun creatieve flow worden onderbroken. Dit inzicht werd later bepalend voor de richting van het project.

Ik begon met deskresearch en fieldresearch om beter te begrijpen hoe creative professionals werken en waar zij tegenaan lopen. Hiervoor hield ik onder andere een interview met een UX/UI designer en werkte ik mee aan een enquête onder creatives. Uit het onderzoek besloten we de doelgroep verder af te bakenen naar UX/UI designers.

Een belangrijk probleem dat naar voren kwam was de samenwerking met klanten rondom feedback. Feedback kwam soms te laat, was onduidelijk of raakte verspreid over verschillende tools. Daardoor verloren designers het overzicht en kon hun creatieve flow worden onderbroken. Dit inzicht werd later bepalend voor de richting van het project.

Figma designfile van het project
Figma designfile van het project

Concept

Concept

Vanuit de onderzoeksinzichten organiseerde ik een creatieve sessie om verschillende richtingen voor het probleem te verkennen. De ideeën uit deze sessies brachten we samen tot drie concepten. Een van de concepten richtte zich op het plannen van feedbackmomenten en het overzichtelijk bewaren van feedback bij het juiste ontwerp.


Na het uitwerken en presenteren van deze richtingen merkten we dat het concept nog te veel verschillende problemen tegelijk probeerde op te lossen. Daarom brachten we het terug naar drie onderdelen die we afzonderlijk konden testen. Een planningstool, een logboek en een feedbacktool. Uit deze tests kwam de feedbacktool het duidelijkst naar voren, waardoor we besloten het concept volledig rondom dat probleem verder te ontwikkelen.


Zo ontstond WeTransfer Note. Een platform waarmee designers hun werk met klanten kunnen delen en gerichte feedback kunnen verzamelen. De designer bepaalt vooraf op welke onderdelen feedback nodig is, waarna de klant direct bij het ontwerp kan reageren. Alle feedback blijft vervolgens overzichtelijk bij het betreffende project opgeslagen.

Vanuit de onderzoeksinzichten organiseerde ik een creatieve sessie om verschillende richtingen voor het probleem te verkennen. De ideeën uit deze sessies brachten we samen tot drie concepten. Een van de concepten richtte zich op het plannen van feedbackmomenten en het overzichtelijk bewaren van feedback bij het juiste ontwerp.

Na het uitwerken en presenteren van deze richtingen merkten we dat het concept nog te veel verschillende problemen tegelijk probeerde op te lossen. Daarom brachten we het terug naar drie onderdelen die we afzonderlijk konden testen. Een planningstool, een logboek en een feedbacktool. Uit deze tests kwam de feedbacktool het duidelijkst naar voren, waardoor we besloten het concept volledig rondom dat probleem verder te ontwikkelen.

Zo ontstond WeTransfer Note. Een platform waarmee designers hun werk met klanten kunnen delen en gerichte feedback kunnen verzamelen. De designer bepaalt vooraf op welke onderdelen feedback nodig is, waarna de klant direct bij het ontwerp kan reageren. Alle feedback blijft vervolgens overzichtelijk bij het betreffende project opgeslagen.

Vanuit de onderzoeksinzichten organiseerde ik een creatieve sessie om verschillende richtingen voor het probleem te verkennen. De ideeën uit deze sessies brachten we samen tot drie concepten. Een van de concepten richtte zich op het plannen van feedbackmomenten en het overzichtelijk bewaren van feedback bij het juiste ontwerp.

Na het uitwerken en presenteren van deze richtingen merkten we dat het concept nog te veel verschillende problemen tegelijk probeerde op te lossen. Daarom brachten we het terug naar drie onderdelen die we afzonderlijk konden testen. Een planningstool, een logboek en een feedbacktool. Uit deze tests kwam de feedbacktool het duidelijkst naar voren, waardoor we besloten het concept volledig rondom dat probleem verder te ontwikkelen.

Zo ontstond WeTransfer Note. Een platform waarmee designers hun werk met klanten kunnen delen en gerichte feedback kunnen verzamelen. De designer bepaalt vooraf op welke onderdelen feedback nodig is, waarna de klant direct bij het ontwerp kan reageren. Alle feedback blijft vervolgens overzichtelijk bij het betreffende project opgeslagen.

Mockup van de eerste landingspagina na het inloggen in Note
Mockup van de eerste landingspagina na het inloggen in Note

Design & Testing

Design & Testing

Met Note als gekozen richting werkten we het feedbackproces verder uit in Figma. Een belangrijk uitgangspunt was dat designers niet zomaar om algemene feedback hoeven te vragen, maar zelf kunnen aangeven waarop ze feedback nodig hebben. Bijvoorbeeld op de layout, het kleurgebruik of een specifieke interactie. Door met feedbackcategorieën en templates te werken krijgt de opdrachtgever meer richting en ontvangt de designer feedback waar hij daadwerkelijk mee verder kan.


Tijdens gebruikerstests en een Design Crit bleek dat het concept inhoudelijk goed aansloot, maar dat de interactie nog duidelijker kon. Zo voelde de sidebar te technisch aan, was niet altijd duidelijk waar een gebruiker iets moest invullen en voelde het prototype nog te statisch. Ook kwam het idee naar voren om feedback direct aan een specifiek onderdeel van het ontwerp te koppelen met een pointer. Zo wordt meteen zichtbaar waar een opmerking over gaat en hoeft de designer niet zelf te interpreteren welk onderdeel de klant bedoelt.


In de laatste iteratie kreeg ik de taak om de flow en interacties verder te verbeteren. Ik werkte onder andere met components en animaties in Figma en paste de WeTransfer-styleguide toe op het ontwerp. De verbeteringen en Figma-technieken die ik tijdens deze iteratie ontwikkelde, deelde ik ook met mijn teamgenoten. Zo konden we hun schermen verder aanscherpen en ervoor zorgen dat het volledige prototype visueel en interactief consistent bleef.

Met Note als gekozen richting werkten we het feedbackproces verder uit in Figma. Een belangrijk uitgangspunt was dat designers niet zomaar om algemene feedback hoeven te vragen, maar zelf kunnen aangeven waarop ze feedback nodig hebben. Bijvoorbeeld op de layout, het kleurgebruik of een specifieke interactie. Door met feedbackcategorieën en templates te werken krijgt de opdrachtgever meer richting en ontvangt de designer feedback waar hij daadwerkelijk mee verder kan.

Tijdens gebruikerstests en een Design Crit bleek dat het concept inhoudelijk goed aansloot, maar dat de interactie nog duidelijker kon. Zo voelde de sidebar te technisch aan, was niet altijd duidelijk waar een gebruiker iets moest invullen en voelde het prototype nog te statisch. Ook kwam het idee naar voren om feedback direct aan een specifiek onderdeel van het ontwerp te koppelen met een pointer. Zo wordt meteen zichtbaar waar een opmerking over gaat en hoeft de designer niet zelf te interpreteren welk onderdeel de klant bedoelt.

In de laatste iteratie kreeg ik de taak om de flow en interacties verder te verbeteren. Ik werkte onder andere met components en animaties in Figma en paste de WeTransfer-styleguide toe op het ontwerp. De verbeteringen en Figma-technieken die ik tijdens deze iteratie ontwikkelde, deelde ik ook met mijn teamgenoten. Zo konden we hun schermen verder aanscherpen en ervoor zorgen dat het volledige prototype visueel en interactief consistent bleef.

Met Note als gekozen richting werkten we het feedbackproces verder uit in Figma. Een belangrijk uitgangspunt was dat designers niet zomaar om algemene feedback hoeven te vragen, maar zelf kunnen aangeven waarop ze feedback nodig hebben. Bijvoorbeeld op de layout, het kleurgebruik of een specifieke interactie. Door met feedbackcategorieën en templates te werken krijgt de opdrachtgever meer richting en ontvangt de designer feedback waar hij daadwerkelijk mee verder kan.

Tijdens gebruikerstests en een Design Crit bleek dat het concept inhoudelijk goed aansloot, maar dat de interactie nog duidelijker kon. Zo voelde de sidebar te technisch aan, was niet altijd duidelijk waar een gebruiker iets moest invullen en voelde het prototype nog te statisch. Ook kwam het idee naar voren om feedback direct aan een specifiek onderdeel van het ontwerp te koppelen met een pointer. Zo wordt meteen zichtbaar waar een opmerking over gaat en hoeft de designer niet zelf te interpreteren welk onderdeel de klant bedoelt.

In de laatste iteratie kreeg ik de taak om de flow en interacties verder te verbeteren. Ik werkte onder andere met components en animaties in Figma en paste de WeTransfer-styleguide toe op het ontwerp. De verbeteringen en Figma-technieken die ik tijdens deze iteratie ontwikkelde, deelde ik ook met mijn teamgenoten. Zo konden we hun schermen verder aanscherpen en ervoor zorgen dat het volledige prototype visueel en interactief consistent bleef.

Verschillende feedbacktemplates binnen Note

Solution

Solution

Het uiteindelijke concept werd WeTransfer Note, een platform waarmee creatives hun werk met klanten kunnen delen en gericht feedback kunnen verzamelen. In plaats van alleen te vragen wat iemand van een ontwerp vindt, kan de gebruiker vooraf bepalen waarop feedback nodig is. Bij UX/UI design kan dat bijvoorbeeld gaan over de layout, het kleurgebruik of een specifieke interactie. Zo weet de opdrachtgever waar hij op moet letten en krijgt de creative feedback waar daadwerkelijk iets mee gedaan kan worden.


Hiervoor werkt Note met verschillende feedbacktemplates die aansluiten op het soort creatief werk. Een UX/UI designer krijgt andere feedbackcriteria dan bijvoorbeeld een grafisch ontwerper of audiovisuele creative. Hierdoor blijft het concept breed inzetbaar, terwijl de feedback wel gericht blijft op het betreffende vakgebied.


Feedback kan daarnaast direct aan een specifiek onderdeel van het werk worden gekoppeld met een pointer en wordt overzichtelijk per project opgeslagen. Note vult daarmee ook een ontbrekende stap binnen het WeTransfer-ecosysteem. Met Collect kunnen creatives inspiratie verzamelen en met Paste hun werk uiteindelijk presenteren. Uit ons onderzoek bleek dat er juist tijdens het ontwerpproces behoefte was aan een duidelijke manier om feedback te vragen, te geven en terug te vinden. Note vult dat gat op, waardoor WeTransfer de creative beter kan ondersteunen van inspiratie tot het afronden en presenteren van een project.

Het uiteindelijke concept werd WeTransfer Note, een platform waarmee creatives hun werk met klanten kunnen delen en gericht feedback kunnen verzamelen. In plaats van alleen te vragen wat iemand van een ontwerp vindt, kan de gebruiker vooraf bepalen waarop feedback nodig is. Bij UX/UI design kan dat bijvoorbeeld gaan over de layout, het kleurgebruik of een specifieke interactie. Zo weet de opdrachtgever waar hij op moet letten en krijgt de creative feedback waar daadwerkelijk iets mee gedaan kan worden.

Hiervoor werkt Note met verschillende feedbacktemplates die aansluiten op het soort creatief werk. Een UX/UI designer krijgt andere feedbackcriteria dan bijvoorbeeld een grafisch ontwerper of audiovisuele creative. Hierdoor blijft het concept breed inzetbaar, terwijl de feedback wel gericht blijft op het betreffende vakgebied.

back kan daarnaast direct aan een specifiek onderdeel van het werk worden gekoppeld met een pointer en wordt overzichtelijk per project opgeslagen. Note vult daarmee ook een ontbrekende stap binnen het WeTransfer-ecosysteem. Met Collect kunnen creatives inspiratie verzamelen en met Paste hun werk uiteindelijk presenteren. Uit ons onderzoek bleek dat er juist tijdens het ontwerpproces behoefte was aan een duidelijke manier om feedback te vragen, te geven en terug te vinden. Note vult dat gat op, waardoor WeTransfer de creative beter kan ondersteunen van inspiratie tot het afronden en presenteren van een project.

Het uiteindelijke concept werd WeTransfer Note, een platform waarmee creatives hun werk met klanten kunnen delen en gericht feedback kunnen verzamelen. In plaats van alleen te vragen wat iemand van een ontwerp vindt, kan de gebruiker vooraf bepalen waarop feedback nodig is. Bij UX/UI design kan dat bijvoorbeeld gaan over de layout, het kleurgebruik of een specifieke interactie. Zo weet de opdrachtgever waar hij op moet letten en krijgt de creative feedback waar daadwerkelijk iets mee gedaan kan worden.

Hiervoor werkt Note met verschillende feedbacktemplates die aansluiten op het soort creatief werk. Een UX/UI designer krijgt andere feedbackcriteria dan bijvoorbeeld een grafisch ontwerper of audiovisuele creative. Hierdoor blijft het concept breed inzetbaar, terwijl de feedback wel gericht blijft op het betreffende vakgebied.

Feedback kan daarnaast direct aan een specifiek onderdeel van het werk worden gekoppeld met een pointer en wordt overzichtelijk per project opgeslagen. Note vult daarmee ook een ontbrekende stap binnen het WeTransfer-ecosysteem. Met Collect kunnen creatives inspiratie verzamelen en met Paste hun werk uiteindelijk presenteren. Uit ons onderzoek bleek dat er juist tijdens het ontwerpproces behoefte was aan een duidelijke manier om feedback te vragen, te geven en terug te vinden. Note vult dat gat op, waardoor WeTransfer de creative beter kan ondersteunen van inspiratie tot het afronden en presenteren van een project.

Impact & Reflection

Impact & Reflection

Tijdens de eindpresentatie reageerde WeTransfer positief op zowel het probleem als onze oplossing. Sjoerd van Rijen van WeTransfer gaf aan dat het feedbackprobleem herkenbaar was en dat WeTransfer toevallig zelf met een vergelijkbare richting bezig was. Dat was voor mij een mooie bevestiging dat we een relevant probleem hadden gevonden dat goed binnen hun ecosysteem paste.


Tegelijkertijd kregen we terug dat het prototype op sommige punten te complex was. Daaruit leerde ik dat het vaak sterker is om eerst één duidelijk probleem goed op te lossen, in plaats van meerdere problemen tegelijk te willen aanpakken. Sindsdien probeer ik tijdens projecten vaker uit te zoomen en te kijken of de rode draad nog klopt, zodat ik blijf focussen op wat voor de gebruiker en het product echt belangrijk is.


Voor mij was dit project vooral belangrijk in mijn ontwikkeling als UX/UI designer. Ik verbeterde mijn vaardigheden in Figma, interaction design en het werken met een bestaande styleguide. Daarnaast leerde ik assertiever te zijn, mijn ontwerpkeuzes duidelijker te onderbouwen en initiatief te nemen wanneer er binnen het team knopen moesten worden doorgehakt. Ook merkte ik hoe belangrijk het is om kennis en feedback met elkaar te delen om uiteindelijk tot één consistente ervaring te komen.

Tijdens de eindpresentatie reageerde WeTransfer positief op zowel het probleem als onze oplossing. Sjoerd van Rijen van WeTransfer gaf aan dat het feedbackprobleem herkenbaar was en dat WeTransfer toevallig zelf met een vergelijkbare richting bezig was. Dat was voor mij een mooie bevestiging dat we een relevant probleem hadden gevonden dat goed binnen hun ecosysteem paste.

Tegelijkertijd kregen we terug dat het prototype op sommige punten te complex was. Daaruit leerde ik dat het vaak sterker is om eerst één duidelijk probleem goed op te lossen, in plaats van meerdere problemen tegelijk te willen aanpakken. Sindsdien probeer ik tijdens projecten vaker uit te zoomen en te kijken of de rode draad nog klopt, zodat ik blijf focussen op wat voor de gebruiker en het product echt belangrijk is.

Voor mij was dit project vooral belangrijk in mijn ontwikkeling als UX/UI designer. Ik verbeterde mijn vaardigheden in Figma, interaction design en het werken met een bestaande styleguide. Daarnaast leerde ik assertiever te zijn, mijn ontwerpkeuzes duidelijker te onderbouwen en initiatief te nemen wanneer er binnen het team knopen moesten worden doorgehakt. Ook merkte ik hoe belangrijk het is om kennis en feedback met elkaar te delen om uiteindelijk tot één consistente ervaring te komen.

Tijdens de eindpresentatie reageerde WeTransfer positief op zowel het probleem als onze oplossing. Sjoerd van Rijen van WeTransfer gaf aan dat het feedbackprobleem herkenbaar was en dat WeTransfer toevallig zelf met een vergelijkbare richting bezig was. Dat was voor mij een mooie bevestiging dat we een relevant probleem hadden gevonden dat goed binnen hun ecosysteem paste.

Tegelijkertijd kregen we terug dat het prototype op sommige punten te complex was. Daaruit leerde ik dat het vaak sterker is om eerst één duidelijk probleem goed op te lossen, in plaats van meerdere problemen tegelijk te willen aanpakken. Sindsdien probeer ik tijdens projecten vaker uit te zoomen en te kijken of de rode draad nog klopt, zodat ik blijf focussen op wat voor de gebruiker en het product echt belangrijk is.

Voor mij was dit project vooral belangrijk in mijn ontwikkeling als UX/UI designer. Ik verbeterde mijn vaardigheden in Figma, interaction design en het werken met een bestaande styleguide. Daarnaast leerde ik assertiever te zijn, mijn ontwerpkeuzes duidelijker te onderbouwen en initiatief te nemen wanneer er binnen het team knopen moesten worden doorgehakt. Ook merkte ik hoe belangrijk het is om kennis en feedback met elkaar te delen om uiteindelijk tot één consistente ervaring te komen.