0

Your Cart is Empty

by Michael P. Hill June 23, 2016

Imagery is one of the most important ways you can establish the look and feel of your brand and store with your Shopify theme, so it’s no wonder that it’s also a common area that store owners want to customize and tinker with. However, as we’ve discussed with both typography and color, there are some areas with imagery that can deliver much better returns on your time and energy.

Don’t worry about how big your logo is or where it is positioned

Big or small? Centered or left side?

At the end of the day, the size and positioning of your logo isn’t going to have a huge impact on sales. Since many Shopify users are just starting out or only serve niche markets, brand recognition isn’t likely to have a huge impact; logos don’t need to be large or overbearing to be useful.

As long as your logo is clearly displayed, it’s likely to be effective in building and establishing brand awareness, while still ensuring that those already familiar with your brand know they are in the right place.

Do worry about having a well designed logo

That said, make sure you have a well designed logo that’s also available in a high quality version so it’s easy to read and see in your Shopify theme. If you don’t have one, spend some money to have one designed or get some logo design tips from the many resources available online.

If you have a logo you’re happy with, but only have it in low resolution sizes, spend the money to have it traced.

When commissioning a logo design, consider that horizontal logos in a landscape orientation tend to work better in most Shopify themes — tall, round or square ones can often cause layout issues. If your current logo doesn’t seem to be fitting well in your layout, consider having a designer create an alternate version of the logo that will work better in a wider space.

Also check to see if your theme can accommodate logos in different places; for example the “word mark” or horizontal version of your logo may work best in the top menu area, but a symbol/icon or emblem version of it could look better in the footer or on mobile.

Don’t worry about how big your product photos are

Many Shopify theme users think their product images are too big. And an equal number of store owners probably think their product images are too small.

The first thing to consider when it comes to your product images, is that most Shopify themes have ecommerce best practice in mind and use photo sizes that look good aesthetically, adhere to established design guidelines and make it easy for customers to view products.

In order for the shopper to feel confident making a purchase online without being able to physically handle the item, it’s often better to err on the side of bigger images rather than smaller, with more access to view details rather than less.

Do spend time and money on quality photography

Instead of spending time adjusting the size of images on pages, which often requires extensive code modification, find ways to improve your product photography to not only make the best use of the space available to you but also make your products look their best.

Don’t forget that it’s often a good idea to show photos of your products in use, in addition to isolated or more staged studio shots.

Remember that your Shopify theme’s product photos are the digital equivalent of a person being able to pick up or try on your products — so spending time and energy on quality photography will ultimately pay off much more than worrying about the precise display size of the images.

If you don’t have high resolution photos, that’s also definitely worth an investment, especially if you use a Shopify theme with a product image zoom feature.

Don’t worry about adding more slides to a homepage slideshow

It’s tempting to promote all of your most exciting news and updates to visitors on your Shopify theme’s homepage, but adding more than a few slides to a rotating slideshow banner or carousel is not only time-consuming to produce and design, but also adds to page load time; most of your users are unlikely to be on the page long enough to see more than one or two slides anyway.

If your Shopify theme only supports a set number of slideshow banners, adding more can be a complex process.

Also keep in mind that since homepage slideshow images tend to be, by definition, very large, they can also have a profound effect on the load times of a particular page.

Do strategically decide what goes in the slideshow

Instead of customizing a theme to accommodate more slideshow content, work within the confines of your theme and make everything that’s on the homepage “earn” the right to be there. Items on the homepage typically should be broadly focused and the most compelling you have to offer.

If you have info you want to promote or make sure gets seen, such as a new collection arrival or a flash sale, it’s best to put that announcement on a static image banner in a prominent place; if you typically have a slideshow in your topmost area of your home page, for example, consider turning off the slideshow effect by reducing it to the one slide only; this offers the best chances of it being seen by your shop visitors. It’s often best to think of a slideshow as a place for supplementary imagery rather than as a place to convey important information.

Don’t create images with text on them

Spending time fussing with Photoshop or other image editing software to add your own text or "buttons" to a picture is usually an unnecessary exercise and time drain.

Since most themes will automatically scale down or crop image banners, slideshows and other pictures on mobile, this often renders any text that has been added directly to the image file quite tiny and hard to read.

If text has been "hard stamped" in place onto the image, it could also get cut off on smaller screen sizes or not appear in the spot you thought it would.

Do add any text to images through the theme settings

A well-designed theme will usually provide multiple options for adding and styling any text and action buttons on top of your banner and slideshow images, and possibly other images as well.

This will allow any text to remain as text, which not only renders legibly on different screen sizes (since the size of it can be controlled through the code) but it’s also much better for SEO, since that text will be searchable rather than embedded into an image file.

Michael P. Hill
Michael P. Hill

Michael P. Hill is a Shopify, Shopify theme, content marketing, digital marketing and product management expert based in Chicago. Follow him on Twitter at @michaelphill or connect on LinkedIn.

Need Support?

Please don't post support questions or issues as a comment on this thread, as we may not be able to process it in a timely manner. Instead, please visit our Help Center to browse frequently asked questions or submit a support request directly to our team.


2 Responses

Michael P. Hill
Michael P. Hill

August 25, 2016

@Tammy: Excellent points. Relevancy is always key in helping build emotional connections with your shoppers!

Tammy
Tammy

July 29, 2016

Thank you Michael, we are currently setting our images, slideshows, logo’s and all that in our new much loved Mobilia theme at Organic Excellence and these tips definitely help. While we are tempted to use all the great nature photo’s out there to be eye catching, we realize are they really relevant to our product and as a shopper would someone by an organic hair care product from a photo of long hair blowing in the wind on horseback, or more of a shot with the shampoo and conditioner actual product shot staged professionally with some of the natural herbs and ingredients, carefully worded text. So you can add “relevance” to your photo instructions too. Thanks again for the tips! We LOVE our Mobilia Theme!!! Soon to go live.


Also in Shopify Theme Blog

Shifting into next gear: Turbo 2.1 fueled by new features, sections
Shifting into next gear: Turbo 2.1 fueled by new features, sections

by Michael P. Hill June 20, 2017 0 Comments

After blasting through the Shopify theme world not once , but twice  with Turbo, the Out of the Sandbox Shopify theme team is shifting the ultimate Shopify theme into the next gear — again.  The newest version of Turbo also represents a big shift forward with the theme’s dedication to speed and performance.
Read More
Anatomy of a Shopify theme product page: Getting started
Anatomy of a Shopify theme product page: Getting started

by Michael P. Hill June 14, 2017 0 Comments

It’s one of the most important pages on your Shopify store — but it’s surprisingly often one of the most overlooked parts. It’s also where your customers spend much of their time learning about your store and becoming engaged with your brand. What is it?

Read More
Shopify theme 911: What do when your Shopify theme breaks
Shopify theme 911: What do when your Shopify theme breaks

by Michael P. Hill June 06, 2017 0 Comments

It was a dark and stormy night.  You are just about to try a new app or add a customization to your Shopify theme . It seems simple enough, but one click later and your entire store is broken. While no one wants to be trapped in this scary story, it's bound to happen — but here are some strategies to use.
Read More
News & Updates

Sign up to get the latest on sales, new releases and more …