Attempt #4 - Interactive Decision Card

dilsemonk

dilsemonk

Posted on August 21, 2024

Attempt #4 - Interactive Decision Card

For my fourth widget, I designed a decision card that engages users with three choices, encouraging them to commit to deliberate practice.

UX Highlights:

  • Visual Hierarchy: The bold "Hello!" grabs attention, guiding users to the content.
  • Interactivity: A smooth hover effect (hover:scale-105 transition-transform duration-700) adds subtle dynamism.
  • Clear CTA: The primary action is highlighted with a distinct blue button, directing user focus.
  • Consistent Layout: Spacing and padding ensure the content is clean and easy to navigate.

Image description

Check out the code here.

More widgets coming soon as I continue refining my UI skills!

💖 💪 🙅 🚩
dilsemonk
dilsemonk

Posted on August 21, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related