Preview image. Unlock full-res
Full-width yellow mega menu dropdown with four product columns, badge tags, and a subscribe-and-save promo tile.
Summary
An expanded shop mega menu on a saturated yellow field, organizing supplements, skincare, haircare, and a subscription promo into four columns beneath the main nav.
Visual description
Thin black utility strip above reads "Subscribe & Save 40%* | Shop Collagen". Yellow navbar shows SHOP underlined with cursor hover, plus OFFERS, QUIZ, WHY US, COMMUNITY, centered serif logo, and ACCOUNT plus BAG (0) on the right. Dropdown fills the viewport width in four columns. Column one lists Marine Collagen Supplements and Weight Loss Support Supplements with product links; several carry small NEW or PRE-ORDER badges. Column two covers Deep Lift Skincare creams and serums with a NEW tag on one item, plus Bundles and Minis. Column three lists Collagen Hair Care and a Featured group (Bestsellers, Offers & Rewards, Shop All). Column four holds a white inset promo card with three yellow sachets, large "SUBSCRIBE & SAVE 40%" headline, supporting copy, and footer links "Shop Collagen Supplements" and underlined "UK'S #1 COLLAGEN". All category headers are bold all-caps; links are sentence case in black on yellow.
Key takeaway
Using the brand yellow as the entire dropdown surface makes navigation feel ownable rather than a white overlay. A dedicated promo column turns wayfinding into a conversion moment without breaking the grid.
Reuse notes
Reference for large-catalog beauty or supplement shops with many SKUs. Badge tags (NEW, PRE-ORDER) scan quickly on flat color. Needs disciplined taxonomy so four columns stay scannable. High-saturation background demands black type only; avoid grey secondary text here.
