What are infographic product images?

What are infographic product images?

Unlike standard product photos, infographic product images combine text, icons, and graphics to showcase key product details in an easily digestible format, and are distinguished by their inclusion in product pages’ primary media section (the carousel of stills and videos found towards the top of most Shopify product pages.)

If you’re already starting to snore, let me reassure you: these are not the tables and graphs of yesteryear.

Big Brands are leveraging simple, bold graphics and text to accompany or enhance more traditional product photos. In the context of a Shopify store, these images can significantly increase customer understanding and engagement, potentially leading to higher conversion rates.

Alcove Studio collected the following examples which we have come across in our recent browsing, to show how merchants—even small businesses—can sell more by helping shoppers discover their products’ unique selling points and differentiators, fast!

This tactic can be applied to a wide range of product types, and below we have beauty, wellness, kitchenware, skincare, and food represented.

1. A Flavorful Feature from Fenty Beauty 

Infographic Product Image via Fenty Beauty

Infographic Product Image via Fenty Beauty

This bright bold graphic on Fenty Beauty’s product detail page for their Plush Puddin’ lip mask helps tell the story of this new release’s scent, fast. Featuring a trendy contrasting font combo, the image features text on top of a photograph.

The photo itself is anything but boring; it features saturated grassy greens and rich warm yellows, with an interesting composition. But without the text overlay it risks being a bit too abstract. The text not only communicates the scent but explains (with the playful inclusion of an arrow) that the hunks of fruit pictured in the product shot are the inspo for the aforementioned scent.

Because the name of the fruit — Kalahari melon—isn’t common, it could come off as too foreign with some shoppers, but Fenty’s choice to transform the intriguing still life product photo into an infographic product image makes it much more approachable.

2. Cuter Dosage from Wooden Spoon Herbs

Magic Magnesium by Wooden Spoon Herbs

Infographic Product Image via Wooden Spoon Herbs

Rather than relegate this important info to the bottom of the page, wellness brand Wooden Spoon Herbs zhooshed-up their industry-required Recommended Dietary Allowances chart with brand colors and iconography and moved it above the fold.

Why? At first, you might think it’s not info you’d need until you had the product in hand. But there are a few reasons we can think of that makes this valuable to online shoppers. For one thing, it could help them estimate how much of the product they would need to buy in order to have a month’s supply on hand. This could also give them more confidence to choose a subscription purchasing option, bolstering Wooden Spoon Herbs’ customer lifetime value numbers.

Another reason to include an informative chart like this? It makes the brand feel more trustworthy. In an ever-more crowded and globalized marketplace, discerning customers are looking for clues that the products they are buying are not only high quality but are legit. The division between commodity goods, which are more and more appealing to customers the cheaper they get, and differentiated products for which shoppers are happy to pay a premium is only getting wider. By applying their distinctive brand identity to this chart, Wooden Spoon Herbs has transformed what would be an afterthought in another business’s hands into a unique asset.

3. Caraway's Simple Sticker Approach

Infographic Product Image from Caraway

Infographic Product Image via Caraway

I wanted to be sure to include at least one example of the most minimal approach to an infographic product image that I’m seeing Big Brands take, the single-badge product photo, because it appears often.

This straightforward, quick tactic gives product pages an instant boost, providing an air of respectability and common-sense vibes. In the case of DTC kitchen brand Caraway’s Instagram-ready Cookware Set, the infographic product image features one bright yellow badge with text declaring “Complimentary Storage Included.” Another product image in the same section shows a “bestseller” badge. Both accentuate product photos which are straightforward, formulaic (clean, white background), and high quality.

Usually taking the form of colored circles with text inside, “badges” or “stickers” provide a nice bit of visual interest to product photos and communicate brief sales points that customers will see very clearly right away.

4. A Better Size Chart from Stashers 

Infographic Product Image from Stashers

Infographic Product Image via Stashers

When I first started collecting expensive, reusable silicon food storage bags from Stasher a few years ago, there were only a few SKUs. Now, they are stocked at Whole Foods nationwide and have over 20 products, each available in a rainbow of hues and limited-edition patterns.

So this infographic product image, their “medium size chart”, is hugely helpful for shoppers trying to build their perfect set.

I would argue that verbiage itself is somewhat confusing (if these are all mediums, what are we comparing to? Where are the smalls and large?), but it still goes a long way in helping to decipher the subtle differences in these transparent colorful items.

This type of infographic product image, a reinterpretation of a size chart, is a quick win for brands with lots of variants. It seems counterintuitive to help customers vote between our products (don’t we just want them to buy all of them?!), but the more we can empower shoppers to make confident decisions, the more they’re willing to shop with us.

5. Illustrated Ingredients from Herbivore

Infographic Product Image from Herbivore

Infographic Product Image via Herbivore

Not everyone can afford to commission an illustrator to create cute, custom drawings of their products, but that's not the only reason this infographic product image from Herbivore skincare is appealing. You could just as easily swap out a product photo for the drawing, and gather the rest of the elements from Canva or some such. 

The takeaway here is the idea of a themed image that combines text and graphic elements to tell the story of the product and communicate the ingredients and their benefits. In this case, Herbivore uses the phrase "Super Stellar Ingredients" and extraterrestrial imagery to underline the product's identity and name "Super Nova."

6. Competitor Comparison from tbh

Infographic Product Image from TBH

Infographic Product Image via TBH

Why force customers to comparison shop by browsing your competitor's websites when you could break it down for them right on the product page?

Nutella rival and CPG newcomer tbh lays it all out in a favorable-to-them chart, right next to the other product photography at the top of their produce page. It's easy to read. I like how they've included brand logos, which helps me browse for those recognizable to me (the Justin's logo stands out in particular), and the easy to read emoji instead of using "Y/N".

7. Sustainability Scorecard from Ritual

Infographic Product Image from Ritual

Infographic Product Image via Ritual

Featuring Ritual's signature yellow and blue brand colors, I like how they've accentuated this chart-like graphic with a close-up product shot of their vitamins. There's a lot of info packed into this single slide in their main product image carousel, and they did a good job organizing it.

They do a great job here of giving context and facts supporting one of their core brand values (sustainability) so that customers trust their statements.

As you can tell, there are lots of different ways to approach including infographic product images on your store's Shopify product pages. What will you try first?

Back