DEV Community

dilsemonk
dilsemonk

Posted on • Updated on

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!

Top comments (0)