Amazon Storefront Design Templates [EXAMPLES]
Amazon Storefront Design Templates [EXAMPLES]
Amazon storefront design templates save you time and money, preventing costly mistakes through trial and error.
Relying on proven Amazon storefront design templates for your brand store will drive sales and boost Amazon SEO.
Proven Amazon storefront design templates show customers what they need to see, in the order in which they need to see it on your Amazon brand store to boost sales.
Amazon storefront design templates that actually drive sales can be hard to come by and hard to design.
What’s more, copying your competitors’ Amazon brand store design removes your own brand voice and image, making it more difficult to cut through the noise on Amazon.
I’ve been an Amazon Consultant and eCommerce Consultant for 10+ years, and I’ve seen every Amazon storefront design mistake there is, from copying competitors to just throwing up a header and then grids of products.
That’s why I put together this in-depth guide of Amazon storefront design templates you can use TODAY to drive sales on Amazon quickly whether you’re an Amazon Seller Central seller, Amazon Vendor Central seller, using Amazon FBA, FBA Small and Light, or selling Amazon B2B.
Amazon Store Image Sizes
The best part of Amazon storefronts is that they allow brands to own 100% of the real estate on the screen.
Think about your product detail page and how many distractions there are to check out other products.
The second best part of Amazon storefronts is that they allow brands a full menu of design opportunities to craft the best Amazon brand store for conversions.
Amazon stores creative asset requirements allow brands to use modules such as:
- Image Tiles
- Video Tiles
- Product Tiles
- Product Grid Tiles
- Gallery Tiles
- Best Seller Tiles
- Text Tiles
- Image + Text Tiles
- & more
With all of those options, you’ll want to be clear on the Amazon store image sizes.
According to Amazon, Amazon Brand Storefront sizing specifications are as follows:
Amazon Store Sizes Available by Tile Type
Tile type | Full width | Large | Medium | Small |
---|---|---|---|---|
Text | Yes | Yes | Yes | Yes |
Image | Yes | Yes | Yes | Yes |
Image with text | Yes | Yes | Yes | Yes |
Shoppable image | Yes | Yes | Yes | Yes |
Video | Yes | Yes | Yes | No |
Background video | Yes | Yes | Yes | No |
Gallery | Yes | No | No | No |
Product | Yes | Yes | Yes | Yes |
Product grid | Yes | No | No | No |
Best sellers | Yes | No | No | No |
Recommended products | Yes | No | No | No |
Featured deals | Yes | No | No | No |
Amazon Store Header Specs
Header element | Min. image size | Max. file size |
---|---|---|
Hero image | 3,000 × 600 px | 5 MB |
Brand logo | 400 × 400 px | 5 MB |
Amazon Store Image Tile Specs
Tile size | Max. file size | Min. image size (desktop) | Min. image size (custom mobile) |
---|---|---|---|
Full width | 5 MB | 1,500 × 20 px* | 1,680 × 20 px* |
Large | 5 MB | 1,500 × 1,500 px | 1,680 × 20 px* |
Medium | 5 MB | 1,500 × 750 px | 1,680 × 20 px* |
Small | 5 MB | 750 × 750 px | 750 × 750 px |
Amazon Store Image with Text Tile Specs
Layout | Tile size | Min. image size |
---|---|---|
Text over image | Full width | 3,000 × 1,500 px |
Text over image | Large | 1,500 × 1,500 px |
Text over image | Medium | 1,500 × 750 px |
Text over image | Small | 750 × 750 px |
Text next to image | Full width | 1,500 × 1,500 px |
Text next to image | Large | 1,500 × 1,500 px |
Text next to image | Medium | 750 × 750 px |
Text next to image | Small | 750 × 750 px |
Amazon Store Shoppable Image Specs
Tile size | Max. file size | Min. image size |
---|---|---|
Full width | 5 MB | 1,500 × 750 px* |
Large | 5 MB | 1,500 × 1,500 px |
Medium | 5 MB | 1,500 × 750 px |
Small | 5 MB | 750 × 750 px |
Amazon Store Video Tile Specs
Tile size | Min. cover image size | Min. video resolution | Min. to max. aspect ratio | File requirements |
---|---|---|---|---|
Full width | 3,000 × 1,500 px | 1,280 × 640 px | 6:4 to 8:3 | MP4 file format. H.264 video codec. |
Large | 1,500 × 1,500 px | 640 × 640 px | 3:4 to 4:3 | MP4 file format. H.264 video codec. |
Medium | 1,500 × 750 px | 450 × 320 px | 6:4 to 8:3 | MP4 file format. H.264 video codec. |
Amazon Store Background Video Tile Specs
Tile size | Min. video resolution | Max. height | Min. video length | Min. to max. aspect ratio | File requirements |
---|---|---|---|---|---|
Full width | 1,280 × 640 px | 1,500 px | 2 to 20 seconds | 6:4 to 8:3 | MP4 file format. H.264 video codec. |
Large | 1,280 × 640 px | 640 px | 2 to 20 seconds | 3:4 to 8:3 | MP4 file format. H.264 video codec. |
Medium | 1,280 × 640 px | 320 px | 2 to 20 seconds | 6:4 to 8:3 | MP4 file format. H.264 video codec. |
Amazon Storefront Best Practices
Amazon storefront best practices all boil down to using the same best practices in conventional conversion rate optimization for landing pages.
If you’re not familiar, the term “landing page” means the entry point into a site, the first page the customer sees.
This terminology commonly comes up with my eCommerce consulting clients on their Shopify or Woocommerce eCommerce websites, but all of the same principles apply to Amazon.
Let’s have a look at Amazon Storefront template best practices.
Amazon Store Best Practices:
Landing Pages
- Each page is a landing page as you will be sending unique advertising traffic to each page.
- Not every visitor will enter your Store through the Home page.
- Therefore, each page should include all of the elements of your homepage, tailored to specific category pages or individual product pages.
- EXCEPTIONS:
- FAQ
- Why Brand
- About Us
- Reviews
- Automatically Generated Page
- EXCEPTIONS:
- Therefore, each page should include all of the elements of your homepage, tailored to specific category pages or individual product pages.
Video
- If possible, include loopable videos throughout that showcase the action and positive results of using your product.
- Additional important videos:
- Explainer Video
- How To Use/Maintain
- Video Testimonials
Mobile First
- The majority of stores are viewed on mobile devices, therefore imagery and overlay text should be large enough to be read and appreciated on smaller devices.
Text
- Less is more.
- Focus more on imagery and video.
- When text is used, make it large, succinct and use power and sensory words.
Acting on these best practices is how to reduce ACOS on Amazon and is part of a high-performing Amazon Advertising Strategy.
What’s more, by using your Amazon Storefront, you get access to Amazon Posts, which not only allow you to gain followers on Amazon but get additional placements outside of traditional SEO & Amazon PPC.
Now that we’re clear on best practices, on to the Amazon storefront templates:
Amazon Storefront Design Templates
When looking for the best Amazon Storefront design templates, you want to make sure that while adhering to the template, you don’t lose sight of being on brand.
Make sure that while following these Amazon storefront design templates, you maintain your:
- Brand fonts
- Brand colors
- Brand textures
- Brand mood board alignment
- & more
That said, what’s particularly powerful about these Amazon Storefront design templates is that they’ve been working for my clients and are easy to implement.
These Amazon brand store templates will cover:
- Homepage
- Category & Sub-Category Pages
- Individual Product Pages
Amazon Store Home Page Template:
Header:
- Should contain Logo, Slogan/UVP, As Seen on Badges, Certifications, Awards
- This should change slightly for each page the customer is on, with imagery representing the page they have landed on.
Main Navigation:
- Should Contain:
- Follow (Automatically Generated)
- Home (Automatically Generated)
- Category Pages
- Include the name of your product categories.
- Include customer-friendly category names that depict different ways customers may choose to use to easily find the right product for them.
- EXAMPLE: If you sell coffee, your navigation could consist of:
- Light Roast
- Medium Roast
- Dark Roast
- Low Acid
- EXAMPLE: If you sell coffee, your navigation could consist of:
- Individual Product Pages
- If you only sell a few products, devote entire pages to them.
- About
- This page includes your brand story and mission statement.
- Be as personal and relatable as possible.
- Why Brand
- This is a page that explains what sets your brand apart, and typically includes a competitor comparison chart or a zoom into the technology or features that makes you unique.
- Deals
- This is a page that contains your items on sale all year long.
- Allowed verbiage of the name of this page has changed, cannot use the term “deals” as the name of the page.
- Can contain Deals Widget
- Reviews
- Include video testimonials of customers.
- FAQ
- Use this page if you are a single product store, otherwise, FAQ section should appear on product and product category pages.
- Posts (Automatically Generated)
Follow Graphic:
- On brand image that leverages an arrow pointing at the follow button.
Above The Fold Hero Section:
- Brand Wide Explainer Video
- or
- Hero Image or split images that represents the happy/positive result of using your products.
- If image, should contain a “shop now” call to action.
Trust & Credibility Badges:
- Badges that make it obvious the certifications, classifications or powerful features the customer would be looking for.
- EXAMPLES:
- Gluten-Free
- BPA Free
- Dishwasher Safe
- Made in the USA
- Vegan
- EXAMPLES:
Shoppable Actions:
- Add options here for customers to buy products.
- These could include:
- A grid of products
- Showcase images in various split layouts or full-length pointing to a product page with a “shop now” call to action over top.
Ease of Navigation Grid:
- Help the potential customer find the products that are right from them by providing easy-to-navigate visual iconography or imagery representative of customer-friendly terms they would use to browse.
- EXAMPLE: If you sell various sports supplements, you may choose to categorize your products into:
- Strength
- Weight Loss
- Energy
- Focus
- EXAMPLE: If you sell various sports supplements, you may choose to categorize your products into:
Use Cases:
- If necessary, showcase the different uses your product can be used for.
- These should represent:
- Pain points it can alleviate
- Problems it can solve
- Desires it can fulfill
- These should represent:
Testimonial Videos:
- Add video testimonials for the product(s).
Key Benefits & Features:
- Showcase the key benefits of your product(s) as well as the technical features that make those benefits possible.
Before & After Imagery:
- If possible, show imagery that represents life before using your product and after.
How To Use/Convey Ease of Ownership:
- If applicable, include how to use or maintain instructions or video.
Competitor Comparison Chart:
- Include a simple to understand chart with metrics that your customer cares most about depicting why you are superior to your competitors in the market.
Philanthropic Endeavors:
- Highlight charities, non-profits and other philanthropy you partake in.
About Us:
- Include a succinct version of your brand story.
- A video from a founder is very powerful here.
FAQ:
- Create a brand-wide or product-specific FAQ relevant to how many products you sell.
Get The Full List of B2B Certifications
Learn Every Amazon B2B Certification To Drive Sales Right Now
Amazon Store Category & Sub-Category Page Template:
Follow Graphic:
- On brand image that leverages an arrow pointing at the follow button.
Above The Fold Hero Section:
- Category Wide Explainer Video
- or
- Hero Image or split images that represents the happy/positive result of using your products.
- If image, should contain a “shop now” call to action.
Trust & Credibility Badges:
- Badges that make it obvious the certifications, classifications or powerful features the customer would be looking for.
- EXAMPLES:
- Gluten-Free
- BPA Free
- Dishwasher Safe
- Made in the USA
- Vegan
- EXAMPLES:
Shoppable Actions:
- Add options here for popular or best-selling products from the category or sub-category.
- List all of your products from this category if you do not have sub-categories.
- Presentations options could include:
- A grid of products
- Showcase images in various split layouts or full-length pointing to a product page with a “shop now” call to action over top.
Sub-Category Navigation:
- If your categories have sub-categories, present them here in easy-to-click graphics, illustrations or icons.
Competitor Comparison Chart:
- Include a simple-to-understand chart with metrics that your customer cares most about depicting why you are superior to your competitors in the market.
Video Testimonials:
- Include some video testimonials of products from this category.
Philanthropic Endeavors:
- Highlight charities, non-profits and other philanthropy you partake in.
About Us:
- Include a succinct version of your brand story.
- A video from a founder is very powerful here.
FAQ:
- Create a category-wide or brand-wide FAQ.
Amazon Store Individual Product Page Template:
Follow Graphic:
- On brand image that leverages an arrow pointing at the follow button.
Above The Fold Hero Section:
- Product Explainer Video
- or
- Hero Image or split images that represents the happy/positive result of using your product.
- If image, should contain a “shop now” call to action.
Trust & Credibility Badges:
- Badges that make it obvious the certifications, classifications or powerful features the customer would be looking for.
- EXAMPLES:
- Gluten-Free
- BPA Free
- Dishwasher Safe
- Made in the USA
- Vegan
- EXAMPLES:
Use Cases:
- If necessary, showcase the different uses your product can be used for.
- These should represent:
- Pain points it can alleviate
- Problems it can solve
- Desires it can fulfill
- These should represent:
Key Benefits & Features:
- Showcase the key benefits of your product(s) as well as the technical features that make those benefits possible.
Before & After Imagery:
- If possible, show imagery that represents life before using your product and after.
Testimonial Videos:
- Add video testimonials for the product(s).
How To Use/Convey Ease of Ownership:
- If applicable, include how to use or maintain instructions or video.
Competitor Comparison Chart:
- Include a simple to understand chart with metrics that your customer cares most about depicting why you are superior to your competitors in the market.
Philanthropic Endeavors:
- Highlight charities, non-profits and other philanthropy you partake in.
About Us:
- Include a succinct version of your brand story.
- A video from a founder is very powerful here.
FAQ:
- Create a product-specific FAQ.
Amazon Storefront Design Example
This Amazon storefront design example comes from client: Cambio Roasters, America’s fastest-growing k-cup brand.
What I love about this design, apart from sticking to the Amazon storefront design templates above and the fact that I architected it as their consultant for Amazon, is that Cambio does a fantastic job considering how someone may want to browse their store.
Coffee drinkers approach browsing and selecting coffee from a few different goals and in their ease of navigation grid section, they executed on this flawlessly.
Coffee drinkers may want to browse by:
- Flavor/Blend
- Light, Medium or Dark Roast
- Deals
- USDA Organic Certified
- Fair Trade Certified
- Low Acid
Even though many of these pages contain the same offerings, they are packaged and presented to be congruent with the customers’ way of thinking and desire.
This is far more effective than simply a grid of products and hoping the customer finds their way to the right one.
Check it out:
Frequently Asked Questions
By the way, marketing in Amazon & eCommerce is complex, with lots of challenges that cost you time & money.
If you want to sell more and spend less, I’m a top-rated Fractional CMO, Amazon Consultant & eCommerce Consultant with 10+ years of Fractional CMO Services, Amazon Consulting & eCommerce Consulting experience, and come with a proven, one-of-a-kind system to drive sales.
Whether it’s consulting Amazon brands, working with great companies at my Fractional CMO Agency or helping grow eCommerce website sales at my eCommerce Consultancy I can help you sell more & spend less.
Get a quick free consultation.