Optimization for a better mobile eCommerce design ecommerce-vision.de

What is a good mobile conversion rate?

According to the Monetate eCommerce Report 2020, the average conversion rate in eCommerce is 1-3%. Here is a small breakdown of the conversion rate by unit:

  • Desktop: 1.98%
  • Mobile: 1.81%
  • tablets: 2.92%

This means that most visitors to your website will not make a purchase. However, this is completely normal, because not all visitors to your website have a clear intention to make a purchase. 1-3% sounds so small, but it’s actually pretty amazing. If your mobile conversion rate is 3% and your website gets 100,000 visits a month, you have 3,000 purchase orders.

It is also important to know that a jump of 0.5% in the mobile conversion rate is a big thing. Based on the above data, the mobile conversion rate is slightly lower than the desktop frequency. So optimizing mobile conversion rates can have a dual effect on your earnings and you should focus on taking the necessary actions to optimize mobile conversion.

Improve mobile browsing and product search

As mentioned earlier, most visitors who come to your website often have no idea what they are looking to buy. They just had a general idea like “I need to buy running shoes” or “a party dress”. The Browse and Explore section should help them quickly narrow down their choices and make decisions with as little hassle as possible.

You can consider the following points for better mobile e-commerce design.

For mobile conversion optimization, you want to make sure that your visitors can use the navigation and categories to easily browse the options, but not be distracted or overwhelmed by too many options. Of course, the menu icons need to be streamlined and simplified to save space, but they should never be hidden or excluded.

Our recommendations:

  • Never hide the menu icon
  • Do not obscure the menu button or make it difficult to see. You can use a popular and familiar icon like the triple bar and place it close to the top of the screen.
  • Include the most popular subcategories in a drop-down menu that can be scrolled next to the menu from the top of the page.
  • Design a design where the visitor can just press the button when they want to leave the menu and go back to the page they were looking at. A clear “X” button to exit or the ability to swipe to close the menu are good ideas.


Have you ever seen an icon on your phone but not sure what it stands for? So you clicked on the icon and tried to figure out what it really means?

The answer is usually “no”. Visitors do not click on an icon if they do not know what it means. Not only the menu icon must be readable, but all icons and their meaning must be clearly presented to the customer to optimize the mobile conversion. This applies to all icons on your pages and product details.

Our recommendations:

  • Do not leave an icon without a caption. You should let your visitors know where the logo is taking them.
  • Use a clear image to illustrate the icon as an alternative to the caption.


Some sites redirect their visitors to a new page that displays different subcategories when the visitor clicks on the menu category. This is a problem in mobile conversion optimization as it slows down the browsing process. It prevents your visitors from easily switching back and forth between categories and requires unnecessary loading times.

Our recommendations:

  • When visitors click on the category tabs in your menu, make sure the category tabs load immediately.
  • When they then select a subcategory, they should be taken to the relevant page and your visitors can use the filtering options to narrow their search.


The ideal mobile browsing experience begins with a full-page menu that allows visitors to easily select categories and subcategories to optimize mobile conversions.

Our recommendations:

  • When your visitors land on the category page, make sure they can refine their results further with options to show product categories, brands, and specific subcategories.
  • When it comes to filtering options like price, size and color, you can display a full page overlay so that visitors can set these filtering options. Visitors can view and tap the settings more easily and smoothly.

Call-to-action (CTA) buttons

These buttons need to be large for mobile conversion optimization. With mobile devices, your visitors do not have the benchmarks they have with computers. You can not hover and click on information forms or buttons that are so small and close together. Your visitors use their fingers, and awkward navigation with small buttons can make them leave your site. In addition, there is nothing more frustrating than having to wave your hand to click on a CTA when using a mobile device. A properly sized CTA makes it easy for your visitors to click with both thumbs.

Our recommendations:

  • Make sure that the buttons can be easily pressed with one finger on both hands.
  • Leave enough space between the buttons to avoid accidental clicks on adjacent buttons.


Understanding the customer experience is the first step in optimizing your site for mobile devices. Use the checklist and tips in this article to create a master plan for mobile conversion optimization. In fact, there are many things you can do to make your website mobile friendly and offer your customers a better shopping experience.

VN: F [1.9.22_1171]

Rating: 0.0 /5 (0 votes cast)

Leave a Comment