{"componentChunkName":"component---src-templates-articles-index-jsx","path":"/articles/7-great-mobile-friendly-e-commerce-websites/","result":{"data":{"props":{"adsense":true,"adsenseMobile":null,"byLine":"","canonical":"https://staging.business.com/articles/7-great-mobile-friendly-e-commerce-websites/","content":"<p>When Google introduced changes to its mobile search algorithm, a TechCrunch survey found that 44 percent of Fortune 500 websites failed.</p>\n<div id=\"gc-partner-enabled\" class=\"goog-inline-block gc-partner-enabled\">At a time when <a href=\"http://smallbiztrends.com/2014/07/online-traffic-report-mobile.html\" target=\"_blank\">60 percent of all Internet traffic comes from mobile devices</a>, it’s surprising that many websites are still not equipped to adjust to these smaller screens.</div>\r\n<div class=\"goog-inline-block gc-partner-enabled\"> </div>\r\n<div class=\"goog-inline-block gc-partner-enabled\">This can be financially devastating for ecommerce websites because, as of 2013, at least <a href=\"https://www.internetretailer.com/2013/10/01/its-official-mobile-devices-surpass-pcs-online-retail\" target=\"_blank\">55 percent of online shopping</a> takes place on mobile devices.</div>\r\n<div class=\"goog-inline-block gc-partner-enabled\"> </div>\r\n<div class=\"goog-inline-block gc-partner-enabled\">\r\n<h2><em>Mobile is More Important Than SEO</em></h2>\r\n<p><a href=\"https://moz.com/blog/9-things-about-googles-mobile-friendly-update\" target=\"_blank\">Mobile friendliness is beginning to outrank SEO</a> in its importance. In April 2015, Google announced its new algorithm that would negatively affect Google rankings in mobile search for websites that are not mobile-friendly.</p>\r\n<p>A good SEO strategy can help direct people’s searches to a website. But now, if a website has a low rank for mobile-friendliness it can get pushed down in search results, creating less traffic for a website. Once users actually visit a mobile site, it should be formatted properly and easy to navigate.</p>\r\n<p><em>Related Article:</em> <a href=\"http://www.business.com/mobile-marketing/mobilegeddon-or-not-you-really-need-a-mobile-website/\">Mobilegeddon or Not, You Really Need a Mobile Website</a></p>\r\n<h2><em>Remember the User Experience</em></h2>\r\n<p>The two things that matter most in optimizing an ecommerce website for mobile devices is its <a href=\"http://resources.mobify.com/50-mobile-commerce-stats.html\" target=\"_blank\">usability and loading time</a>. According to <a href=\"http://www.mobify.com\" target=\"_blank\">Mobify</a>, a mobile commerce and engagement platform, 30 percent of mobile shoppers will abandon a transaction if the experience is not designed for mobile devices. Fifty seven percent of customers say they will abandon a site if they have to wait three more than seconds for a page to load.</p>\r\n<p>When Google introduced the changes to its <a href=\"https://webmasters.googleblog.com/2015/02/finding-more-mobile-friendly-search.html\" target=\"_blank\">mobile search algorithm</a>, a TechCrunch survey found that 44 percent of Fortune 500 websites failed Google’s mobile-friendly test, with another four percent producing no response at all.</p>\r\n<h2><em>7 Great Mobile-Friendly E-commerce Websites</em></h2>\r\n<p>Here are ten examples of mobile friendly ecommerce websites. Each of them was tested on several smartphones and tablets.</p>\r\n<h4><em>1. Etsy</em></h4>\r\n<p><a href=\"https://www.etsy.com/\" target=\"_blank\">Etsy</a>: This is an E-commerce website where anyone can buy and sell homemade or vintage items. Etsy’s mobile site configures nicely to both smartphones and tablets.</p>\r\n<p>It provides a prominent search bar and a button to open their App, should you wish to do your shopping there. They also have implemented a popular grid format with photos that many mobile sites use to ensure the display is clean and simple to use.</p>\r\n<p>Takeaway: Keep it simple. Piling too many pictures on the screen can be a huge distraction. Shoppers prefer a simple design that makes it very easy for them to quickly find what they are looking for. </p>\r\n<h4><em>2. Express</em></h4>\r\n<p><a href=\"http://www.express.com\" target=\"_blank\">Express</a>: This is a clothing store that caters to young men and women, and Express clearly knows its audience has come to their mobile site to browse. Their site has big, clear images of the items with prices and short descriptions below, eliminating the necessity to constantly click each image to find vital information.</p>\r\n<p>An incredibly mobile-friendly aspect happens when a user slides their finger from left to right over a piece of clothing. The image changes, so you can see a different view of each piece without having to load a new page.</p>\r\n<figure class=\"aligncenter full\"><picture><source srcset=\"/images/content/573/cab8e3087b1ac0e74268b/1200_-645- 1200w, /images/content/573/cab8e3087b1ac0e74268b/668_-359- 668w, /images/content/573/cab8e3087b1ac0e74268b/320_-172- 320w\" sizes=\"668px, 100%\"></source><img src=\"/images/content/573/cab8e3087b1ac0e74268b/2607-1402-\" alt=\"Express homepage screenshot\" width=\"2607\" height=\"1402\" data-content-img-id=\"573cab8e3087b1ac0e74268b\"></picture><div class=\"attributionLink\">Source: <a class=\"img_credit mceNonEditable\" href=\"http://www.express.com/\" target=\"_blank\">Express.com</a>\n</div>\r\n</figure><p>Takeaway: Shoppers want instant gratification. The less they have to click around to complete a purchase, the better. Also, providing as close to an in-person shopping experience as possible will help increase conversions. By allowing shoppers the ability to see multiple views of an item without the need to make extra clicks, Express greatly improves the user experience. </p>\r\n<h4><em>3. Nike</em></h4>\r\n<p><a href=\"http://www.nike.com/us/en_us/\" target=\"_blank\">Nike</a>: This well-known shoe retailer relies on stunning photos of their products, combined with concise copy, to lure in users. Their minimalist design puts the focus on the products and encourages engagement by users to click and scroll through large images. At the top there are three main icons, a search bar, shopping cart, and main drop-down menu to their category items.</p>\r\n<p><em>Related Article:</em> <a href=\"http://www.business.com/mobile-marketing/dont-plan-your-mobile-strategy-without-answering-these-4-questions/\">Mobile Ready: 4 Things to Ask Yourself Before Mobile Strategy Planning</a></p>\r\n<p>Takeaway: Don't forget how important it is to use high quality images and create great copy to describe your products. Shoppers are busy. They have text messages coming in. They have their Facebook updates to check. They have Snapchat and Pinterest and Periscope and LinkedIn and. . . you get the point. You don't have a whole lot of time to grab a shopper's attention. Your graphics and copy should be on point. </p>\r\n<h4><em>4. Threadless</em></h4>\r\n<p><a href=\"https://www.threadless.com\" target=\"_blank\">Threadless</a>: This online graphic tee store relies on its customers to design their t-shirts. All designs are crowdsourced by the public via voting. At the very top of their website, there are three main buttons: shop, participate and create.</p>\r\n<figure class=\"aligncenter full\"><picture><source srcset=\"/images/content/573/caad63187b1a07d7b75cb/1200_-728- 1200w, /images/content/573/caad63187b1a07d7b75cb/668_-405- 668w, /images/content/573/caad63187b1a07d7b75cb/320_-194- 320w\" sizes=\"668px, 100%\"></source><img src=\"/images/content/573/caad63187b1a07d7b75cb/2117-1286-\" alt=\"Threadless.com Homepage screenshot\" width=\"2117\" height=\"1286\" data-content-img-id=\"573caad63187b1a07d7b75cb\"></picture><div class=\"attributionLink\">Source: <a class=\"img_credit mceNonEditable\" href=\"https://www.threadless.com/\" target=\"_blank\">Threadless.com</a>\n</div>\r\n</figure><p>Since website visitors are on the site to do one of those three things, it makes sense for Threadless to immediately help users narrow down their search options. The main t-shirt categories are displayed in a grid layout. Once users click on one, they are able to endlessly scroll through many designs without having to move to a new page.</p>\r\n<p>Takeaway: Remember to always ask shoppers to do something once they arrive on your website. Don't forget that very important call-to-action. Threadless asks people to do three things: shop, participate, and create. What are you asking people to do when they visit your website?</p>\r\n<h4><em>5. LUSH</em></h4>\r\n<p><a href=\"http://www.lushusa.com\" target=\"_blank\">LUSH</a>: This handmade cosmetics brand presents its content in a clean and appealing grid format with large images of its products. Under each item there is a prominent buy button, eliminating the need to open a new page for that specific item.</p>\r\n<p>One click adds your desired item to your shopping cart, allowing you to continue browsing where you left off. One of LUSH’s most notable aspects is its predictive search bar. This becomes especially helpful on smaller devices lacking real keyboards.</p>\r\n<figure class=\"aligncenter full\"><picture><source srcset=\"/images/content/573/caa553287b16b0974269d/1200_-720- 1200w, /images/content/573/caa553287b16b0974269d/668_-401- 668w, /images/content/573/caa553287b16b0974269d/320_-192- 320w\" sizes=\"668px, 100%\"></source><img src=\"/images/content/573/caa553287b16b0974269d/2369-1423-\" alt=\"LUSH product screen shot\" width=\"2369\" height=\"1423\" data-content-img-id=\"573caa553287b16b0974269d\"></picture><div class=\"attributionLink\">Source: <a class=\"img_credit mceNonEditable\" href=\"http://www.lushusa.com/on/demandware.store/Sites-Lush-Site/en_US/Home-Show?gclid=CjwKEAjwpfC5BRCT1sKW2qzwqE0SJABkKFKRc0L2dtfv324VeDIDnVbjH8z6lU8j-Qmb1bn831qOKxoCNkDw_wcB\" target=\"_blank\">LUSH.com</a>\n</div>\r\n</figure><p>Takeaway: Predictive search is a great feature to integrate into an E-commerce website. It helps speed up a user's search process, providing an even better user experience. In addition, predictive search often produces a drop down menu that provides several additional options a shopper has not thought about. This feature can help increase sales. </p>\r\n<h4><em>6. MyDeal Australia</em></h4>\r\n<p><a href=\"http://www.mydeal.com.au/\" target=\"_blank\">MyDeal Australia</a>: This global online retailer, based in Australia, sells everything from electronics to housewares. The website’s product images are high quality and the fonts are large enough for easy viewing across all devices. The checkout process is simple and easy on all devices and the shipping charges are immediately visible throughout the entire checkout process, not just on the final page.</p>\r\n<p>Takeaway: Don't forget that shoppers use many devices. Often times, one shopper may use multiple devices throughout the day. Your mobile website should be optimized to look and function great across multiple devices. In addition, remember to make sure your font size is large enough for even those who may be a bit visually impaired.<em> </em>Tiny fonts will make shoppers close a website very quickly.</p>\r\n<p><em>Related Article:</em> <a href=\"http://www.business.com/mobile-marketing/mobile-apps-vs-mobile-web-do-you-have-to-choose/\">Mobile Apps vs. Mobile Web: Do You Have to Choose?</a></p>\r\n<h4><em>7. Amazon</em></h4>\r\n<p><a href=\"http://www.amazon.com\" target=\"_blank\">Amazon</a>: While the popular E-commerce company may not have the most visually appealing design it does prove that even large retailers can make up for lack of design with usability.</p>\r\n<p>Just below the prominent search bar is the option to search by department, which then narrows down the search even more into specific categories. This allows for easy browsing that can boost engagement and keep people on the site longer.</p>\r\n<p>Takeaway:<em> </em>If you have a lot of product and your website seems overwhelming to visitors, you can make your website easy to navigate by allowing shoppers to search by department and category.</p>\r\n<p>Ensure the department links are prominent at the top of page and are very easy to find. Be consistent with your linking structure throughout the website so as not to confue your shoppers.</p>\r\n<h2><em>Conclusion</em></h2>\r\n<p>These seven E-commerce websites have a lot in common. They’re easy to navigate, the content is clear, they take less than three seconds to load, and most importantly they provide a good user experience.</p>\r\n<p>In addition, each website focuses on a simple and clean mobile-friendly design that allows shoppers to quickly and easily find what they are looking for. To find out if your website is mobile-friendly, take Google’s <a href=\"https://www.google.com/webmasters/tools/mobile-friendly/?utm_source=wmc-blog&amp;utm_medium=referral&amp;utm_campaign=mobile-friendly\" target=\"_blank\">Mobile Friendly Test</a>.</p>\r\n</div>\n","docType":"article","guid":"articles_a91df8705be89ac196af21fbccee241b","lastModified":"2016-05-19T16:00:00.000Z","published":"2016-05-19T16:00:00.000Z","structuredData":null,"subtitle":null,"template":"v1","title":"Learn By Example: 7 Great Mobile-Friendly E-commerce Websites","type":"article","author":{"avatar":"https://staging.business.com/images/author/599/8d31d51ee47d83d8b459b/100-100","bio":"Genia is an entrepreneur and digital marketer who helps businesses remain competitive with creative & sustainable solutions. She currently contributes to Business.com, Business 2 Community, Social Media Today, Engadget & Elite Daily. Genia is a member of the Forbes Agency Council.","name":"Genia Stevens","image":null,"slug":null,"social":{"facebook":"http://facebook.com/geniastevens","linkedin":"http://linkedin.com/in/gvstevens","twitter":"https://twitter.com/geniastevens","website":"http://belwahmedia.com"},"status":"enabled","title":null,"type":"Old BDC Member","user":{"imagePath":"https://staging.business.com/images/uploads/user/profile/53d155658cda23bfe8b933b819ebdebd2a0a4.jpg","profile":{"company":"Belwah Media","jobTitle":"","website":""}}},"breadcrumbs":null,"channels":{"primary":{"name":"Business Basics","slug":"business-basics"},"sub":{"name":"Strategy","slug":"strategy"}},"meta":{"robots":"index, follow","description":"When Google introduced changes to its mobile search algorithm, a TechCrunch survey found that 44 percent of Fortune 500 websites failed.","title":"7 Great Mobile-Friendly E-commerce Websites - business.com"},"parsedContent":{"toc":[{"id":"mobile-is-more-important-than-seo","title":"Mobile is More Important Than SEO"},{"id":"remember-the-user-experience","title":"Remember the User Experience"},{"id":"7-great-mobile-friendly-e-commerce-websites","title":"7 Great Mobile-Friendly E-commerce Websites"},{"id":"conclusion","title":"Conclusion"}],"json":[{"component":"p","children":["When Google introduced changes to its mobile search algorithm, a TechCrunch survey found that 44 percent of Fortune 500 websites failed."]},{"component":"div","props":{"id":"gc-partner-enabled","className":"goog-inline-block gc-partner-enabled"},"children":["At a time when ",{"component":"a","props":{"href":"http://smallbiztrends.com/2014/07/online-traffic-report-mobile.html","target":"_blank","rel":"nofollow"},"children":["60 percent of all Internet traffic comes from mobile devices"]},", it’s surprising that many websites are still not equipped to adjust to these smaller screens."]},{"component":"div","props":{"className":"goog-inline-block gc-partner-enabled"},"children":[" "]},{"component":"div","props":{"className":"goog-inline-block gc-partner-enabled"},"children":["This can be financially devastating for ecommerce websites because, as of 2013, at least ",{"component":"a","props":{"href":"https://www.internetretailer.com/2013/10/01/its-official-mobile-devices-surpass-pcs-online-retail","target":"_blank","rel":"nofollow"},"children":["55 percent of online shopping"]}," takes place on mobile devices."]},{"component":"div","props":{"className":"goog-inline-block gc-partner-enabled"},"children":[" "]},{"component":"div","props":{"className":"goog-inline-block gc-partner-enabled"},"children":[{"component":"h2","props":{"id":"mobile-is-more-important-than-seo"},"children":[{"component":"em","children":["Mobile is More Important Than SEO"]}]},{"component":"p","children":[{"component":"a","props":{"href":"https://moz.com/blog/9-things-about-googles-mobile-friendly-update","target":"_blank","rel":"nofollow"},"children":["Mobile friendliness is beginning to outrank SEO"]}," in its importance. In April 2015, Google announced its new algorithm that would negatively affect Google rankings in mobile search for websites that are not mobile-friendly."]},{"component":"p","children":["A good SEO strategy can help direct people’s searches to a website. But now, if a website has a low rank for mobile-friendliness it can get pushed down in search results, creating less traffic for a website. Once users actually visit a mobile site, it should be formatted properly and easy to navigate."]},{"component":"p","children":[{"component":"em","children":["Related Article:"]}," ",{"component":"Link","props":{"href":"http://www.business.com/mobile-marketing/mobilegeddon-or-not-you-really-need-a-mobile-website/"},"children":["Mobilegeddon or Not, You Really Need a Mobile Website"]}]},{"component":"h2","props":{"id":"remember-the-user-experience"},"children":[{"component":"em","children":["Remember the User Experience"]}]},{"component":"p","children":["The two things that matter most in optimizing an ecommerce website for mobile devices is its ",{"component":"a","props":{"href":"http://resources.mobify.com/50-mobile-commerce-stats.html","target":"_blank","rel":"nofollow"},"children":["usability and loading time"]},". According to ",{"component":"a","props":{"href":"http://www.mobify.com","target":"_blank","rel":"nofollow"},"children":["Mobify"]},", a mobile commerce and engagement platform, 30 percent of mobile shoppers will abandon a transaction if the experience is not designed for mobile devices. Fifty seven percent of customers say they will abandon a site if they have to wait three more than seconds for a page to load."]},{"component":"p","children":["When Google introduced the changes to its ",{"component":"a","props":{"href":"https://webmasters.googleblog.com/2015/02/finding-more-mobile-friendly-search.html","target":"_blank","rel":"nofollow"},"children":["mobile search algorithm"]},", a TechCrunch survey found that 44 percent of Fortune 500 websites failed Google’s mobile-friendly test, with another four percent producing no response at all."]},{"component":"h2","props":{"id":"7-great-mobile-friendly-e-commerce-websites"},"children":[{"component":"em","children":["7 Great Mobile-Friendly E-commerce Websites"]}]},{"component":"p","children":["Here are ten examples of mobile friendly ecommerce websites. Each of them was tested on several smartphones and tablets."]},{"component":"h4","children":[{"component":"em","children":["1. Etsy"]}]},{"component":"p","children":[{"component":"a","props":{"href":"https://www.etsy.com/","target":"_blank","rel":"nofollow"},"children":["Etsy"]},": This is an E-commerce website where anyone can buy and sell homemade or vintage items. Etsy’s mobile site configures nicely to both smartphones and tablets."]},{"component":"p","children":["It provides a prominent search bar and a button to open their App, should you wish to do your shopping there. They also have implemented a popular grid format with photos that many mobile sites use to ensure the display is clean and simple to use."]},{"component":"p","children":["Takeaway: Keep it simple. Piling too many pictures on the screen can be a huge distraction. Shoppers prefer a simple design that makes it very easy for them to quickly find what they are looking for. "]},{"component":"h4","children":[{"component":"em","children":["2. Express"]}]},{"component":"p","children":[{"component":"a","props":{"href":"http://www.express.com","target":"_blank","rel":"nofollow"},"children":["Express"]},": This is a clothing store that caters to young men and women, and Express clearly knows its audience has come to their mobile site to browse. Their site has big, clear images of the items with prices and short descriptions below, eliminating the necessity to constantly click each image to find vital information."]},{"component":"p","children":["An incredibly mobile-friendly aspect happens when a user slides their finger from left to right over a piece of clothing. The image changes, so you can see a different view of each piece without having to load a new page."]},{"component":"figure","props":{"className":"aligncenter full"},"children":[{"component":"picture","children":[{"component":"source","props":{"srcSet":"/images/content/573/cab8e3087b1ac0e74268b/1200_-645- 1200w, /images/content/573/cab8e3087b1ac0e74268b/668_-359- 668w, /images/content/573/cab8e3087b1ac0e74268b/320_-172- 320w","sizes":"668px, 100%"}},{"component":"img","props":{"src":"/images/content/573/cab8e3087b1ac0e74268b/2607-1402-","alt":"Express homepage screenshot","width":"2607","height":"1402","data-content-img-id":"573cab8e3087b1ac0e74268b"}}]},{"component":"div","props":{"className":"attributionLink"},"children":["Source: ",{"component":"a","props":{"className":"img_credit mceNonEditable","href":"http://www.express.com/","target":"_blank","rel":"nofollow"},"children":["Express.com"]}]}]},{"component":"p","children":["Takeaway: Shoppers want instant gratification. The less they have to click around to complete a purchase, the better. Also, providing as close to an in-person shopping experience as possible will help increase conversions. By allowing shoppers the ability to see multiple views of an item without the need to make extra clicks, Express greatly improves the user experience. "]},{"component":"h4","children":[{"component":"em","children":["3. Nike"]}]},{"component":"p","children":[{"component":"a","props":{"href":"http://www.nike.com/us/en_us/","target":"_blank","rel":"nofollow"},"children":["Nike"]},": This well-known shoe retailer relies on stunning photos of their products, combined with concise copy, to lure in users. Their minimalist design puts the focus on the products and encourages engagement by users to click and scroll through large images. At the top there are three main icons, a search bar, shopping cart, and main drop-down menu to their category items."]},{"component":"p","children":[{"component":"em","children":["Related Article:"]}," ",{"component":"Link","props":{"href":"http://www.business.com/mobile-marketing/dont-plan-your-mobile-strategy-without-answering-these-4-questions/"},"children":["Mobile Ready: 4 Things to Ask Yourself Before Mobile Strategy Planning"]}]},{"component":"p","children":["Takeaway: Don't forget how important it is to use high quality images and create great copy to describe your products. Shoppers are busy. They have text messages coming in. They have their Facebook updates to check. They have Snapchat and Pinterest and Periscope and LinkedIn and. . . you get the point. You don't have a whole lot of time to grab a shopper's attention. Your graphics and copy should be on point. "]},{"component":"h4","children":[{"component":"em","children":["4. Threadless"]}]},{"component":"p","children":[{"component":"a","props":{"href":"https://www.threadless.com","target":"_blank","rel":"nofollow"},"children":["Threadless"]},": This online graphic tee store relies on its customers to design their t-shirts. All designs are crowdsourced by the public via voting. At the very top of their website, there are three main buttons: shop, participate and create."]},{"component":"figure","props":{"className":"aligncenter full"},"children":[{"component":"picture","children":[{"component":"source","props":{"srcSet":"/images/content/573/caad63187b1a07d7b75cb/1200_-728- 1200w, /images/content/573/caad63187b1a07d7b75cb/668_-405- 668w, /images/content/573/caad63187b1a07d7b75cb/320_-194- 320w","sizes":"668px, 100%"}},{"component":"img","props":{"src":"/images/content/573/caad63187b1a07d7b75cb/2117-1286-","alt":"Threadless.com Homepage screenshot","width":"2117","height":"1286","data-content-img-id":"573caad63187b1a07d7b75cb"}}]},{"component":"div","props":{"className":"attributionLink"},"children":["Source: ",{"component":"a","props":{"className":"img_credit mceNonEditable","href":"https://www.threadless.com/","target":"_blank","rel":"nofollow"},"children":["Threadless.com"]}]}]},{"component":"p","children":["Since website visitors are on the site to do one of those three things, it makes sense for Threadless to immediately help users narrow down their search options. The main t-shirt categories are displayed in a grid layout. Once users click on one, they are able to endlessly scroll through many designs without having to move to a new page."]},{"component":"p","children":["Takeaway: Remember to always ask shoppers to do something once they arrive on your website. Don't forget that very important call-to-action. Threadless asks people to do three things: shop, participate, and create. What are you asking people to do when they visit your website?"]},{"component":"h4","children":[{"component":"em","children":["5. LUSH"]}]},{"component":"p","children":[{"component":"a","props":{"href":"http://www.lushusa.com","target":"_blank","rel":"nofollow"},"children":["LUSH"]},": This handmade cosmetics brand presents its content in a clean and appealing grid format with large images of its products. Under each item there is a prominent buy button, eliminating the need to open a new page for that specific item."]},{"component":"p","children":["One click adds your desired item to your shopping cart, allowing you to continue browsing where you left off. One of LUSH’s most notable aspects is its predictive search bar. This becomes especially helpful on smaller devices lacking real keyboards."]},{"component":"figure","props":{"className":"aligncenter full"},"children":[{"component":"picture","children":[{"component":"source","props":{"srcSet":"/images/content/573/caa553287b16b0974269d/1200_-720- 1200w, /images/content/573/caa553287b16b0974269d/668_-401- 668w, /images/content/573/caa553287b16b0974269d/320_-192- 320w","sizes":"668px, 100%"}},{"component":"img","props":{"src":"/images/content/573/caa553287b16b0974269d/2369-1423-","alt":"LUSH product screen shot","width":"2369","height":"1423","data-content-img-id":"573caa553287b16b0974269d"}}]},{"component":"div","props":{"className":"attributionLink"},"children":["Source: ",{"component":"a","props":{"className":"img_credit mceNonEditable","href":"http://www.lushusa.com/on/demandware.store/Sites-Lush-Site/en_US/Home-Show?gclid=CjwKEAjwpfC5BRCT1sKW2qzwqE0SJABkKFKRc0L2dtfv324VeDIDnVbjH8z6lU8j-Qmb1bn831qOKxoCNkDw_wcB","target":"_blank","rel":"nofollow"},"children":["LUSH.com"]}]}]},{"component":"p","children":["Takeaway: Predictive search is a great feature to integrate into an E-commerce website. It helps speed up a user's search process, providing an even better user experience. In addition, predictive search often produces a drop down menu that provides several additional options a shopper has not thought about. This feature can help increase sales. "]},{"component":"h4","children":[{"component":"em","children":["6. MyDeal Australia"]}]},{"component":"p","children":[{"component":"a","props":{"href":"http://www.mydeal.com.au/","target":"_blank","rel":"nofollow"},"children":["MyDeal Australia"]},": This global online retailer, based in Australia, sells everything from electronics to housewares. The website’s product images are high quality and the fonts are large enough for easy viewing across all devices. The checkout process is simple and easy on all devices and the shipping charges are immediately visible throughout the entire checkout process, not just on the final page."]},{"component":"p","children":["Takeaway: Don't forget that shoppers use many devices. Often times, one shopper may use multiple devices throughout the day. Your mobile website should be optimized to look and function great across multiple devices. In addition, remember to make sure your font size is large enough for even those who may be a bit visually impaired.",{"component":"em","children":[" "]},"Tiny fonts will make shoppers close a website very quickly."]},{"component":"p","children":[{"component":"em","children":["Related Article:"]}," ",{"component":"Link","props":{"href":"http://www.business.com/mobile-marketing/mobile-apps-vs-mobile-web-do-you-have-to-choose/"},"children":["Mobile Apps vs. Mobile Web: Do You Have to Choose?"]}]},{"component":"h4","children":[{"component":"em","children":["7. Amazon"]}]},{"component":"p","children":[{"component":"a","props":{"href":"http://www.amazon.com","target":"_blank","rel":"nofollow"},"children":["Amazon"]},": While the popular E-commerce company may not have the most visually appealing design it does prove that even large retailers can make up for lack of design with usability."]},{"component":"p","children":["Just below the prominent search bar is the option to search by department, which then narrows down the search even more into specific categories. This allows for easy browsing that can boost engagement and keep people on the site longer."]},{"component":"p","children":["Takeaway:",{"component":"em","children":[" "]},"If you have a lot of product and your website seems overwhelming to visitors, you can make your website easy to navigate by allowing shoppers to search by department and category."]},{"component":"p","children":["Ensure the department links are prominent at the top of page and are very easy to find. Be consistent with your linking structure throughout the website so as not to confue your shoppers."]},{"component":"h2","props":{"id":"conclusion"},"children":[{"component":"em","children":["Conclusion"]}]},{"component":"p","children":["These seven E-commerce websites have a lot in common. They’re easy to navigate, the content is clear, they take less than three seconds to load, and most importantly they provide a good user experience."]},{"component":"p","children":["In addition, each website focuses on a simple and clean mobile-friendly design that allows shoppers to quickly and easily find what they are looking for. To find out if your website is mobile-friendly, take Google’s ",{"component":"a","props":{"href":"https://www.google.com/webmasters/tools/mobile-friendly/?utm_source=wmc-blog&utm_medium=referral&utm_campaign=mobile-friendly","target":"_blank","rel":"nofollow"},"children":["Mobile Friendly Test"]},"."]}]}]},"resource":null,"sponsorship":null,"thumbnail":{"path":null,"caption":"NanoStockk / Getty Images","isBlurred":false},"bestPicks":null},"related":{"relatedArticles":[{"title":"Learn By Example: 7 Great Mobile-Friendly E-commerce Websites","canonical":"https://www.business.com/articles/7-great-mobile-friendly-e-commerce-websites/","slug":"7-great-mobile-friendly-e-commerce-websites","thumbnail":"https://www.business.com/images/channel/business-basics.jpg","dek":"When Google introduced changes to its mobile search algorithm, a TechCrunch survey found that 44 percent of Fortune 500 websites failed.","lastModified":"2016-05-19T16:00:00Z","published":"2016-05-19T16:00:00Z","sponsored":false},{"title":"Mobile Apps vs. Mobile Web: Do You Have to Choose?","canonical":"https://staging.business.com/articles/mobile-apps-vs-mobile-web-do-you-have-to-choose/","slug":"mobile-apps-vs-mobile-web-do-you-have-to-choose","thumbnail":"https://staging.business.com/images/content/571/e64e23187b16b163457eb/1500-0-","dek":"Mobile apps and mobile web serve a useful purpose, and both have limitations in terms of meeting the needs of users in any given context.","lastModified":"2017-02-22T23:58:15Z","published":"2016-04-25T22:00:00Z","sponsored":null},{"title":"Mobile Apps vs. Mobile Web: Do You Have to Choose?","canonical":"https://www.business.com/articles/mobile-apps-vs-mobile-web-do-you-have-to-choose/","slug":"mobile-apps-vs-mobile-web-do-you-have-to-choose","thumbnail":"https://www.business.com/images/channel/technology.jpg","dek":"Mobile apps and mobile web serve a useful purpose, and both have limitations in terms of meeting the needs of users in any given context.","lastModified":"2016-04-25T22:00:00Z","published":"2016-04-25T22:00:00Z","sponsored":false},{"title":"What We Learned From Etsy's Top Sellers","canonical":"https://staging.business.com/articles/what-we-learned-from-etsys-top-sellers/","slug":"what-we-learned-from-etsys-top-sellers","thumbnail":"https://staging.business.com/images/content/55a/338222f87b19e398b45c6/1500-0-","dek":"The most successful sellers on Etsy employ similar tactics to rake in the cash with their unique products. Take cues from these standouts.","lastModified":"2017-02-22T23:57:37Z","published":"2015-07-13T15:00:00Z","sponsored":null},{"title":"What We Learned From Etsy's Top Sellers","canonical":"https://www.business.com/articles/what-we-learned-from-etsys-top-sellers/","slug":"what-we-learned-from-etsys-top-sellers","thumbnail":"https://www.business.com/images/channel/business-basics.jpg","dek":"The most successful sellers on Etsy employ similar tactics to rake in the cash with their unique products. Take cues from these standouts.","lastModified":"2015-07-13T15:00:00Z","published":"2015-07-13T15:00:00Z","sponsored":false},{"title":"App Store to Small Business: Where’s Your App?","canonical":"https://staging.business.com/articles/app-store-to-small-business-wheres-your-app/","slug":"app-store-to-small-business-wheres-your-app","thumbnail":"https://staging.business.com/images/content/573/ce85b3187b1697d7b75cd/1500-0-","dek":"Does your small business have a mobile app? Now might be the time to consider building one, and here's why.","lastModified":"2016-05-19T19:00:00Z","published":"2016-05-19T19:00:00Z","sponsored":null},{"title":"Build Your Bank Account: 15 Easy Ways to Make Extra Money","canonical":"https://staging.business.com/articles/build-your-bank-account-15-easy-ways-to-make-extra-money/","slug":"build-your-bank-account-15-easy-ways-to-make-extra-money","thumbnail":"https://staging.business.com/images/content/56c/1f61b3287b14133685ba0/1500-0-","dek":"Sometimes, salary just won't cut it. If you want to earn a little extra cash, take a look at these 15 easy ways to bring in the bacon.","lastModified":"2017-02-22T23:53:47Z","published":"2016-02-15T19:00:00Z","sponsored":null},{"title":"Build Your Bank Account: 15 Easy Ways to Make Extra Money","canonical":"https://www.business.com/articles/build-your-bank-account-15-easy-ways-to-make-extra-money/","slug":"build-your-bank-account-15-easy-ways-to-make-extra-money","thumbnail":"https://www.business.com/images/channel/career.jpg","dek":"Sometimes, salary just won't cut it. If you want to earn a little extra cash, take a look at these 15 easy ways to bring in the bacon.","lastModified":"2016-02-15T19:00:00Z","published":"2016-02-15T19:00:00Z","sponsored":false},{"title":"10 Great Last-Minute Gifts for the Entrepreneur on Your List","canonical":"https://staging.business.com/articles/10-great-last-minute-gifts-for-the-entrepreneur-on-your-list/","slug":"10-great-last-minute-gifts-for-the-entrepreneur-on-your-list","thumbnail":"https://staging.business.com/images/content/567/47b733287b11b6b8651c2/1500-0-","dek":"Shopping list made easy: here are 10 of the coolest and hardest-working gifts for the entrepreneur in your life.","lastModified":"2015-12-21T19:00:00Z","published":"2015-12-21T19:00:00Z","sponsored":null},{"title":"Six Essential Private Label Business Tips For Newbies","canonical":"https://staging.business.com/articles/six-essential-private-label-business-tips-for-newbies/","slug":"six-essential-private-label-business-tips-for-newbies","thumbnail":"https://staging.business.com/images/content/573/218fb3287b1d23772197b/1500-0-","dek":"You’ve done it! You’ve developed a product and you’re ready to become the next private label marketing millionaire. Read on for some tips.","lastModified":"2019-07-31T20:55:15Z","published":"2016-05-10T22:00:00Z","sponsored":null},{"title":"Six Essential Private Label Business Tips For Newbies","canonical":"https://www.business.com/articles/six-essential-private-label-business-tips-for-newbies/","slug":"six-essential-private-label-business-tips-for-newbies","thumbnail":"https://www.business.com/images/channel/business-basics.jpg","dek":"You’ve done it! You’ve developed a product and you’re ready to become the next private label marketing millionaire. Read on for some tips.","lastModified":"2016-05-10T22:00:00Z","published":"2016-05-10T22:00:00Z","sponsored":false},{"title":"The Power of Free: 3 Shipping Mistakes That Can Destroy Sales","canonical":"https://staging.business.com/articles/3-shipping-mistakes-that-can-destroy-sales/","slug":"3-shipping-mistakes-that-can-destroy-sales","thumbnail":"https://staging.business.com/images/content/574/74c053187b1841d6321e0/1500-0-","dek":"Believe it or not, shipping is important. It’s part of your marketing strategy and the wrong tactic can kill a sale.","lastModified":"2016-05-27T13:00:00Z","published":"2016-05-27T13:00:00Z","sponsored":null}],"relatedReviews":[{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5df908cc5a215e8c4a8b4568/conferencecall_Antonio_Diaz_Getty.jpg","canonical":"https://staging.business.com/categories/best-conference-call-services/","title":"The Best Conference Call Services of 2021","dek":"Which conference call service is right for your business in 2021? We review the top-rated services.","slug":"best-conference-call-services","lastModified":"2021-03-17T18:17:00Z"},{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5db752e25a215e277d8b4588/Invoicing_AndreyPopov_BDC.png","canonical":"https://staging.business.com/categories/best-collections-agency-services/","title":"The Best Collection Agency Services of 2021","dek":"We've reviewed the best collection agency services for 2021. See up-to-date comparisons on features and the best prices for the top-rated agencies.","slug":"best-collections-agency-services","lastModified":"2021-03-17T16:34:00Z"},{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5e4edd837b437442548b456d/cash_Dutko_getty.jpg","canonical":"https://staging.business.com/categories/small-business-loans-and-financing-options/","title":"The Best Business Loan and Financing Options of 2021","dek":"Many small businesses need funding to get started. Learn about the different financing options to decide which would work best for your small business.","slug":"small-business-loans-and-financing-options","lastModified":"2021-03-11T17:24:00Z"}],"relatedSponsoredArticles":null}},"pageContext":{"displayModified":"2016-05-19T16:00:00.000Z","template":"v1","title":"Learn By Example: 7 Great Mobile-Friendly E-commerce Websites","meta":{"robots":"index, follow"},"docType":"articles","slug":"7-great-mobile-friendly-e-commerce-websites","canonical":"https://staging.business.com/articles/7-great-mobile-friendly-e-commerce-websites/","skipTOC":false}},"staticQueryHashes":[]}