Small Win: Built an Avatar Cropping Tool for Social Proof 🚀
Today I tackled something small but important: making the social proof on my landing page look polished.
I had placeholder avatars in the hero section, which felt… fake. So I finally added real client photos. The problem? They were all different sizes and compositions. I needed a way to crop and position them nicely for the circular avatars.
Instead of guessing CSS values or writing code repeatedly, I spun up a quick Avatar Cropping Tool in about 10 minutes:
✅ Select an image
✅ Adjust position and zoom
✅ Copy the CSS values for object-position and transform
✅ Done
This made the process super easy and scalable. Now my hero section feels authentic—and that matters when building trust with visitors.
Before vs After
Before: Placeholder images (looked fake)
During: Built a tiny cropping tool
After: Real client avatars, perfectly centered
This small change makes a big difference in credibility. One of those micro-details that compounds over time.
💬 Question for you:
What’s a small UX or design detail you’ve fixed recently that made a huge difference in trust?
👉 Check it live: MVPExpert.com
💬 Drop your thoughts — Would love feedback from fellow hackers.
