Chat on WhatsApp

Ingredient + concern filter implementation, retinol, niacinamide, AHA/BHA?

The Dermstore + Sephora UX pattern: customer lands on a category page, filters by ingredient (retinol, niacinamide, vitamin C, AHA, BHA, peptides, hyaluronic acid, ceramides, squalane, salicylic acid, azelaic acid, tranexamic acid, bakuchiol, alpha arbutin, kojic acid) and by concern (acne, anti-aging, hyperpigmentation, sensitive, oily, dry, rosacea, eczema). Drives 35%+ of skincare PDP traffic in the data I see.

Implementation on Magento:

  • Two custom attributes, active_ingredients (multi-select, ~30 INCI values) and skin_concerns (multi-select, ~10 concern tags). Both filterable + layered-nav visible.
  • Tag at SKU level, not category level, one SKU can have 4 active ingredients and 3 target concerns. Category mapping is downstream of attribute tagging.
  • OpenSearch / Elasticsearch for the layered nav, native Magento 2.4+ uses OpenSearch and handles 50+ facets without slowdown. The Shopify metafield-based filter chokes past ~25 facets.
  • PDP badges, render “retinol 0.5%” / “niacinamide 10%” / “AHA 7%” concentration callouts inline. Customer is shopping by potency.

The Ordinary built their entire brand around ingredient transparency, concentration on the bottle, single-ingredient SKUs. Magento + EAV is a much better fit for that taxonomy than Shopify variants.

Was this helpful?