Thanks to everyone that took the time to vote and provide valuable feedback in this poll. You guys rock 🤘.
I decided to use Option A (even if B got more votes 🦄) with a few changes inspired by the feedback you gave me and considering the component surroundings:
Card A is the real deal (dark background, vibrant colors, etc., all evoke the feelings of competition, passion, aggression, etc.).
I added the character names, the logos in the bg similar to option B, and I added a small indicator of the stage just at the top.
I like the contrast that the card gives, it's eye-catching in all that light tournament page and clearly invites the user to check the next battle kinda feeling.
Here is another version of it
And how it looks in the same tournament page but in knockout phase:
Does that mean I threw the Option B to the trash 🗑? Not really, I actually going to use it on a page with historical of matches, because there doesn't need that much dynamism and contrast looks nice and clean.
I'm really happy with the result. and all the cool discussions happening on the comments, thanks, everyone!
Hi there 👋 . I'm a big fan of Super Smash Bros since I was a little kid.
I'm doing some quick design for a tournament app in Vue and I could use your feedback, which card you like the most?.
- Option A: Vote heart ❤️
- Option B: Vote 🦄
Disclaimer: Characters and names are property of Nintendo of America.