Vintage Vault
Een gids voor Vintage shoppen
Poject in het kort
Vintage Vault is een mobile-first website voor vintage-liefhebbers, ontworpen om duurzame mode te promoten. Het platform legt uit waarom vintage shoppen belangrijk is, biedt tips voor het vinden van kwalitatieve kledingstukken, toont gestylede vintage looks in een lookbook en belicht de beste vintage winkels in Amsterdam. Het project omvatte het ontwerpen en coderen van een complete website voor een duurzaamheidgericht initiatief in Amsterdam.
Mijn rol
Visual Design, Code
Tijdlijn
December 2024 tot Januari 2025
Tools
Figma, Visual Studio Code
PROCES
In de eerste fase van dit project heb ik verschillende ideeën verkend voor een Vintage Shopping-concept. Uiteindelijk besloot ik een gids te maken die mensen helpt de beste vintage winkels in Amsterdam te ontdekken, inclusief tips en inspirerende locaties. Om de content te organiseren en de structuur van de website te verduidelijken, maakte ik een sitemap, waardoor ik een duidelijk overzicht kreeg van de pagina’s die ik wilde ontwerpen.
Eerste Ontwerp
Bij het eerste ontwerp begon ik zonder vooraf genoeg onderzoek te doen. Achteraf gezien had dit duidelijk invloed op het resultaat. De kleurkeuzes hadden onvoldoende contrast, wat de leesbaarheid beïnvloedt, en de algehele visuele stijl sloot niet goed aan bij de retro-vintage sfeer die ik wilde bereiken. Deze eerste versie liet me inzien hoe belangrijk onderzoek en een duidelijke visuele richting zijn voordat je aan het ontwerpproces begint.
Definitief Ontwerp
Na het ontvangen van feedback op mijn eerste ontwerp besloot ik dieper onderzoek te doen naar vintage- en retrostijlen. Dit hielp me om bewustere ontwerpkeuzes te maken. Het tweede ontwerp heeft duidelijkere kleuren, sterker contrast en verbeterde leesbaarheid, waardoor het beter aansluit bij de retro-vintage sfeer die ik wilde bereiken.
Visuele Stijl
Om consistentie in het ontwerp te waarborgen, heb ik een stylesheet gemaakt met de belangrijkste kleuren en typografie.
PROTOTYPE
Ik heb de website gecodeerd, met de focus op front-end development, wat mij een beter inzicht gaf in hoe ontwerpkeuzes in de praktijk werken.
Omdat ik mijn front-endvaardigheden nog aan het verbeteren ben, moesten sommige designelementen tijdens de ontwikkeling worden aangepast. Dit resulteerde in kleine verschillen tussen het oorspronkelijke ontwerp en de uiteindelijke gecodeerde versie.
REFLECTIE
Als ik terugkijk op dit project, besef ik hoeveel ik heb geleerd over het belang van onderzoek en planning. Mijn eerste ontwerp wist de vintage-retro sfeer die ik voor ogen had niet helemaal te vangen, en de kleuren en leesbaarheid waren niet optimaal. Na dieper onderzoek en het verwerken van feedback kon ik een tweede ontwerp maken dat bewuster, duidelijker en visueel consistenter aanvoelde.
Het zelf coderen van de website gaf me nog meer inzicht in hoe ontwerp vertaald wordt naar code. Het is nog niet perfect, maar dit project heeft me echt laten groeien als ontwerper en me laten zien hoeveel plezier ik haal uit het combineren van design en front-end development.