Help Needed: Choosing Between Design A or B for Minimal White SpaceHelp Needed: Choosing Between Design A or B for Minimal White Space
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
I need your help, which one would you choose A or B? My only concern with B would be too much white space in the default state 🤔

44 voted

49%

45 voted

51%

89 votes

Closed

Helen's avatar
Going for A, feels more natural for me variant B animation when on hover contradicts user`s intent, because on hovering person wants to see the product closer or do smth, variant B shows photo escaping from the user
Anca's avatar
Totally understand what you saying and I agree, just wanted to make something a bit different
Helen's avatar
And it looks super nice and clean 🔥
Anca's avatar
thank you!!
Anca's avatar
also thinking about doing it like this!
Akinkunmi's avatar
I will prefer the B
Anca's avatar
thank you!
Akin's avatar
B looks like a much better animation with easing, A reminds me the early days of pure CSS hover effects, then designers needed to use javascript plugins/codes to create smoother animations, now it's a few clicks in Framer :))
Anca's avatar
thank you!! and omg I could never lol
Akin's avatar
Oh if you were a "dinosaur" designer like me, learning web design in 2000s, you would, but I'm glad you can get the outputs of your talent without those technical limitations, thanks to tools like Framer! 🙌 👍
Stephanie's avatar
B for sure — the white space actually makes it feel premium, not empty
Anca's avatar
thank you!!
Siddiq's avatar
Of course, A is always the predecessor of B. I like A.
Paul's avatar
would go with B
Aida's avatar
B - more aesthetic and seamless animation, even though both are great.
Anca's avatar
thank you!
Alex's avatar
Symbr logo
A - Preferred if the transition was smoother. B - Better transition, but I feel like there's too much happening at once. I don't really know where to look.
Anca's avatar
thank you for the feedback!
Dejan's avatar
B because smoth is just right. While A looks like a lag a bit
Dejan's avatar
B because smoth is just right. While A looks like a lag a bit
Albert's avatar
I like B but I do have a question. Why shift/hide the primary call to actions? I'm wondering if you could do something like keep the CTAs and have that shrink vertically on hover as the image gets bigger?
Anca's avatar
makes sense, it was just a design idea, not the best ux if being honest though
Sanket's avatar
I would recommend that the options start from A and then B on the right.
Abdulazeez's avatar
I think B is better, elements are jumping around on A and you definitely don't want that for users
M.'s avatar
I like A😍
Harry's avatar
B for sure just with a more refined animation would be my preferred 👌
Raymond's avatar
A for me. Hopefully all the product photo is the same dimensions. The B is a bit confusing - if you hover to bookmark, the icon moves to a different location, which is odd.
Manush's avatar
Def B.. It looks soo smooth 🔥
Hillary's avatar
A looks way better from an interface standpoint but B's Animations make it look more polished, Try adding the same animation in B to A and see
Anca's avatar
thank you!
Hillary's avatar
You're Welcome🚀
Grecia's avatar
B looks better because the hover effect is smooth and fits the colors and style
Arman's avatar
Both are fantastic use any of it we support it
Anca's avatar
thank you!
Wael's avatar
B looks so much better.
Yeasin's avatar
This is top notch
Melody's avatar
As an animator, I'd choose B, very smooth
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started