Slide to Reveal + Product Showcase – Fitness Nutrition
Interactive elements: Slider Bar
Event tracking: Slider Movement, Mouse Over
Suitable for: Highlighting a certain product feature, Engaging users with visual diversity
Here we have an example of a highly personalized HTML5 banner for fitness/health supplements. The first side closely follows the theme and sets the tone by asking a direct fitness question in combination with visual elements such as a protein shaker and the interactive dumbbell slider element. The banner has more of an entertaining and gamification role and a less corporate feel.
Once you “lift” the dumbbell the second side of the banner with the product is revealed. The design of the elements is like in the web shop in order to minimize the visual transition from the banner to the shop. Many of the users are engaged with the dumbbell but do not continue to the shop to order because this is their first interaction with the brand and the shop. That is why we created a second banner to retarget them.
This concept is highly customizable and can adapt to a variety of advertising ideas. Interaction rates with the slider are high and it is perfect for creating a second remarketing campaign!
This second banner was used for remarketing and it was shown to all users who have interacted with the first ad, but not clicked. Its focus is mainly on the products from the first banner and it follows the same theme so it can be easily recognized by users. The call-to-action button is large with an animated effect so it can further engage users and provoke them to click and learn more.
Give it a try
Suitable for your business? Explore the possibilities with this HTML5 banner concept now!