📱

Mobile 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

Header menu style and content

‣

Consider showing the full search box in the header

‣

Consider treating your “hamburger icon” as a CTA

‣

Try a “sticky” or “partially sticky” header

‣

Promote category tiles or chips to header

‣

🦄 Try a “nudge” for featured header items

‣

Try an “app” style header

‣

Try a floating footer bar

‣

Try a live help CTA in your header

Menu content and CTAs

‣

Consider featuring your loyalty program

‣

🦄 Try an animated icon for flagship product

‣

🦄 Consider highlighting current offers above shopping links

‣

Include customer service contact options

‣

Promote utility links (Account, Store Locator, Order Tracking) above Category links

‣

Test category-level banners (below links)

‣

Include popular Shop by filters as alternate navigation (e.g. Sizes, Shape)

‣

Include illustrated value props

‣

🦄 Include a product finder CTA

‣

🦄 Try a “Today’s Offers” promo drawer

‣

🦄 Try attribute filter tabs

‣

🦄 Try a delayed promo notification icon

‣

🦄 Try animated category tiles

Menu list formatting

‣

Don’t “menu mash” — apply a visual hierarchy to link sections

‣

Alphabetize long lists

‣

Use colored text to add visibility to Sale or other featured sections

‣

Consider image thumbnails

‣

Consider icon bullets

🫣 Cautions

‣

Don’t break icon placement conventions

‣

Be careful with ambiguous icons

‣

Don’t use low contrast links or icons

‣

Avoid ALLCAPS link styling

‣

Avoid underlined list item links

‣

Don’t hide the search icon behind the hamburger menu

‣

If you use tabbed sub-menus - apply event tags and track usage

‣

Be careful using image tiles for every list item

‣

Be careful with bottom-aligned, app-style menus

Back to Home page & nav ideas

👉 Follow on LinkedIn for daily ideas 💡