<?xml version="1.0" encoding="utf-8"?>
Open full project

There was an earlier brief to Design a notification menu for an online retailer. I had created a project based on that, though it seems to have been taken down now. Nonetheless, I’d appreciate it if you could take a look and share any feedback you might have.

BATA - Notification Menu Design 1

The redesigned notification menu for Bata aims to enhance user experience by offering a more intuitive, streamlined, and visually appealing interface. The previous menu moved from left to right and completely covered the screen, which could be disruptive to the user experience. To address this, I have opted for a classic-style menu that provides a more natural and familiar interaction flow, ensuring that the submenu is easy to navigate without overwhelming the user.

Additionally, I have integrated other important options, such as Contact and Store Locator, directly into the menu. This allows customers to easily access these essential features without having to navigate away from the menu, enhancing overall usability and convenience.

In line with the current version, I have also included a Trending section below the submenu. This section highlights popular updates, ensuring that users are kept informed about the latest and most relevant trends.

Conclusion:

The redesigned notification menu successfully enhances both functionality and aesthetics, creating a more user-friendly experience. By streamlining the layout and integrating key features, this update not only makes notifications easier to manage but also ensures that users can quickly access important content and services.

This redesign provides a more efficient, intuitive, and visually appealing experience for desktop users, improving overall navigation and accessibility.

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


I’m not sure if I got it right, Vinay 🤔 You wrote “notification menu” but your video looks more like what I’d call a mega menu, where a single menu expands into a sub-menu when you hover or click. I always thought of a notification menu as that little red dot with numbers when someone adds an item to the cart, or a bell icon lighting up if there’s an update about the order being prepared or shipped. Or is there actually a thing called a “notification menu” that I don’t know about? Care to elaborate more?

The visuals and prototype look good tho!

Thanks for the feedback. You're correct that I built a mega menu when the brief called for a notification menu. I should have better understood this distinction from the start. Going forward, I'll make sure I understand these fundamental UI patterns before starting design work.

4 Claps
Average 4.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>