A major part of the branding of your Society6 store is your cover image. It is the first thing a potential customer will see on your homepage, and will dictate the feeling of your store.
Let's look at the cover image used by Society6 seller Loish as an example.
This banner works for several reasons:
Why Do I Need A Template?
Despite Society6's specifications that banners need only be 1000 x 100 px, they crop the image even further, which can ruin your banner's legibility and effectiveness.
Take a look at the banner I made for my Society6 store, using Canva:
And now, look at how my banner looks once uploaded to my Soceity6 store, JessicaAmberArtist:
The top and bottom edges are getting cut off. And the bottom centre of the banner is covered up by my avatar, which obscures my slogan.
I took it upon myself to make a template which would allow me to have a banner without any text being unexpectedly cut off.
New Template by JessicaAmber
Update 4/4/21: The template has been updated to make it compatible with narrow PC and mobile versions of the Society6 website, please re-download!
This template has become more useful, and much more complicated, so I'm gonna carefully explain what is going on here.
Red Areas: Never safe, will always be cut off.
Lt Green: Safe on widescreen PC browsers. Will be cut off in narrow PC or mobile views.
Yellow: Safe on narrow PC browsers. Will be cut off in mobile view. Top and bottom edges will get cut off in wide PC view.
Lt Blue: Safe on mobile browsers. Top and bottom edges will get cut off in wide PC view.
Dark Green: Always safe, will never be cut off.
So, when designing your Society6 banner, ensure that the areas you want visible all the time, especially text, are in the dark green zone.
Download The Template
The PNG version can be used with basically any image editor that can do layers and transparency. Put it on the top layer of your file, reduce the transparency, and position your artwork underneath so the important parts are in the green area. Then, delete the template layer before exporting your image.
The PSD version requires Photoshop, and has all the guidelines on separate layers, and a folder for you to place your artwork into. Remember to disable the guidelines layer group before saving! File is in a compressed .zip file to reduce file size.
Template In Use
Here's how my Society6 cover image file looks after using this template to reposition the elements:
And here's how it looks when uploaded:
Note: Your banner may look blurry, even if saved as a high-quality PNG, because of Society6 scaling the image up and down depending on the size of the browser window.
(For example, in the screenshots above, within my browser the image got scaled down to 954 x 100).
Unfortunately, this deterioration in quality seems to be unavoidable at this stage.
I hope this template will help other Society6 artists improve their store homepages. If you'd like to see any other templates, leave a comment below!
Peace, love and sunshine,
Share This Post on Pinterest