Rebranding
/
WebDesign
Het herontwerpen van een out-dated website
Tijdens mijn stage heb ik gedurende 7 weken moeten werken aan het herontwerpen van de website van De Vernieuwingsmanager. Aan het begin van het project ben ik te snel gaan werken, waardoor ik later volledig opnieuw kon beginnen. Maar dit heeft wel geresulteerd in een geweldige rebranding.
Opdrachtgever
De Vernieuwingsmanager
Mijn rol
Web Designer
Project duur
7 weken
Achtergrond
Achtergrond
Achtergrond
Gedurende mijn stageperiode heb ik stage gelopen bij Internetbureau Slik, een bedrijf wat zich voornamelijk focust op het ontwerpen en ontwikkelen van krachtige websites en webapps.
Gedurende mijn stageperiode heb ik stage gelopen bij Internetbureau Slik, een bedrijf wat zich voornamelijk focust op het ontwerpen en ontwikkelen van krachtige websites en webapps.
Gedurende mijn stageperiode heb ik stage gelopen bij Internetbureau Slik, een bedrijf wat zich voornamelijk focust op het ontwerpen en ontwikkelen van krachtige websites en webapps.
De Vernieuwingsmanager is al een lange tijd een klant bij Internetbureau Slik. Voor een lange tijd was Claudia (de eigenaresse van de Vernieuwingsmanager) erg tevreden over de website die ze online had staan. Toch merkte ze dat de website wat outdated was en is ze naar ons toegekomen voor een nieuw website ontwerp. Dit project heb ik tijdens mijn stage gekregen en zou hierbij het nieuwe ontwerp van de website gaan maken.
De Vernieuwingsmanager is al een lange tijd een klant bij Internetbureau Slik. Voor een lange tijd was Claudia (de eigenaresse van de Vernieuwingsmanager) erg tevreden over de website die ze online had staan. Toch merkte ze dat de website wat outdated was en is ze naar ons toegekomen voor een nieuw website ontwerp. Dit project heb ik tijdens mijn stage gekregen en zou hierbij het nieuwe ontwerp van de website gaan maken.
De Vernieuwingsmanager is al een lange tijd een klant bij Internetbureau Slik. Voor een lange tijd was Claudia (de eigenaresse van de Vernieuwingsmanager) erg tevreden over de website die ze online had staan. Toch merkte ze dat de website wat outdated was en is ze naar ons toegekomen voor een nieuw website ontwerp. Dit project heb ik tijdens mijn stage gekregen en zou hierbij het nieuwe ontwerp van de website gaan maken.
Ontwerpproces
Ontwerpproces
Ontwerpproces
Tijdens mijn stage werkte wij aan de hand van een vast ontwerpproces die bestaat uit vier fasen: Discover & Design, Development, Deployment en als laatste Beheer & Support. Ik heb mij hierbij gericht op de Discover en Design fase. In dit project werkte wij erg lineair door telkens te itereren aan de hand van de feedback van het team of de opdrachtgever.
Tijdens mijn stage werkte wij aan de hand van een vast ontwerpproces die bestaat uit vier fasen: Discover & Design, Development, Deployment en als laatste Beheer & Support. Ik heb mij hierbij gericht op de Discover en Design fase. In dit project werkte wij erg lineair door telkens te itereren aan de hand van de feedback van het team of de opdrachtgever.
Tijdens mijn stage werkte wij aan de hand van een vast ontwerpproces die bestaat uit vier fasen: Discover & Design, Development, Deployment en als laatste Beheer & Support. Ik heb mij hierbij gericht op de Discover en Design fase. In dit project werkte wij erg lineair door telkens te itereren aan de hand van de feedback van het team of de opdrachtgever.
Debiefing
Debiefing
Debiefing
Eerste ontwerp
Eerste ontwerp
Eerste ontwerp
1e Feedback
1e Feedback
1e Feedback
Tweede ontwerp
Tweede ontwerp
Tweede ontwerp
Feedback van klant
Feedback van klant
Feedback van klant
Kill your Darling
Kill your Darling
Kill your Darling
Development
Development
Development
Design System
Design System
Design System
Prototypen
Prototypen
Prototypen
Testen
Testen
Testen
Een eerste ontwerp aan de hand van een onderzoek naar de huidige website
Een eerste ontwerp aan de hand van een onderzoek naar de huidige website
Een eerste ontwerp aan de hand van een onderzoek naar de huidige website
Een eerste feedbackronde van de projectleider, die geen ontwerpachtergrond heeft
Een eerste feedbackronde van de projectleider, die geen ontwerpachtergrond heeft
Een eerste feedbackronde van de projectleider, die geen ontwerpachtergrond heeft
Na toegepaste feedback een tweede ontwerp gemaakt
Na toegepaste feedback een tweede ontwerp gemaakt
Na toegepaste feedback een tweede ontwerp gemaakt
Na een goedgekeurd ontwerp feedback van de klant gekregen
Na een goedgekeurd ontwerp feedback van de klant gekregen
Na een goedgekeurd ontwerp feedback van de klant gekregen
Na feedback van mijn stagebegeleider samen besloten opnieuw te beginnen
Na feedback van mijn stagebegeleider samen besloten opnieuw te beginnen
Na feedback van mijn stagebegeleider samen besloten opnieuw te beginnen
Een Design system met analyse van oude website, nieuwe kleuren en logo ontwerp
Een Design system met analyse van oude website, nieuwe kleuren en logo ontwerp
Een Design system met analyse van oude website, nieuwe kleuren en logo ontwerp
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
Verandert de zaak
Verandert de zaak
Verandert de zaak
De eerste uitwerking
De eerste uitwerking
De eerste uitwerking
Bij het krijgen van de opdracht kreeg ik te horen dat het maar een klein project zou zijn. Ik begon het ontwerp door eerst inspiratie op te doen bij de oude website en bij concurrenten. Al snel begon ik met een wireframe van het eerste ontwerp. Nadat ik deze had gemaakt ben ik deze gaan uitwerken in Figma.
Bij het krijgen van de opdracht kreeg ik te horen dat het maar een klein project zou zijn. Ik begon het ontwerp door eerst inspiratie op te doen bij de oude website en bij concurrenten. Al snel begon ik met een wireframe van het eerste ontwerp. Nadat ik deze had gemaakt ben ik deze gaan uitwerken in Figma.
Bij het krijgen van de opdracht kreeg ik te horen dat het maar een klein project zou zijn. Ik begon het ontwerp door eerst inspiratie op te doen bij de oude website en bij concurrenten. Al snel begon ik met een wireframe van het eerste ontwerp. Nadat ik deze had gemaakt ben ik deze gaan uitwerken in Figma.
Op het moment dat ik een ontwerp had neergezet, vroeg ik om feedback bij de projectleider, die mij de opdracht had gegeven. Zij heeft zelf geen ontwerpachtergrond, maar toch kon ze mij feedback geven op het ontwerp. Nadat ik deze had verwerkt stuurden wij het ontwerp op naar de opdrachtgever. Over het algemeen klonk ze enthousiast over het ontwerp en had ze alleen wat kleine feedbackpunten die ik kon verwerken.
Op het moment dat ik een ontwerp had neergezet, vroeg ik om feedback bij de projectleider, die mij de opdracht had gegeven. Zij heeft zelf geen ontwerpachtergrond, maar toch kon ze mij feedback geven op het ontwerp. Nadat ik deze had verwerkt stuurden wij het ontwerp op naar de opdrachtgever. Over het algemeen klonk ze enthousiast over het ontwerp en had ze alleen wat kleine feedbackpunten die ik kon verwerken.
Op het moment dat ik een ontwerp had neergezet, vroeg ik om feedback bij de projectleider, die mij de opdracht had gegeven. Zij heeft zelf geen ontwerpachtergrond, maar toch kon ze mij feedback geven op het ontwerp. Nadat ik deze had verwerkt stuurden wij het ontwerp op naar de opdrachtgever. Over het algemeen klonk ze enthousiast over het ontwerp en had ze alleen wat kleine feedbackpunten die ik kon verwerken.
De eerste digitale versie van de nieuwe website, voorzien van feedback van een collega en de opdrachtgever
De eerste digitale versie van de nieuwe website, voorzien van feedback van een collega en de opdrachtgever
Volledig opnieuw
Volledig opnieuw
Volledig opnieuw
Nadat de opdrachtgever tevreden bleek te zijn over het ontwerp, liet ik het Figma bestand zien aan mijn stage-eigenaar die wel een ontwerpachtergrond heeft. Hoewel hij het niet lelijk vond, vertelde hij dat er geen merkidentiteit in te vinden was. Ik had hier ook nog niet eerder over nagedacht. Hij vond het eerder lijken op een ingevulde wireframe, in plaats van een ontwerp wat past bij De Vernieuwingsmanager.
Nadat de opdrachtgever tevreden bleek te zijn over het ontwerp, liet ik het Figma bestand zien aan mijn stage-eigenaar die wel een ontwerpachtergrond heeft. Hoewel hij het niet lelijk vond, vertelde hij dat er geen merkidentiteit in te vinden was. Ik had hier ook nog niet eerder over nagedacht. Hij vond het eerder lijken op een ingevulde wireframe, in plaats van een ontwerp wat past bij De Vernieuwingsmanager.
Nadat de opdrachtgever tevreden bleek te zijn over het ontwerp, liet ik het Figma bestand zien aan mijn stage-eigenaar die wel een ontwerpachtergrond heeft. Hoewel hij het niet lelijk vond, vertelde hij dat er geen merkidentiteit in te vinden was. Ik had hier ook nog niet eerder over nagedacht. Hij vond het eerder lijken op een ingevulde wireframe, in plaats van een ontwerp wat past bij De Vernieuwingsmanager.
Vanaf dat moment hebben wij aan de opdrachtgever laten weten dat we iets langer de tijd gaan nemen, om een nieuw imago te kunnen creëren. Mijn stagebegeleider gaf mij als tip om te beginnen met een Design System, wat ik hiervoor nog nooit had gemaakt. Samen met mijn begeleider hebben we de oude website doorgenomen en hebben we bekeken wat er beter kon. Hierbij keken we naar de kleuren, de fonts, maar ook de tone of voice binnen de site. Hier heb ik vervolgens een Design System op gemaakt, met daarbij nieuw logo ontwerp.
Vanaf dat moment hebben wij aan de opdrachtgever laten weten dat we iets langer de tijd gaan nemen, om een nieuw imago te kunnen creëren. Mijn stagebegeleider gaf mij als tip om te beginnen met een Design System, wat ik hiervoor nog nooit had gemaakt. Samen met mijn begeleider hebben we de oude website doorgenomen en hebben we bekeken wat er beter kon. Hierbij keken we naar de kleuren, de fonts, maar ook de tone of voice binnen de site. Hier heb ik vervolgens een Design System op gemaakt, met daarbij nieuw logo ontwerp.
Vanaf dat moment hebben wij aan de opdrachtgever laten weten dat we iets langer de tijd gaan nemen, om een nieuw imago te kunnen creëren. Mijn stagebegeleider gaf mij als tip om te beginnen met een Design System, wat ik hiervoor nog nooit had gemaakt. Samen met mijn begeleider hebben we de oude website doorgenomen en hebben we bekeken wat er beter kon. Hierbij keken we naar de kleuren, de fonts, maar ook de tone of voice binnen de site. Hier heb ik vervolgens een Design System op gemaakt, met daarbij nieuw logo ontwerp.
Het Design System wat ik heb gemaakt met behulp van mijn stagebegeleider, wat wij later hebben gepresenteerd aan de opdrachtgever
Het Design System wat ik heb gemaakt met behulp van mijn stagebegeleider, wat wij later hebben gepresenteerd aan de opdrachtgever
&
internetbureau Slik
Jurren de Bruijn
Eindpresentatie
januari 2023
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
Vernieuwt waar je bij staat.
Vernieuwt waar je bij staat.
De VernieuwingsManager
De VernieuwingsManager
&
internetbureau Slik
Jurren de Bruijn
Eindpresentatie
januari 2023
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
Vernieuwt waar je bij staat.
Vernieuwt waar je bij staat.
De VernieuwingsManager
De VernieuwingsManager
&
internetbureau Slik
Jurren de Bruijn
Eindpresentatie
januari 2023
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
De VernieuwingsManager
Vernieuwt waar je bij staat.
Vernieuwt waar je bij staat.
De VernieuwingsManager
De VernieuwingsManager
Resultaat
Resultaat
Resultaat
Nadat ik een Design System had gemaakt, met meerdere nieuwe logo designs, was het tijd om dit te gaan verwerken in een nieuwe stijl voor de website. Hierbij heb ik zoveel mogelijk rekening gehouden met de nieuwe stijl die ik heb ontworpen. Na het maken van de website heb ik het ontwerp doorgenomen met mijn stagebegeleider en hebben wij ons voorbereid op het presenteren aan de opdrachtgever.
Nadat ik een Design System had gemaakt, met meerdere nieuwe logo designs, was het tijd om dit te gaan verwerken in een nieuwe stijl voor de website. Hierbij heb ik zoveel mogelijk rekening gehouden met de nieuwe stijl die ik heb ontworpen. Na het maken van de website heb ik het ontwerp doorgenomen met mijn stagebegeleider en hebben wij ons voorbereid op het presenteren aan de opdrachtgever.
Nadat ik een Design System had gemaakt, met meerdere nieuwe logo designs, was het tijd om dit te gaan verwerken in een nieuwe stijl voor de website. Hierbij heb ik zoveel mogelijk rekening gehouden met de nieuwe stijl die ik heb ontworpen. Na het maken van de website heb ik het ontwerp doorgenomen met mijn stagebegeleider en hebben wij ons voorbereid op het presenteren aan de opdrachtgever.
Dit was nog een spannende presentatie, omdat de opdrachtgever nog niet wist dat wij de gehele huisstijl, inclusief logo, hebben aangepast. Toch was De Vernieuwingsmanager ontzettend te spreken over het nieuwe ontwerp wat ik heb neergezet. Na de presentatie heb ik een meeting gepland met de developers van Slik, om het ontwerp te laten maken.
Dit was nog een spannende presentatie, omdat de opdrachtgever nog niet wist dat wij de gehele huisstijl, inclusief logo, hebben aangepast. Toch was De Vernieuwingsmanager ontzettend te spreken over het nieuwe ontwerp wat ik heb neergezet. Na de presentatie heb ik een meeting gepland met de developers van Slik, om het ontwerp te laten maken.
Dit was nog een spannende presentatie, omdat de opdrachtgever nog niet wist dat wij de gehele huisstijl, inclusief logo, hebben aangepast. Toch was De Vernieuwingsmanager ontzettend te spreken over het nieuwe ontwerp wat ik heb neergezet. Na de presentatie heb ik een meeting gepland met de developers van Slik, om het ontwerp te laten maken.
Leerpunten
Leerpunten
Leerpunten
In dit project heb ik natuurlijk een grote blunder gemaakt, door direct te beginnen met ontwerpen. Hoewel ik wel had gekeken naar de oude website, heb ik nooit nagedacht over het merkidentiteit wat er overgebracht moet worden. Met behulp van mijn stagebegeleider heb ik geleerd hoe belangrijk het is om goed te kijken naar het creëren van een merk. Dit bepaald namelijk volledig hoe jouw bedrijf overkomt bij de gebruikers.
In dit project heb ik natuurlijk een grote blunder gemaakt, door direct te beginnen met ontwerpen. Hoewel ik wel had gekeken naar de oude website, heb ik nooit nagedacht over het merkidentiteit wat er overgebracht moet worden. Met behulp van mijn stagebegeleider heb ik geleerd hoe belangrijk het is om goed te kijken naar het creëren van een merk. Dit bepaald namelijk volledig hoe jouw bedrijf overkomt bij de gebruikers.
In dit project heb ik natuurlijk een grote blunder gemaakt, door direct te beginnen met ontwerpen. Hoewel ik wel had gekeken naar de oude website, heb ik nooit nagedacht over het merkidentiteit wat er overgebracht moet worden. Met behulp van mijn stagebegeleider heb ik geleerd hoe belangrijk het is om goed te kijken naar het creëren van een merk. Dit bepaald namelijk volledig hoe jouw bedrijf overkomt bij de gebruikers.
Daarbij heb ik geleerd om Design Systems te maken. Hiervoor had ik er wel van gehoord en deed ik wel pogingen tot Design Systems, maar dat waren meestal vrij eenvoudige uitwerkingen. Tijdens mijn stage heb ik geleerd hoe je jouw stijl kan omzetten naar een merk wat de juiste intenties kan overbrengen via ontwerp.
Daarbij heb ik geleerd om Design Systems te maken. Hiervoor had ik er wel van gehoord en deed ik wel pogingen tot Design Systems, maar dat waren meestal vrij eenvoudige uitwerkingen. Tijdens mijn stage heb ik geleerd hoe je jouw stijl kan omzetten naar een merk wat de juiste intenties kan overbrengen via ontwerp.
Daarbij heb ik geleerd om Design Systems te maken. Hiervoor had ik er wel van gehoord en deed ik wel pogingen tot Design Systems, maar dat waren meestal vrij eenvoudige uitwerkingen. Tijdens mijn stage heb ik geleerd hoe je jouw stijl kan omzetten naar een merk wat de juiste intenties kan overbrengen via ontwerp.
Verder heb ik geleerd dat je altijd feedback moet vragen aan mensen die een ontwerpachtergrond hebben. De feedback die ik kreeg van de projectleider was niet slecht, maar het ontwerp is pas krachtig geworden toen de lead UX/UI designer in het spel kwam. Daarbij moet ik niet bang zijn om feedback te vragen. Zeker toen was ik nog een stagiair, dan mag ik ook gebruik maken van de hulp die het bedrijf mij aanbied.
Verder heb ik geleerd dat je altijd feedback moet vragen aan mensen die een ontwerpachtergrond hebben. De feedback die ik kreeg van de projectleider was niet slecht, maar het ontwerp is pas krachtig geworden toen de lead UX/UI designer in het spel kwam. Daarbij moet ik niet bang zijn om feedback te vragen. Zeker toen was ik nog een stagiair, dan mag ik ook gebruik maken van de hulp die het bedrijf mij aanbied.
Verder heb ik geleerd dat je altijd feedback moet vragen aan mensen die een ontwerpachtergrond hebben. De feedback die ik kreeg van de projectleider was niet slecht, maar het ontwerp is pas krachtig geworden toen de lead UX/UI designer in het spel kwam. Daarbij moet ik niet bang zijn om feedback te vragen. Zeker toen was ik nog een stagiair, dan mag ik ook gebruik maken van de hulp die het bedrijf mij aanbied.
User Research
/
/
UX
App Design
Een app creëren waardoor vrouwen veilig thuis komen
In opdracht van ICTU heb ik samen in een team ons gevestigd over een app waardoor vrouwen veilig thuis kunnen komen na het uitgaan.
Research
/
/
UX
Product Design
Het ontwerpen van een duurzame voedingsmuur
Gedurende 8 weken heb ik voor Kenniscentrum Creating 010 een oplossing moeten ontwerpen waardoor jongeren meer duurzaam gaan eten.
Rebranding
/
WebDesign
Het herontwerpen van een out-dated website
Tijdens mijn stage heb ik gedurende 7 weken moeten werken aan het herontwerpen van de website van De Vernieuwingsmanager. Aan het begin van het project ben ik te snel gaan werken, waardoor ik later volledig opnieuw kon beginnen. Maar dit heeft wel geresulteerd in een geweldige rebranding.
Opdrachtgever
De Vernieuwingsmanager
Mijn rol
Web Designer
Project duur
7 weken
Rebranding
/
Webdesign
Het herontwerpen van een out-dated website
Tijdens mijn stage heb ik voor De Vernieuwingsmanager een nieuwe website mogen ontwerpen.
User Research
/
/
UX
App Design
Een app creëren waardoor vrouwen veilig thuis komen
In opdracht van ICTU heb ik samen in een team ons gevestigd over een app waardoor vrouwen veilig thuis kunnen komen na het uitgaan.
User Research
/
/
UX
App Design
Een app creëren waardoor vrouwen veilig thuis komen
In opdracht van ICTU heb ik samen in een team ons gevestigd over een app waardoor vrouwen veilig thuis kunnen komen na het uitgaan.
User Research
/
/
UX
App Design
Een app creëren waardoor vrouwen veilig thuis komen
In opdracht van ICTU heb ik samen in een team ons gevestigd over een app waardoor vrouwen veilig thuis kunnen komen na het uitgaan.
Research
/
/
UX
Product Design
Het ontwerpen van een duurzame voedingsmuur
Gedurende 8 weken heb ik voor Kenniscentrum Creating 010 een oplossing moeten ontwerpen waardoor jongeren meer duurzaam gaan eten.
Research
/
/
UX
Product Design
Het ontwerpen van een duurzame voedingsmuur
Gedurende 8 weken heb ik voor Kenniscentrum Creating 010 een oplossing moeten ontwerpen waardoor jongeren meer duurzaam gaan eten.
Research
/
/
UX
Product Design
Het ontwerpen van een duurzame voedingsmuur
Gedurende 8 weken heb ik voor Kenniscentrum Creating 010 een oplossing moeten ontwerpen waardoor jongeren meer duurzaam gaan eten.
Rebranding
/
Webdesign
Het herontwerpen van een out-dated website
Tijdens mijn stage heb ik gedurende 7 weken moeten werken aan het herontwerpen van de website van De Vernieuwingsmanager. Aan het begin van het project ben ik te snel gaan werken, waardoor ik later volledig opnieuw kon beginnen. Maar dit heeft wel geresulteerd in een geweldige rebranding.
Opdrachtgever
De Vernieuwingsmanager
Mijn rol
Web Designer
Project duur
7 weken