Templates are constructed with a looping start video, one to three distinct hotspot experiences, and an end screen. Originating from a site like Pinterest, a video plays on the start screen the start button color appears vividly to indicate an interaction. After the user starts the video, an animated arrow and CTA appear prompting the user to explore on-screen hotspots.
After entering the shopping state, useres are encouraged to cycle through the different products visible on the video still. The items available to shop are indicated by colored hotspots overlapping the video still. These items are displayed in more detail below the play button where users can swipe though the product cards to view images, pricing, and product details.
Rigorous product development defined precise asset requirements perfecting implementation for brands across a variety of categories. Offering primary and secondary subtle on-screen gradients allowed brands to be mix and match tones to fit guides for maximum impact. Through repeated visual testing, all color options ensure the experience's accessibility, ADA compliance, and ease of adequate brand personalization.
Primary and Secondary color swatches offer more control over the experience's accessibility, ADA compliance, and ease of adequate brand personalization. Eight coordinating color swatches allow for maximum flexibility of subtle on-screen gradients.