GYEOL

How it was made

The original is a fragrance store whose first 4,900px of the home page is filled only with campaign photos. Each photo has one button.

10px white strips separate the sections, so the page reads like a magazine.

The most effort went into the scent-finder quiz. The subject of the later questions changes depending on whether the answer is for yourself or a gift.

After 7 questions, a result card and 3 recommendations appear. It is a second entry point for choosing products through conversation.

Filters change the list as soon as they are checked. Scent strength and longevity are compared on 5-step bars.

All perfume bottle photos with visible brand labels were excluded. No features absent from the original were added.

Key features

• Mega menu · Predictive search
• Cart drawer · Gift selection modal
• Filter · Sort
• Scent-finder quiz

Where and how to use it

Suits beauty and fragrance brands that are hard to choose from description alone. A quiz recommends, and filters narrow the choice.

Points to check

Product photos with the same containers and the same shooting rules are needed for the list to read as one brand.