Back to Blog
Design Mistakes to Avoid on Your Because Product Page Banners

Design Mistakes to Avoid on Your Because Product Page Banners

Ashland Stansbury
Divider

Design has a big impact on your ecommerce site in many ways. Designing is hard work, so we put together this list of design mistakes and get you up and running with your Because banners.

Design has a big impact on your ecommerce site in many ways. Design, colors, fonts, and icons all can give off emotion and feel to your customers. Certain colors can give off a feeling, while certain fonts can tell your personality. Designing is hard work, so we put together this list of design mistakes and get you up and running with your Because banners.

 

Design Mistakes to Avoid

  1. Not making sure your banner width matches your add to cart button width exactly. You can always adjust your banner width by % or px to ensure its matching with the look and aesthetic of your overall store. This will help avoid your add to cart button being overshadowed by your banner and vice versa. You can read more about this in our banner width blog here.
  2. Not using your main and secondary colors to create stunning banners that compliment your overall site. Don't put colors on top of other colors that make it hard to read or see your content.
  3. Choosing colors that don’t match your branding. Certain colors give off a feeling and even have a psychological component that makes us feel a certain way.
  4. Not following color accessibility guidelines on your font and background colors - this simple guide will help you determine which colors work best with each other and provide best practices. Here’s the link to the official guidelines. It also helps make sure your site and product pages are accessible to every range of customers that comes across your site. You can read more about this in our banner width blog here.
  5. Having different fonts and icons than your store fonts. Keep it simple by keeping your fonts similar to your store design and ensure your icon colors match your overall color scheme.
  6. Redoing your branding on a new campaign instead of cloning it This pro tip will save you time and allow you to easily create different campaigns in no time. This will allow you to clone the design, colors, and fonts of your campaigns. Click the 3 dots in the bottom right corner of your campaign card and you'll see the following pop up:

Untitled (1)


Ready to take your product pages to the next level? Get started on your first campaign for free and start adding value to your product pages.

Try the app for free: https://apps.shopify.com/because

 
Share on social media:

More from the Blog

New in Because: Custom Banner Placement

We have always been a no-code app, but in order to provide the highest level of customization possible to our users, we just launched the option for custom banner placement!

Read Story

New in Because: Canva-like Banner Template Library

We are excited to be following in the footsteps of one of our favorite marketing design tools: Canva, and launch our first ever banner template library!

Read Story

New in Because: A/B Test your Shopify Product Page Content

We just launched an entirely new face for Because: the analytics side of your product page. Now, perfect the exact messaging that will drive your customers to purchase on each page.

Read Story

Stay in the know

Want weekly tips on how to customize your product pages and grow your Shopify store? Sign up below
We will never share your email address with third parties.
Divider