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
Back to feedPost
Taste Test
I’m experimenting with two different approaches to bento-style dashboards. Which one would you choose for the UI & animations? 👀
.......
A — CSS Animations → minimal purple UI
B — Framer Motion → purple + pink gradient
Which feels better for a real product — A or B?
Curious to hear your thoughts on both the UI style and animation.
6 voted
60%
4 voted
40%
10 votes
Closed
the purple UI looks sharp. A or B?
it's A
You can vote which one you prefer. I would improve my design accordingly.
A, for a real product. The gradient version is the better screenshot, but the chart is competing with the background — pink bars on a pink glow means the eye has to work out which pixels are data. A keeps the colour on the bars, where the meaning lives, and that gap is what...
Thanks for your feedback 🙌. Yes, it is not about the Framer vs CSS I just wanted to mention that I used different approaches in styling. I would improvise it.
Understood — then the styling comparison is the interesting half. If you post a v2, try the gradient version with the bars pulled to one flat colour and the glow kept only behind the empty space. You'd get the same poster energy without the chart paying for it.
That's a really good point. I’ll try that direction for v2 and see how it balances the visual energy with chart readability. Thanks for the suggestion!
Professional and impressive design work ! Good job
Thanks for the feedback 🙌
A for UI, B for motion. A's cleaner palette wins for readability but framer motion gives B that premium fluid touch.
Thanks for feedback🙌
Sorry, I mistakenly tapped the gradient one. Purple UI for me. It feels more balanced and easier to use for a real product. The other has more visual punch but the gradients pull a lot of attention.
Got it 👍! I was mainly experimenting with how far I could push the visual style without hurting usability. Thank you for your valuable feedback🙌.
🙌
I also posted an A/B poll, would love to see which one you'd pick 😊
Sure 👍
I’d go with the purple UI. It feels more focused and easier to use.
Thanks for your feedback 🙌. Yes most of th people liked it.
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
Related posts
Team Sections: Professional Only or Professional + Personal?
A team section can build trust in different ways.
Version A - Professional. Focuses on the coaches’ professional experience - their expertise, years of practice, and approach to working with clients.
Version B - Professional + Personal. Keeps this information but adds a Weekend Mode with personal photos, interests, and small stories about life outside work.
For a coaching website, both sides matter: expertise shows competence, while personality helps visitors feel a human connection.
Which version would make you more likely to choose a coach?
22 voted
61%
14 voted
39%
36 votes
Closed
Upgoating version B
Meriot personal portfolio Website Homepage showcase
A portfolio website designed to turn personal expertise into a strong digital presence.
The goal was to create a website that communicates experience, personality, expertise, and credibility within the first few seconds.
I focused on:
Clear positioning and personal branding
Strong visual hierarchy
Editorial-style typography
Project-focused storytelling
UX/Product Design service presentation
Testimonials and social proof
Clear CTA for potential clients
Responsive, conversion-focused layouts
The visual direction combines minimal typography, bold imagery, dark/light sections, and subtle interactions to give the portfolio a distinctive personality without making it difficult to navigate.
Top notch execution
Which dashboard works better for an Occupational therapist?
2 voted
40%
3 voted
60%
5 votes
Closed
Dashboard should be for how much data can be scanned in the shortest time possible.
Bright Colors are distraction here.