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

Hover Interaction

Hover Interaction