"The Swagbutton notifies you if the site you are visiting offers cash back rewards. It can automatically apply coupon codes and receive alerts when valid coupon codes are available and apply the best coupon codes at checkout."
Objective:
Increase user awareness and installations of the Swagbutton on both desktop and mobile platforms.
Challenge:
User education around the Swagbutton was unclear, and engagement with the feature was notably low.
Proposed Solution:
Leverage the Hero advertising space on the Shop homepage to guide users through a clear, engaging introduction to the Swagbutton.
ALTERNATE VERSION - CHARACTER FOCUS
Storyboard Overview:
A step-by-step interactive unit would walk users through the installation process. Key features include:
Visual Continuity: The background pattern subtly incorporates the Swagbucks icon, helping users visually connect it with how the icon appears in their browser window.
Character Integration: The experience includes the friendly “Hamster” character developed by the Product team, reinforcing familiarity. This character also appears at checkout when the app is in use, creating consistency in the user journey.
No Additional Dev Work: This solution repurposes existing functionality on the page, saving time and engineering resources.
Enhanced Engagement Options: Voiceover and background music can be added to make the experience more engaging.
User-Friendly Controls: The unit can be minimized or closed to avoid frustrating the user or interrupting their experience.
Benefits:
Educates users at a high-traffic moment (Shop homepage visit)
Reduces friction by making the install process intuitive
Reinforces branding with consistent visual and character elements
Delivers results without requiring additional development resources