Background
A component of the Wunderkind product is onsite behavioral marketing, experiences embedded into clients' websites (and carefully designed to mimic client branding and appear native) and triggered by user behavior to connect with users at the most effective moments of their session.
Gamification designs are an elevation of the common pop-up (or overlay, to get technical) that bring a new, interactive element to the user. While the offer at the end of the experience is nearly always the same regardless of the specific action taken by the user within the overlay, the game-like participation from the user gives a heightened sense of agency and achievement when they've earned the reward.
Design Process
My gamification concepts have largely been originally developed in Figma as storyboards detailing each step of the user experience for the client to review. Upon approval, I built the interactive versions through Wunderkind's HTML and CSS-based software. For each design, I created new assets for use within the experience, often creating new graphics from scratch while remaining adherent to client branding.
Attention to performance optimization is of the utmost importance to ensure the user experience is consistent and clean. By building all animations and interactions through CSS, the experiences are lightweight and flexible, performing reliably without sacrificing onsite load times. Designs are also developed and tailored for each device type to guarantee responsiveness and consistency of the experience regardless of user device type.
