In het eerste jaar van mijn studie CMD heb ik een opdracht gekregen om een webshop een herontwerp te geven. De focus moest komen te liggen op design patterns: terugkerende patronen die mensen gebruiken tijdens het bezoek van een website. Denk hierbij aan het logo dat bijna altijd linksbovenin staat en functioneert als een escape hatch: het brengt je terug naar de homepagina. Ik heb dit project vier jaar later een herontwerp gegeven met de kennis en ervaring die ik intussen heb opgedaan.
De originele website bevat veel overbodige en onduidelijke links en buttons. Daarom heb ik geanalyseerd welke informatie er in het menu staat en hoe ik deze opnieuw kan groeperen tot een duidelijk en simplistisch menu.
Daarnaast heb ik gekeken naar welke functies op de site de meeste aandacht zouden moeten krijgen. Zo kan ik deze onderdelen in het nieuwe ontwerp meer aandacht geven.
De stijl van het originele websiteontwerp vond ik niet passen bij een hedendaagse website. Ik heb daarom gekozen voor frisse kleuren zoals turquoise en oranjegeel. Vier jaar later bekeek ik dit project weer en vond ik dat de kleuren niet logisch gekozen zijn. De kleuren ogen vrij speels en passen daardoor niet goed bij het type producten wat de webshop verkoopt. Daarom heb ik ervoor gekozen om vier jaar later het hele project een herontwerp te geven.
In het stijloverzicht hieronder is te zien hoe de stijl is geëvolueerd. De kleuren hebben een update gehad en ook de typografie is veranderd. In het logo heb ik in de nieuwe versie gekozen voor een combinatie van donkerblauw en paars. Dit past meer bij een moderne en technologische branche. Ook heb ik een moderner lettertype gebruikt, Noto Sans. Deze kleuren lettertypes maken van Techdeals NL een moderne website die met de tijd meegaat.
Dit fictieve project voor mijn studie behoefte geen onderzoek naar gebruiksvriendelijkheid. Wel is er voorafgaand een onderzoek gedaan naar diverse design patterns. Deze patterns heb ik geanalyseerd op bestaande websites.
Vanuit de briefing werd duidelijk dat er meer focus moest komen te leggen op een aantal productcategorieën: arduino kits, 3D-printers en robotics. In het ontwerp heb ik ervoor gekozen om deze productcategorieën in de menubalk uit te lichten. Het oude ontwerp maakt gebruik van de turquoise en oranjegele tinten. Echter, het kopje ‘acties’ valt bijvoorbeeld in de menubalk niet goed op omdat het contrast tussen de achtergrond en de tekstkleur niet groot genoeg is.
De originele website bevat veel overbodige en onduidelijke links en buttons. Daarom heb ik geanalyseerd welke informatie er in het menu staat en hoe ik deze opnieuw kan groeperen tot een duidelijk en simplistisch menu.
Daarnaast heb ik gekeken naar welke functies op de site de meeste aandacht zouden moeten krijgen. Zo kan ik deze onderdelen in het nieuwe ontwerp meer aandacht geven.
Dit fictieve project voor mijn studie behoefte geen onderzoek naar gebruiksvriendelijkheid. Wel is er voorafgaand een onderzoek gedaan naar diverse design patterns. Deze patterns heb ik geanalyseerd op bestaande websites.
De stijl van het originele website ontwerp vond ik niet passen bij een hedendaagse website. Ik heb daarom gekozen voor frisse kleuren zoals turquoise en oranjegeel. Vier jaar later bekeek ik dit project weer en vond ik dat de kleuren niet logisch gekozen zijn. De kleuren ogen vrij speels en passen daardoor niet goed bij het type producten die de webshop verkoopt. Daarom heb ik ervoor gekozen om vier jaar later het hele project een herontwerp te geven.
In het stijloverzicht hieronder is te zien hoe de stijl is geëvolueerd. De kleuren hebben een update gehad en ook de typografie is veranderd. In het logo heb ik in de nieuwe versie gekozen voor een combinatie van donkerblauw en paars. Dit past meer bij een moderne en technologische branche. Ook heb ik een moderner lettertype gebruikt, Noto Sans. Deze kleuren lettertypes maken van Techdeals NL een moderne website die met de tijd meegaat.
Vanuit de briefing werd duidelijk dat er meer focus moest komen te leggen op een aantal productcategorieën: arduino kits, 3D-printers en robotics. In het ontwerp heb ik ervoor gekozen om deze productcategorieën in de menubalk uit te lichten. Het oude ontwerp maakt gebruik van de turquoise en oranjegele tinten. Echter valt bijvoorbeeld het kopje ‘acties’ in de menubalk niet goed op omdat het contrast tussen de achtergrond en de tekstkleur niet groot genoeg is.
