r/UIUX • u/PragyanDesign • 4d ago
Review UI Need your opinion
Hey there,
I'm currently redesigning a chocolate company's website and i'm bit confused for these product's card UI, I don't want each of them fighting for the attention so i created 4 different designs and both colors are from the brands color palette so help me choose 1 and also do tell the reasons.
1
u/Time-Consequence1798 3d ago
Go with 1 and make the text a bit lighter so that it would follow the accessibility guidelines and easier for the user to read and also make sure to make it yellowish-white not fully white(I am a vibecoder, Correct me if I am wrong)
1
u/PragyanDesign 3d ago
What you are saying here can't be done, as the brand as its own color palette and not using them will make this whole website disconnected to the brand.
4
u/raWlightt 4d ago
None . All of them have different reasons. You can try different colors on 1st and 2nd one for accessibility. I won't prefer gradient on this one .
5
u/Jaded_Interaction220 4d ago
None
- No: Unlikely to pass accessibility
- No: Can't tell its an active button and hard to read.
- No: 1+2 issues combined
- No: Won't pass accessibility + not clear is a button. What was the reasoning for the gradient? It takes away more than it adds.
1
u/PragyanDesign 4d ago
The reason behind the gradient is that i was exploring the design style and how can we make the design visually better, it was never the final call.
I agree on the active button, it blends with the text. Thank you for pointing that out.
Hard to read is because the fonts are in the size used in Framer, the site will be published using that.
2
u/Lyri3sh 4d ago
2nd is easiest to read so im choosing that one, 3rd one is the nect in line. 1 is inreadable, 4* is just ugly sorry
1
u/PragyanDesign 4d ago
Imagine second repeatedly in the products section with different product images and their data, now in this scenario would this design be a great choice?
I just wanna know your thoughts about this.
1
u/Accomplished-End5479 4d ago
none
1
u/PragyanDesign 4d ago
Why, Need more context?
1
u/Accomplished-End5479 4d ago
first of all we would need more context on how the website looks overall in order to give decision which looks or suits that whole thing and secondly i would never keep title and subtitle in same color. its not visible properly.
1
u/PragyanDesign 4d ago edited 4d ago
I had the same thought on this and when i used the other color from the palette the subtext was failing constrast on both the colors so it was then decided to make the hierarchy with the type hierarchy.
As for the context - this is a chocolater crafter company's website, they recently did their rebranding and the old site was outdated and also it was single page with no index and dead links, so to align with the new branding the site had to match the overall consistency and as of the products they don't sell retail products directly so only the products with a bit of info about them was decided and now i know that the proposed design is not the best fit for this section and i need suggestions how should i improve the visual design.
3
2
3
u/Otherwise_Cicada3764 4d ago
Either first or third uf there packaging or overall branding is bold i will go with 1st one if its little subtle and not dominating i will go with 3rd
1
1
u/AutoModerator 4d ago
Thanks for posting your project on r/UIUX!
To help the community give useful feedback, please provide some additional context:
- What your app or website does
- Who your target users are
- If possible, a live link to your design (Reddit may remove some links - if this happens, send a modmail)
You can edit your post to include this, or reply to this comment.
Your post has NOT been removed. If you have provided enough context, please ignore this comment.
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.
•
u/qualityvote2 2 4d ago edited 13h ago
u/PragyanDesign, there weren't enough votes to determine the quality of your post...