💻

Desktop navigation

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

💡 Ideas and tips

Taxonomy and link styling

‣

Use color to add visual appeal

‣

Visually differentiate link sections

‣

Use flags to draw attention to New or other featured categories

‣

Use thumbnails to add visual context

‣

Try emojis or illustrated bullets to add clarity to Shop By links

‣

🦄 Allow users to jump directly to Shop by Size (esp for SALE)

‣

Use red type for Sale links

‣

Place “Shop by” or themed categories over a shaded runner

Navandising (merchandising inside your nav)

‣

Test featured products in flyout menu

‣

🦄 Embed product compare cards

‣

Give Deals their own flyout menu

‣

Give Shop by Brand its own flyout menu

‣

Give Shop by Color its own flyout menu

‣

Include a Product Finder / Quiz CTA within the flyout menu

‣

🦄 Try a “Today’s Offers” promo drawer

‣

Test graphic tiles for Shop By links

‣

Try an animated tile for featured category

‣

Try a bottom-aligned “promo strip” in your flyout

‣

Try clickbait copy

‣

Get creative with content blocks

‣

Try an account sign-up nudge

‣

🦄 Try a turnstile header menu

‣

🦄 Try attribute filter tabs

Flyout and responsive behavior

‣

Support 3-level navigation in flyout for large/deep catalogs

‣

Make your navigation bar sticky as users scroll

‣

🦄 Try a floating nav widget

‣

Try an editorial spread

🫣 Cautions

‣

Don’t hide important links in the promo strip

‣

Avoid white text for navigation elements

‣

Avoid using tabs for 2nd-level categories within the flyout menu

‣

Avoid SEO keyword stuffing your menu links

Back to Home page & nav ideas

👉 Follow on LinkedIn for daily ideas 💡