LICHTNELKE
Magento Website Redesign & UI/UX Improvement
for the German Garden Plants Seller
Visit WebsiteMagento Website Redesign & UI/UX Improvement
for the German Garden Plants Seller
Visit Website320
hours of work
7
specialists involved
2.5
months of implementation
The client contacted Whidegroup team with the following requests:
Therefore, we decided to start with a UI/UX audit to identify areas that need to be updated.
Before the redesign, the header lacked key icons such as the “Wishlist” and “User account login”. The overall look of the header and menu was visually outdated. In addition, the submenu, especially for categories with numerous subcategories, took up excessive screen space, making it difficult to explore product categories.
To address these issues, we implemented several key changes:
There were no interactive elements on the previous home page. Specifically, the static hero image failed to capture attention, product interactions were limited, and key promotional features were easy to overlook. The newsletter subscription was also buried in the footer, resulting in minimal sign-ups.
To enhance the home page experience, we implemented the following changes.
Changed the hero image
We replaced the static hero image with a dynamic carousel. The new images boost engagement by grabbing visitors’ attention and encouraging them to explore further.
Added hovers with the action buttons
We implemented custom hover effects on product thumbnail images, revealing "Add to cart" and "Wishlist" buttons. This allows customers to take desired actions without leaving their current page, improving the shopping experience.
Implemented labels on thumbnail product images
We added labels that highlight key product features and promotional offers. These visual cues focus visitors' attention, encouraging faster decision-making and increasing the conversion rate.
Created a separate block for the newsletter subscription
Previously, newsletter subscription was implemented as a tiny block in the footer. The new one definitely attracts more attention from users. This block motivates website visitors to subscribe to the newsletter and get a 10% off for their next purchase.
Before the redesign, key elements on the product page were not effectively positioned or visually prominent, leading to lower customer engagement. Important actions like adding items to the cart or selecting quantities were not as convenient and catchy as they should have been.
To address these issues, we refreshed and repositioned the following elements:
These changes collectively improved the product page usability, resulting in higher conversions.
Previously the hero image, product photos, and filters were outdated, and key product details were not immediately visible.
So, we made a few changes to refresh the look of the store and align in with the latest design practices in ecommerce:
Head of IT Department
TELL US ABOUT YOUR PROJECT - WE’LL RESPOND IMMEDIATELY!