Redesign the testimonial section

[kaleemullah786]

Describe the Issue

Testimonials can be made better by redesigning and adding a slider for better feel

Affected Page

https://www.freecodecamp.org

Steps to Reproduce

1. Go to 'https://www.freecodecamp.org/'

Expected behavior

design a better looking card

Screenshots

No response

System

• Device: [e.g. iPhone 6, Laptop]
• OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04]
• Browser: [e.g. Chrome, Safari]
• Version: [e.g. 22]

Additional context

No response

[bbsmooth]

design a better looking card

This is a pretty broad and generic description of the problem. Can you be a little more specific about what issues you have with the testimonial cards and what improvements you would make?

[kaleemullah786]

thing that is bothering me is the stretched width
I'm thinking of something like this:
https://dribbble.com/shots/6255426-Daily-UI-Challenge-039-Testimonials

OR

[bbsmooth]

I understand that carousels are all the rage and a lot of sites use them, but to be honest, they are an accessibility nightmare and I highly recommend we do not use one here.

That's not to say we can't use your styling if people like it better than the current styling. Just don't turn it into a carousel.

[kaleemullah786]

I understand that carousels are all the rage and a lot of sites use them, but to be honest, they are an accessibility nightmare and I highly recommend we do not use one here.

That's not to say we can't use your styling if people like it better than the current styling. Just don't turn it into a carousel.

I agree.

[munsuyog]

The testimonial section can be designed something like this with a dark background.

[ahmaxed]

Thank you all for your feedback. We need a mechanism to see if the new changes affect conversion. Currently A/B testing is configured for singed in users. Once that changes, we could A/B the whole landing page.

[Shobhitsingh-2503]

Is this issue still open I would Like to work on the testimonial section @ahmaxed ?

[ahmaxed]

Thank you for your interest. We need to configure Growthbook first.

[imparth7]

Is this issue still open I would Like to work on your testimonial as you describe to create like this https://dribbble.com/shots/6255426-Daily-UI-Challenge-039-Testimonials @ahmaxed .

[imparth7]

The testimonial section can be designed something like this with a dark background.

This is looking so good also creating like this is more effective for freecodecamp website.

[KSSaiTeja]

i am interested to do this design. i will be happy to work on this issue if this assigned to me.

[ahmaxed]

We would need to finalize the growthbook set up so we could measure the effectiveness of the changes easier.

[ahmaxed]

I am closing this issue in favor of a complete landing page redesign:
#54656