---
title: Web Design Mistakes to Avoid on Your Ecommerce Site
description: Mistakes in web design aren’t always as easy to identify. We have identified a handful of the usual suspects to avoid when designing your online store.
image: https://blog.miva.com/hubfs/Imported_Blog_Media/1712-Common-Ecommerce-Design-Mistakes-to-Avoid-header-1-3-1.jpg
---

- [![Miva, Inc logo.](https://www.miva.com/images/logos/miva-type-white.svg)](https://www.miva.com)
- ![White X close button](https://www.miva.com/images/svg/icons/icon-x-white.svg)

- Why Choose Miva
  
    - Solutions
    - [Why Miva Simplify Complexity](https://www.miva.com/why-miva)
    - [Platform Overview A Complete Ecommerce Solution](https://www.miva.com/platform-overview)
    - [Miva Connect Real-time Native Connections](https://www.miva.com/miva-connect)
    - [Vexture AI-powered Product Discovery](https://www.miva.com/vexture)
    - [PageBuilder No-code Page Creation](https://www.miva.com/pagebuilder)
    - [MivaPay Flexible Native Payment Solution](https://www.miva.com/mivapay)
    - Business Type
    - [B2B Robust Business Tools Built-In](https://www.miva.com/b2b-ecommerce)
    - [B2C Designed for Agility](https://www.miva.com/b2c-ecommerce-platform)
    - [Hybrid B2B + B2C, All Managed Together](https://www.miva.com/b2b-dtc-ecommerce-platform)
- [Enterprise](https://www.miva.com/enterprise-ecommerce-platform)
- Resources
  
    - Community
    - [Customer Stories Case Studies and Featured Stores Built With Miva](https://www.miva.com/customer-stories)
    - [Technology Partners An Ecosystem Built for Flexibility](https://www.miva.com/partners)
    - [Agency Partners Helping You Build and Grow](https://www.miva.com/miva-agency-partners)
    - Resources
    - [Resource Center Browse Our Extensive Library](https://www.miva.com/ecommerce-strategy-resource-guides)
    - [Blog Explore Miva Insights on Ecommerce](https://blog.miva.com/)
    - [Documentation Answers for All Your Miva Questions](https://docs.miva.com/)
- [Get Pricing](https://www.miva.com/schedule-demo-admin)

[![Miva, Inc logo.](https://www.miva.com/images/logos/miva-type-white.svg)](https://www.miva.com)

- Why Choose Miva
  
    - Solutions
    - [Why Miva Simplify Complexity](https://www.miva.com/why-miva)
    - [Platform Overview A Complete Ecommerce Solution](https://www.miva.com/platform-overview)
    - [Miva Connect Real-time Native Connections](https://www.miva.com/miva-connect)
    - [Vexture AI-powered Product Discovery](https://www.miva.com/vexture)
    - [PageBuilder No-code Page Creation](https://www.miva.com/pagebuilder)
    - [MivaPay Flexible Native Payment Solution](https://www.miva.com/mivapay)
    - Business Type
    - [B2B Robust Business Tools Built-In](https://www.miva.com/b2b-ecommerce)
    - [B2C Designed for Agility](https://www.miva.com/b2c-ecommerce-platform)
    - [Hybrid B2B + B2C, All Managed Together](https://www.miva.com/b2b-dtc-ecommerce-platform)
  [![](https://www.miva.com/images/webp/apex-stat.webp)](https://www.miva.com/case-studies/apex-tools)
  
  Your Partner for Growth
  
  See how Apex Tool drove a 57% revenue lift with Miva's Vexture® solution.
- [Enterprise](https://www.miva.com/enterprise-ecommerce-platform)
- Resources
  
    - Community
    - [Customer Stories Case Studies and Featured Stores Built With Miva](https://www.miva.com/customer-stories)
    - [Technology Partners An Ecosystem Built for Flexibility](https://www.miva.com/partners)
    - [Agency Partners Helping You Build and Grow](https://www.miva.com/miva-agency-partners)
    - Resources
    - [Resource Center Browse Our Extensive Library](https://www.miva.com/ecommerce-strategy-resource-guides)
    - [Blog Explore Miva Insights on Ecommerce](https://blog.miva.com/)
    - [Documentation Answers for All Your Miva Questions](https://docs.miva.com/)

- [Get Pricing](https://www.miva.com/schedule-demo-admin)
- ![White, three-lined, menu icon.](https://www.miva.com/images/svg/icons/icon-menu.svg)

# Web Design Mistakes to Avoid on Your Ecommerce Site

By Miva | December 20, 2017

- [Ecommerce Marketing](https://blog.miva.com/tag/ecommerce-marketing)

![Design dos and don'ts](https://blog.miva.com/hubfs/Imported_Blog_Media/1712-Common-Ecommerce-Design-Mistakes-to-Avoid-header-1-3-1.jpg)

### Before You Read On...

See why top ecommerce brands use Miva’s no-code platform to run   
multiple stores, manage massive catalogs, and grow their revenue.

[Book a Demo of Miva](https://www.miva.com/schedule-demo-admin)

Whether it is something as simple as marking the wrong answer on a test, or spending an inordinate amount of money on an extremely unnecessary item, we have all made mistakes in our lives. Finding a [solution](https://www.miva.com) and learning from previous mistakes can be easier when mistakes can be quickly recognized.

However, mistakes in web design aren’t always as easy to identify as a wrong answer or spending more than you can afford. There are several strategies online storeowners can implement to avoid common design mistakes in order to help drive revenue and provide a [great user experience](https://www.miva.com/blog/beating-brick-mortar-retail-experience-product-visualizers/) to new and returning customers.

We have identified a handful of the usual suspects to avoid when designing your online store.

## The top five most common web design mistakes to avoid

### 1. You’ve stuffed too many items in your header.

Most of us can acknowledge the value in making a good first impression, and the website header is a potential customer’s first impression of your site. Overcrowding the header is a mistake frequently seen on ecommerce websites. The header is an excellent space to display important information like a business phone number or promotional text. As a global element, the header will appear on any page a user visits. You may be familiar with the best practice of placing the most important items higher on the page, however, a problem develops when too many items are displayed at once, to the point where the header becomes overcrowded and difficult for users to navigate. Remember that having too many competing items in an area can diminish the value and visibility of the important ones.

![MZB Coffee](https://blog.miva.com/hs-fs/hubfs/Imported_Blog_Media/Blog_1-3-1.jpg?width=4261&height=2610&name=Blog_1-3-1.jpg)

- **Solution:** Use the header to keep customers focused on important information such as your navigation items, site search, shopping cart, and contact information. Everything else can remain as a global element, but should be placed in the footer or elsewhere, instead. The website footer is the perfect place to house necessary secondary information such as policies and detailed information pages. As with the global header, the footer also travels with the customer as they click from page to page. Best of all, overwhelming customers isn’t an issue because it’s located at the bottom of the page. Thus, the footer can be as tall as needed.

### 2. You’re advertising too many promotions/deals.

A well-executed promotion can be used to drive website traffic and generate revenue. However, offering too many promotions can run the risk of devaluing your brand. Sure, your ecommerce business might have a lot of unbeatable offers, but how do you avoid the risk of devaluing your brand and products by promoting too many deals? Are you “crying wolf” too often by styling everything as large, bold and red, thus diminishing the value of primary [calls to action](https://www.miva.com/blog/ecommerce-buzz-words-101/) (CTAs), such as “Add to Cart” or “Check Out”?

![Mignon Faget](https://blog.miva.com/hs-fs/hubfs/Imported_Blog_Media/Blog_2-3-1.jpg?width=4261&height=2610&name=Blog_2-3-1.jpg)

- **Solution:** Having a multitude of competing sales and CTAs can also overload customers by presenting them with too many options. Rather than bombarding customers with all of your promotions at once, consider displaying specific promotions on your storefront, while limiting other promotions to their respective category pages. Category-specific promotions can help encourage customers to make purchases in certain product categories.

### 3. There’s not enough white space on the page.

“Above the Fold” is a term that was originally used to describe the content on the top half of a newspaper, before it became synonymous with the content you see on a website before scrolling. Nowadays, customers scroll instinctively, almost as soon as they land on a site. Often times, we see websites packing too much content into the highest portion of the website, in an effort to keep everything in view. However, cramming content sacrifices the valuable white space used in a clean, structured site.

![web design mistakes to avoid](https://blog.miva.com/hs-fs/hubfs/Imported_Blog_Media/Blog_3-3-1.jpg?width=4261&height=2610&name=Blog_3-3-1.jpg)

- **Solution:** The white space should enable the user to easily read and comprehend your website’s content without the distraction that too many crammed items present. Having content that is easily digestible promotes a smooth shopping experience for your customer.

### 4. The call to action is buried or nearly invisible.

Generally, burying the call to action is a problem specific to product detail pages. When a customer first lands on a product page, the “Add to Cart” button should immediately capture their attention. This call to action should always be the most noticeable thing on the page, however, some websites with complex product descriptions and attributes elect to provide all the necessary information before the user commits to purchase. While on one hand, this allows the shopper to make an informed decision before purchasing, it creates confusion as to what the necessary action on the page actually is. Is it an informational page or can the product be purchased here? Greater visual hierarchy can be accomplished by color or size, and should be displayed above the fold whenever possible.

 

- **Solution:** Some content, such as a lengthy product description, do not need to be displayed in full, at all times. Instead of showing an entire description paragraph, consider truncating the copy and adding a “Read More” button. A tabbed section on the [product page](https://www.miva.com/blog/web-design-best-practices-for-product-images/), and located below the call to action, is also a great place to store secondary information like the product specifications. It’s important to keep customers focused on completing purchases.Remember to use a unique color for the call to action, and a different color for the surrounding elements. In other words, the other buttons on your ecommerce website should never be the same color as the “Add to Cart” button. Eliminate distractions by creating a hierarchy for product information that is relevant to how your customers shop on your online store.

### 5. Your imagery is not up to snuff.

The importance of high-quality product imagery varies from industry to industry, but no one can deny the value that a clear, beautiful product photo brings to any [ecommerce website](https://www.miva.com/blog/dare-greatly-win-big-six-elements-effective-ecommerce-design/). Selling online provides customers with the convenience of shopping from the comfort of their homes. However, selling online does not allow merchants to physically display products to customers. Ecommerce websites with poor, inconsistent, and small images further hinder selling opportunities by placing doubt of your brand, quality, and professionalism in the minds of consumers.

![Milk Makeup](https://blog.miva.com/hs-fs/hubfs/Imported_Blog_Media/Blog_5-3-1.jpg?width=4261&height=2610&name=Blog_5-3-1.jpg)

- **Solution:** Choose a photography direction and hire a photographer to reshoot your entire product inventory, if needed. Decide whether your products are better suited over a plain background or if there is a need to incorporate application and lifestyle photos? There could be a need for both types of photos for your online store. Keep in mind that a product photoshoot could be a giant undertaking depending on the size of your product catalog. Investing in high-quality photography is a must for a properly designed online presence regardless of the industry you operate in or the size of your ecommerce website.

Reference these five tips as a guide during the website design process to ensure you are staying up-to-date on the latest ecommerce website design trends, and ahead of your competition. These tips are a starting point in your website’s design journey, and no two businesses are alike.  
[![Free Infographic - Use Psychology to Increase Your Ecommerce Sales](https://no-cache.hubspot.com/cta/default/5193374/61f73e9b-9d0d-43c6-90ce-1c102dabc720.png)](https://cta-redirect.hubspot.com/cta/redirect/5193374/61f73e9b-9d0d-43c6-90ce-1c102dabc720)

 

![](https://blog.miva.com/hubfs/Imported_Blog_Media/missing-image-Jun-10-2021-03-49-26-55-PM-Jun-10-2021-08-35-28-93-PM.png)

### About The Author

#### Katie Kindness

Katie Kindness’s background in graphic design, has prepared her to excel in a fast-paced ecommerce environment. Her impressive portfolio and creativity recently earned her a spot in the Adobe Creative Jam – a design competition showcasing top local designers throughout the United States. Katie leverages her design expertise to create magnificent ecommerce stores for Miva clients.

Love it? Share it!

-  
-  
-  
-  

[Back to top](https://blog.miva.com/top-five-common-web-design-mistakes#postAnchor)

### Want to read this blog offline?

No worries, download the PDF version now and enjoy your reading later...

Download PDF

![Image of Miva.](https://blog.miva.com/hubfs/Miva%2010/Miva%2010%20Email%20images/miva-logo-square.png) Miva

Miva offers a flexible and adaptable ecommerce platform that evolves with businesses and allows them to drive sales, maximize average order value, cut overhead costs, and increase revenue. Miva has been helping businesses realize their ecommerce potential for over 20 years and empowering retail, wholesale, and direct-to-consumer sellers across all industries to transform their business through ecommerce.

[Visit Website](https://www.miva.com/)

![White Miva, Inc logo.](https://www.miva.com/images/logos/miva-type-white.svg)

Powering the Next Era of Intelligent, Connected Commerce.

[Get Pricing](https://www.miva.com/schedule-demo-admin)

- [![White Facebook logo.](https://www.miva.com/images/svg/icons/icon-white-facebook.svg)](https://www.miva.com/social/facebook)
- [![White X logo.](https://www.miva.com/images/svg/icons/icon-white-x.svg)](https://www.miva.com/social/x)
- [![White LinkedIn logo.](https://www.miva.com/images/svg/icons/icon-white-linkedin.svg)](https://www.miva.com/social/linkedin)
- [![White Instagram logo.](https://www.miva.com/images/svg/icons/icon-white-instagram.svg)](https://www.miva.com/social/instagram)

![Badge displaying that Miva was named Best Ecommerce Platform in 2020 by Vendors In Partnership.](https://www.miva.com/images/badges/best-ecomm-platform-2020.webp)

- Solutions
- [Why Miva](https://www.miva.com/why-miva)
- [Platform Overview](https://www.miva.com/platform-overview)
- [Miva Connect](https://www.miva.com/miva-connect)
- [Vexture](https://www.miva.com/vexture)
- [PageBuilder](https://www.miva.com/pagebuilder)
- [MivaPay](https://www.miva.com/mivapay)
- [MultiStorefront](https://www.miva.com/miva-multistorefront)

- Business Type
- [B2B](https://www.miva.com/b2b-ecommerce)
- [B2C](https://www.miva.com/b2c-ecommerce-platform)
- [Hybrid](https://www.miva.com/b2b-dtc-ecommerce-platform)

- Community
- [Customer Stories](https://www.miva.com/customer-stories)
- [Technology Partners](https://www.miva.com/partners)
- [Agency Partners](https://www.miva.com/miva-agency-partners)
- [Forums](https://www.miva.com/forums/)

- Resources
- [Resource Center](https://www.miva.com/ecommerce-strategy-resource-guides)
- [Blog](https://blog.miva.com/)
- [Documentation](https://docs.miva.com/)
- [App Store](https://apps.miva.com/)
- [Miva Releases](https://www.miva.com/product-releases)

- Compare Miva
- [With Shopify](https://www.miva.com/miva-vs-shopify-plus)
- [With BigCommerce](https://www.miva.com/miva-vs-bigcommerce)
- [With Adobe Commerce (Magento)](https://www.miva.com/miva-vs-adobe-commerce-magento)
- [With Salesforce Commerce](https://www.miva.com/miva-vs-salesforce-commerce)

- Company
- [About](https://www.miva.com/company)
- [Leadership](https://www.miva.com/company/leadership)
- [Diversity & Inclusion](https://www.miva.com/company/diversity-inclusion)
- [Careers](https://www.miva.com/company/careers)
- [Press Center](https://www.miva.com/press/)

Copyright © 1997 – 2026 Miva®, Miva Merchant®, MivaPay®, Camp Miva®, Miva Connect®, Vexture®, Miva, Inc. All Rights Reserved. Terms & Policies

- [Privacy Policy](https://www.miva.com/privacy)
- [Cookie Policy](https://www.miva.com/cookie-policy)
- [Job Applicants Privacy](https://www.miva.com/miva-applicant-privacy-notice)
- [Intellectual Property](https://www.miva.com/intellectualproperty)
- [Terms of Service](https://www.miva.com/pdf/SaaS_TOS.pdf)
- [Non-Compliance Policy](https://www.miva.com/miva-software-updates)

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://blog.miva.com/top-five-common-web-design-mistakes#webpage",
  "@type" : "WebPage",
  "description" : "Mistakes in web design aren’t always as easy to identify. We have identified a handful of the usual suspects to avoid when designing your online store.",
  "inLanguage" : "en-US",
  "isPartOf" : {
    "@id" : "https://blog.miva.com/#website"
  },
  "name" : "Web Design Mistakes to Avoid on Your Ecommerce Site",
  "url" : "https://blog.miva.com/top-five-common-web-design-mistakes"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://www.miva.com/",
    "name" : "Home",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://blog.miva.com/",
    "name" : "Blog",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://blog.miva.com/top-five-common-web-design-mistakes",
    "name" : "Web Design Mistakes to Avoid on Your Ecommerce Site",
    "position" : 3
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Miva",
    "url" : "https://blog.miva.com/author/miva"
  },
  "dateModified" : "1627343164025",
  "datePublished" : "2017-12-20 00:00:00",
  "description" : "Mistakes in web design aren’t always as easy to identify. We have identified a handful of the usual suspects to avoid when designing your online store.",
  "headline" : "Web Design Mistakes to Avoid on Your Ecommerce Site",
  "image" : {
    "@type" : "ImageObject",
    "height" : 630,
    "url" : "https://go.miva.com/hubfs/Imported_Blog_Media/1712-Common-Ecommerce-Design-Mistakes-to-Avoid-header-1-3-1.jpg",
    "width" : 1200
  },
  "mainEntityOfPage" : {
    "@id" : "https://blog.miva.com/top-five-common-web-design-mistakes#webpage",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "https://www.miva.com/images/new-images/mivainc-logo.png",
      "width" : 300
    },
    "name" : "Miva",
    "url" : "https://www.miva.com/"
  },
  "url" : "https://blog.miva.com/top-five-common-web-design-mistakes"
}
```