UX Design for a Contact Center Software Comparison SiteUX Design for a Contact Center Software Comparison Site
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
How much of a product should someone be able to explore before they book a demo?
That was the UX question behind this site for contact center software.
The comparison cards use the same five criteria in the same order. You can pick a row and scan across all three options.
The coverage toggle keeps the grid in place while the cells, legend and summary update. Your eye stays on the same part of the grid as the view changes.
My favourite detail is in the six-tab product preview. Pick a scoring criterion and the call excerpt and timestamp update right beside the score.
On mobile, the featured comparison card moves to the top and the demo tabs become a horizontal strip.
If you could keep just one interaction here, which would you choose and why: the coverage toggle or the scoring preview?
#B2BWebDesign #InteractionDesign #LandingPageDesign
Dev's avatar
Frictionless pre-demo product exploration!
Kauára's avatar
Thanks, Ahsan! That’s what I was going for. My favourite detail is that you can pick a scoring criterion and see the call excerpt behind it right there on the page. It gives you something concrete to try before booking a demo.
Vansita's avatar
Matching the comparison rows is so thoughtful.
Kauára's avatar
Thanks, Vansita! I really appreciate you noticing the little details.
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