Once a store passes the 50-product mark, things start to change. The way you guided customers around in the early days now feels cramped. The navigation problem of a growing store comes into focus: it is no longer “having a menu is enough,” but “does the menu lead customers to the right place fast enough.”
I once ran a store that went through exactly this stage. The catalog grew faster than I expected, and the old menu structure quietly became a bottleneck — until I looked at the numbers and finally saw it.
What Stage 2 looks like
The most obvious sign is a catalog that expands quickly. You add a new collection almost every month: by season, by product line, by promotion. The flat menu from the early days, with four or five items, is now overloaded.
Traffic grows too. More importantly, you start to have real behavioral data: where customers come from, what they click, where they leave. Before you guessed; now you can measure.
And there is a new group of customers: returning ones. They have bought before, they know what you sell, and this time they want to find things faster. They are not as patient about browsing as first-time visitors. If the menu forces them to fumble around, they will get annoyed even though they liked you before.
When to upgrade your navigation
There are a few fairly clear signs. You do not need to guess; just look at the numbers.
- Customers have to click three or more times to reach a product. Every extra click is a chance for a customer to give up. The deeper your categories are nested, the longer the path to the product, and the drop-off at each step adds up.
- Search rate goes up. When more people use the search box, it is usually not a good sign — the menu is not leading them where they need to go, so they have to type it themselves. Search should be a fallback, not the main path.
- Bounce rate creeps up with the catalog. A growing catalog paired with a rising exit rate is a suspicious combination. The root cause is often that customers arrive, do not see a clear path, and leave.
The broader context is worth keeping in mind too. According to the Baymard Institute, the average cart abandonment rate in ecommerce is around 70% and has barely changed over many years. A menu cannot fix all of that, but a tangled path certainly does not help keep customers around.
A clearer structure for a growing store
At this stage, the store needs real structure, not just a list of links. This is where a mega menu starts to make sense.
On desktop, a mega menu lets you display many categories at once in an expanded panel, instead of hiding them behind several layers. With one glance, the customer sees the whole picture: what product lines you have and how they are grouped. This fits the way the human eye scans a page. Nielsen Norman Group notes that hidden navigation (the kind tucked entirely behind an icon) reduces content discoverability compared to visible navigation, and this effect is stronger on desktop than on mobile.
In other words: on a wide screen, do not hide. Show it. The mega menu was made for exactly that.
With around 50–500 products, you do not yet need a mega menu crammed with many columns. A two-column layout is usually enough and easy to read. You can add images for a few standout categories — for example, a fashion shop putting a “New Collection” or “Best Sellers” image right inside the menu, which both guides and tempts the customer to buy.
Mobile: Tab Bar holds the main destinations, Slide Menu handles the rest
Most Vietnamese customers shop on their phones, so mobile is the main arena. And mobile has its own constraints: a narrow screen, and people holding the phone with one hand.
The easiest area to reach with the thumb is around the lower third of the screen — the thumb zone. This is why a navigation bar placed at the bottom (a Tab Bar) is so convenient: the most important destinations are always within the thumb’s reach, not stretched up to the top corner.
A sensible way to divide the roles at this stage:
- Tab Bar holds four or five main destinations, always visible at the bottom: Home, Categories, Search, Cart, Account. These are the places customers return to most, so keep them within reach.
- Slide Menu handles the catalog that has grown large. When you have dozens of categories and subcategories, a slide menu that opens from the edge lets you arrange them tidily in tiers, without permanently taking up screen space.
These two complement each other rather than replace each other. The Tab Bar handles speed to frequently used spots. The Slide Menu handles the depth of the catalog. The principle from Nielsen Norman Group applies here too: do not hide everything behind a hamburger icon — keep the most important paths visible, and only put the rest into the slide menu.
Start looking at menu analytics
The big difference between Stage 2 and the early stage is that you now have enough data to make decisions. This is the time to track menu analytics seriously.
Look at which menu items get clicked a lot and which ones almost no one touches. A category you placed prominently but no one clicks may have the wrong name, the wrong position, or the customer simply does not care about it. Conversely, an item buried deep but still getting many clicks is a sign you should pull it up.
Do not arrange the menu based on the gut feeling of someone inside the shop. Arrange it the way customers actually move. Menu analytics help you see that path and adjust gradually, instead of doing one big overhaul.
One thing to keep in mind when adding tools: page speed. According to Google, the “good” thresholds for Core Web Vitals are LCP under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1. A mega menu and a slide menu, if built heavy, can drag these numbers down. The bigger the store, the more apps it tends to install, and each app can add to load time — so your menu should be lean and not slow the page down.
Suggested configuration with Navi+
If you do not want to touch any code, here is the configuration I find fits a store at this stage, built with Navi+:
- Desktop: A two-column Mega Menu, with images for one or two standout categories. Clear enough without being cluttered.
- Mobile: A Tab Bar for the four or five main destinations at the bottom, combined with a Slide Menu for the whole category tree.
- Tracking: turn on menu analytics to see which items are used, then fine-tune gradually.
Navi+ configures mobile and desktop separately, so you do not have to force one layout to serve both. The menu is drag-and-drop, no code needed, and it stays in place when you change themes — a handy point, since many stores at this stage tend to switch their look. The tool is optimized not to slow the page down and carries the “Built for Shopify” badge.
The most important thing in Stage 2 is not to make a grand menu, but to make it clear and measurable — so that when the store grows further, you already have the foundation and the habit of looking at the numbers to keep moving forward.
This article is part of the larger guide on Navigation for every stage of a store’s growth — from 10 to 10,000 products.