Mock-Up van Dutch Store Redesign

The Dutch Store

Voor de herontwerpopdracht van de website van VanderVeen's The Dutch Store, was het doel om een gebruiksvriendelijkere aantrekkelijke website te creëren, die de Nederlandse cultuur weerspiegelt.

Mock-Opdracht
Redesign
Brand-Identity
Client
VanderVeen's
Datum
April 203- Mei 2023
Rol
Designer
Website
N.V.T.

De Mogelijkheid

Dit Mock-project voor het vak Visual Interface Design & Prototyping (VP1), betrof het herontwerp van de website van Vander Veen's The Dutch Store om deze gebruiksvriendelijker te maken. Hierbij was het belangrijk om de huisstijl van de originele website te behouden, maar tegelijkertijd het ontwerp uniek en onderscheidend te maken. De focus lag op het gebruik van design patterns.

Screenshot van Originele ontwerp
Voorbeeld van design iteratie

Stijl en information architecture (IA)

Voor dit project werden we gepusht eerst een styleguide te maken voordat we naar structuur gingen kijken, dit voelde heel onnatuurlijk en zorgde op latere momenten voor problemen. Toch hebben we dit aangehouden.
Voor de stijl hebben we gekozen om de Nederlandse Cultuur te omarmen, vooral de schilderstijlen van de Gouden Eeuw (daar komt het voordeel bij dat alle schilderijen auteursrecht-vrij zijn). We hebben wat kleine aanpassingen gemaakt in typografie, we mochten het logo niet veranderen dus we hebben deze kleuren door gezet met een accent van oranje, dit als extra knip-oog naar Nederland.
De structuur was het meest ingewikkelde onderdeel van dit project, de oude website had een tsunami van submenu's. Daarom hebben we gekozen Food-Items en Non-Food-Items te splitten in de navigatie en een Utility Navbar toe te voegen voor alle opties voor user settings.

Afsluiting

Tot slot hebben we het hele prototype geannoteerd met welke Design-Patterns gebruikt waren, en om welke reden. Verder heb ik de designs overgezet naar mockups en heb ik met een Figma Plug-in de Homepage geanimeerd.  Tot slot moesten wij ons ontwerp verdedigen tegenover de docent, die erg onder de indruk was van het ontwerp.

Pattern onderbouwing in de NavigatiebalkMobiele Mockup the dutch storeMockup van account pagina
Opdrachtgever Dirk Wijtman
Een verhaal over hoe het ging blah blah blah.

Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.

Dirk Wijtman

Eigenaar bij het Konings Huys
All Projects

Volgend Project

Mobiele Mock-up van de Meer & Bosch advocaten siteDesktop Mock-up van de Meer & Bosch advocaten site

Meer & Bosch Advocaten

Mijn missie in dit project was het ontwerpen en developen van een mobiele en desktop site voor het (denkbeeldige) advocatenbureau “Meer & Bosch”.

Personal

Brand Identity

Design & Development

Bekijk Project
arrow_forward_ios
close
Een Foto waarin Jannes de Wilde de Lens in kijkt
Neem Contact op Met Jannes

Heb je een Opdracht, stageplek of vraag aan mij. Stel hem gerust en ik probeer zo snel mogelijk te antwoorden!

Dankjewel! Je bericht is binnen gekomen.
Oeps, er is iets niet helemaal goed gegaan. Probeer het nog een keer!

Laten We Samen Werken!

Stuur me een Bericht