When visitors enter the homepage of Harolds, they can hover their mouse over the menu bar, which causes that a drop-down menu opens. In this drop-down menu, the visitors can click on a category and immediately go to the corresponding page. When using the search bar that is located in the menu bar, a list of suggestions opens in a pop-up under the search bar. With a click on the suggestion, the visitors can immediately go to the desired product or category page.
When visiting the Promarker page, the visitors can click on the different product colours. When they click on a colour, a small pop-up appears. This pop-up shows the colour itself, plus the colour name and code (see animation below). With a click on the ‘+’, the colour can be selected and added to the shopping basket (see animation below).
When visiting the Promarker page, the visitors can click on the different product colours. When they click on a colour, a small pop-up appears. This pop-up shows the colour itself, plus the colour name and code (see animation below). With a click on the ‘+’, the colour can be selected and added to the shopping basket (see animation below).
The popup of the colour only covers its own colour completely. The colours next to it stay accessible. Like the animation below visualises.