Interactive Product Showcase via Info Boxes – Wafer

Description:

We present to you an entirely product-focused interactive HTML5 banner which highlights the product and it’s best features via info boxes. Let’s break it down to what we mean by this.

The three main key contents of the waffle are featured on the banner via little pulsating circles and their names. Users can click on each circle and read more how this certain ingredient adds to the flavor and and richness that is the Motto waffle bar. This approach has a few strong points. Rather than piling text info on the banner – all the ingredients are separated via the info boxes which allows for a more balanced and visual concept, with text being introduced only after an initiated user interaction (ingredient click). Also – all the interactivity with the pulsating elements gives us valuable data – all user interactions are tracked, stored, and can be used further for audience building purposes.

After an info box is opened – users can read the info regarding each wafer ingredient and decide to proceed to the product website via a CTA button.