Hacker News new | ask | show | jobs
by bhauer 4721 days ago
Some thoughts:

1. Get a better hero photo. The JPEG artifacts were the very first thing that caught my eye, even before I fully processed what the photo was of. The photo is also too close-up. It's a caprese salad, but because it's so close to the black beads of liquid, that context is lost. Consumers of balsamic use it in context, not alone. The context is lost in this photo.

2. Tune up spacing, padding, margins, line spacing. Some need to be tighter, some more spacious. Right now things look unbalanced.

3. Get a clearer brand logo. The logo is blurry and badly compressed.

4. Keep all elements in your carousel the same height. Right now, the video pushes content down.

5. Messaging on the carousel moves around too much.

6. Consider not even using a carousel. Single photo; single call to action.

7. Use a web font. Right now, everything is using Arial on my Windows PC.

8. Use properly-sized images. On http://www.balsamicsauce.com/pages/balsamic-glaze some images are being scaled in the browser.

9. Use JPGs for photos, not PNGs. PNGs should be use for the logo graphic and iconography.

10. Simplify the scripting on the page. Pet peeve: the site loads scripts from what appear to be a dozen third-party domains.

I'm no expert, though, so take all of my advice for what it is: just some random ideas from a total stranger.

3 comments

He's using Shopify for e-commerce, he might not have too much choice in regards to where scripts are loaded from, especially since he's using a few 3-rd party add-ons/plugins/etc. as well.

One thing I noticed is that the Google Fonts request is incorrect, I get ""NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family=.|" in Firebug. But this doesn't have anything to do with conversions.

The text is not contrasted enough against the pictures, too.
What is the purpose of using JPGs instead of PNGs.
For (almost all) photos, JPGs are smaller and therefore load quicker. Its compression is much less noticeable in photographs, and therefore the size savings are usually worth it.

For logos, text, geometric imagery, etc, you generally need the image to remain relatively undistorted, so PNG is the way to go.