Matt D. Smith breaks down five design problems with a $28.50 product card: blurry photo, flat tag hierarchy, oversized title, tiny gray body copy, and a muted button that should be dark and obvious. Each gets a specific fix.
AI designed this, and here's 5 things that I got wrong. Number 1, the photo. This looks like your grandma texted it to you from her iPad. You're charging $28.50 for this? Make it look like $28.50. Number 2, these tags are doing nothing. They're all the same size, same color, same everything. Gluten-free is a health decision, and that needs to pop. Calories, not tag-worthy. Let's downplay it. Number 3, the title is screaming bold, huge. The lettering is all over the place. It's already the biggest thing on the card, and you don't need size and weight fighting each other. Dial down the weight. Let it breathe. Number 4, the body copy. Tiny, gray, nobody's reading this. Bump the size, fix the line height, go darker. If it's worth having on the card, it's worth being readable. Number 5, the button. And this is one that matters most. Add to order is how this restaurant makes money, and right now it's a whisper in a gray box. Make it dark, make it unmistakable. That's not a suggestion, that's yes, I want this. 5 tweaks Same content, completely different feeling. Share this with a friend that likes to sweat the details. And if you want these design and animation files, go to shiftnudge.com/resources and you can download them all.
