Shade quiz
Five quick questions that end with three shades picked for the shopper.
The Shade quiz opens from a banner on the homepage, from the header button and from any link to #quiz. It asks a few questions and ends with three shades that suit the shopper, each with a quick add button.
Questions and answers
Each question is a block. Each answer inside it can point to one or more shade tags. At the end, Rouge counts the tags from every answer and shows the three products with the most matches.
- Keep questions short and answers visual: skin tone swatches, finish samples, photos.
- Five questions is enough for most ranges.
The result screen
Set the Result title, a short line under it, and a Fallback product for when no tags match.
Where it opens
On a computer the quiz opens in a drawer from the right. On a phone it fills the screen and each answer slides the next question in.