Problem
Normal CTA cards feel static, so users may miss the offer or not feel encouraged to interact.
Goal
Create a hover interaction that makes the bonus offer feel more engaging and clickable.
Solution
Designed a card where hover changes the visual state:
Button changes from black to green
Bonus illustration appears on top
Cursor interaction creates focus
Card feels more active and clickable
UX Impact
This interaction improves attention, makes the CTA more noticeable, and helps users
understand that the card is interactive.
Tools Used: Figma, Smart Animate, Interactive Components
Problem
Normal CTA cards feel static, so users may miss the
offer or not feel encouraged to interact.
Goal
Create a hover interaction that makes the bonus offer
feel more engaging and clickable.
Solution
Designed a card where hover changes the visual state:
Button changes from black to green
Bonus illustration appears on top
Cursor interaction creates focus
Card feels more active and clickable
UX Impact
This interaction improves attention, makes the CTA
more noticeable, and helps users
understand that the card is interactive.
Tools Used: Figma, Smart Animate, Interactive
Components