Whilst at Ebuyer I made some changes to the main website which aimed to improve the customer’s experience and hopefully result in more sales. Unfortunately, I don’t have access to the codebase but below are some examples of my work.
Featured items grid expand on hover
Using a simple scale and removing the hidden overflow on hover using CSS provides the user with more information about a featured product as they hover over on a desktop device.
Related products carousel
Related Products Carousel on the product page on desktop
Related Products Carousel on the product page on mobile
Sticky buy it now button on mobile
Placing the add to basket button fixed to the bottom of the product page on mobile devices avoids the problem of the customer having to scroll to the correct place to find it. This was done using scroll position and calculating the distance from the top of the page using jQuery.