Mouse-Over Effects And Lazy Loading Add A Touch Of Dynamism To Queen Garnet's Website
Queen Garnet’s website consists of a very long landing page that contains all the necessary information for prospects to make a well-informed purchasing decision.
These long pages invite visitors to scroll down extensively, so they can often be distracting and compel a visitor to leave the page, if there are no interactive elements to stimulate interest and engagement.
To that end, the Queen Garnet website uses two powerful tricks and motion effects. The mouse-over effect appears when a user points to one of the products on the page.
The product will slightly rotate and the round background highlight will zoom in. This also happens on “Subscribe” CTAs – a note will pop up with the terms and perks of becoming a subscriber.
The second effect is lazy loading. As visitors scroll down, the product images appear to be floating, as if in zero gravity.
The larger images in the background also seem to move slower than the elements on top of them.
These effects truly bring the website to life.
On a side note, if you are looking to create a compelling website for your small business, check out our list of the best small business website design companies.