Eva Mattress

Eva Mattress

Expanded Menu on Navigation Bar: A User-Friendly Approach

CRO Optimisation
A/B Testing


Conversion Rate Uplift


Increase in Menu Interaction

When it comes to providing users with an easy and efficient way to access products, menu bars are often an important element to consider. A clear and organized navigation helps to reduce clutter on the screen by eliminating unnecessary elements. By implementing an expanded menu, users can easily access a full product overview without having to click on the product categories. This approach is efficient for users to quickly browse through the product offerings and make quick decisions.

The Challenge

The original menu bar of Eva Mattress implemented a collapsed menu where users could only view the product names under the product categories. Users tend to have limited interaction with the menu bar which results in low conversion rates.

The Main Objective

An effective menu navigation is important in driving users to explore the products further and make an impact on conversion rates. In this case, we implement a new menu bar displaying product photos for Eva Mattress to optimize user browsing experience.

The key area of focus was to enhance the user journey by providing product overviews of each product category to users. The purpose is to educate users on product categories by providing them with a clear image of what the actual products look like. Eventually, it is aimed to increase user engagement towards the menu bar and lead to higher conversion rates.

Solution: Navigation Menu Optimization

A clear and intuitive navigation design is key to providing users with the best browsing experience which therefore encourages them to stay and explore the products. Essentially, the navigation should be simple and user-friendly, guiding users to their desired products with minimal effort.

For Eva Mattress, we implemented a navigation menu with one less layer of nesting. Under each product category, a small picture of each product is included to provide customers with a perception of what the product looks like. Users can view all the products by default once they click on the product category. With the visual indicators, this can help users to visually relate to the products which can effectively enhance the user experience. Compared to the previous version of the navigation menu, users can quickly jump to the product exactly what they are looking for, eventually positively impacting the overall conversion rates.

This is how the control and variations looked on the desktop:


This test was a success as it captured a 38% increase in the navigation menu interaction. Users are more likely to click on the menu bar which provides a clear and organized product list. It eventually led to a 30% uplift in conversion rates, thanks to the navigation menu directing users to the products effortlessly with images.

The Key Takeaway: The Role of Menu Design and Placement

A clear and organized menu bar design can allow users to access the product they are looking for efficiently. Hence, an effective navigation menu allows users to move from page to page with ease. Showcasing product images in the menu is an excellent way to help users easily navigate to the desired products. It improves user experience, eventually increasing engagement and conversion rates.

Enhance your navigation menu bar with visuals provides users a seamless and intuitive navigation experience.

Convx Logo

Unit V03-13-23A, Designer Office Tower, Sunway Velocity, 18 Lingkaran SV, Cheras, 55100 Kuala Lumpur

© Convx Asia 2023