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.


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.

Leave a comment

Comments will be approved before showing up.


Also in Shopify Theme Blog

Farewell to out of date Out of the Sandbox themes with our new Shopify Theme Updater app
Farewell to out of date Out of the Sandbox themes with our new Shopify Theme Updater app

by Michael P. Hill September 21, 2016

Read More
Turbo most wanted: Shopify theme feature requests that came true
Turbo most wanted: Shopify theme feature requests that came true

by Michael P. Hill September 13, 2016

Every week, Out of the Sandbox gets numerous feature requests for our award-winning Shopify themes — and some of the most popular ones have been included in our brand new theme release, Turbo.

Read More
Announcing the Turbo Shopify theme: High performance ecommerce
Announcing the Turbo Shopify theme: High performance ecommerce

by Michael P. Hill September 06, 2016

After thousands of hours of development, design and testing, it’s finally here.... The biggest, baddest and, most importantly, fastest Shopify theme in the Out of the Sandbox arsenal!

Read More
Stay on top of OOTS news!

Subscribe to our mailing list to be notified of theme updates, new releases and more.