background preloader

10 brilliantly responsive ecommerce sites

10 brilliantly responsive ecommerce sites
Mobile use of the internet is exploding and it's expected to overtake desktop access by 2014. The disparate screen sizes and range of devices available is overwhelming, but it’s a challenge online retailers need to address. Put simply, most of their customers will soon be purchasing goods from either a mobile or tablet device. Design once, sell everywhere While many larger retailers have introduced native apps to complement their website, this option is not usually feasible for smaller retailers. A lot of ecommerce sites suffer from unnecessary bloat and a responsive approach requires designers and retailers to trim the fat. Given the advantages of this approach, it's surprising that great examples of responsive ecommerce websites are few and far between. 01. 8 Faces The online home of typography magazine 8 Faces was recently relaunched, with a new design courtesy of the team at Paravel Inc and Elliot Jay Stocks of Viewport Industries. 02. 03. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15.

30 e-commerce sites worth seeing In this day and age, if you are not selling your product online or at least making it available online, you are missing out on a ton of money. Unfortunately, the makers of these sites are most interested in making a dollar rather than making sense (did you catch the pun?). At any rate, some folks get the job down. If you need inspiration for your upcoming e-commerce site or you just like this type of thing, we’ve put together some sites that get their audiences moving—not just through pretty decorations and design but through good usability, interfaces and interactions. 1. I don’t think there are a ton of exciting ways to present bikes (unless it’s some super mountain bike) and you’re typically only bike shopping if you really want or need a bike. 2. Completely opposite from the first idea of just selling quality, Puma is selling the idea of being a winner and looking pretty sweet while doing so. 3. They did a great job with their layout. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Ecommerce web design: 20 essential tips | Web design We've all been there. You're looking to buy something online, and a nice product at a great price pops up in Google. You click through, take one look at the site ... and bounce out of it quicker than an Olympic trampolinist. Other times you may land on a beautiful site, a piece or art almost, but after being timed out going through the maze of a checkout process you move on. Ecommerce web design is not just about making an online store aesthetically pleasing (although that helps). More important is the undeniable fact that the quicker the customer can get from landing page to completed order, the more likely they are to get to the end and give you their money. Here are a few key tips I have picked up in the course of designing, building and running a number of ecommerce websites. Words: Andy Booth 01. When customers are trying to search for what they want on your ecommerce site, being able to filter their options will save them a lot of time and effort. 02. 03. 04. 05. 06. 07. 08. 09.

The Brooklyn Soap Company — New York City Shopping Cart Abandonment Surveys Shopping Cart Abandonment Surveys How many people abandon shopping carts on your website? Website and shopping cart abandonment is a significant issue for many e-commerce companies as well as traditional companies that rely on online registration. Understanding why people abandon carts and registration pages, and developing ways to address their concerns can help you increase your conversion rates considerably, thereby cutting costs and improving sales. Using eSurveysPro to survey your website visitors is easy and effective. Some Factors Influencing Abandonment Rates According to various research reports, abandonment rates can be as high as 67%. These statistics, however, represent a number of different sites, and may not be applicable to your site. How to Implement Abandonment Surveys The best time to find out why a shopping cart is abandoned is when that visitor leaves the purchase page without pressing the "Purchase Now" or "Submit" buttons. What Questions to Ask How to Review Results

PART 1: 10 Most Common Mistakes in E-Commerce Design Posted by jtolman to on November 29th, 2012 Great web design is all about improving the experience for your customers. There are several things to consider when you start your ecommerce company, even if you are just evaluating the one you already have. Most of the common mistakes that are made are easily avoidable, yet not always recognized. 1. The Problem: When you own an ecommerce business, as opposed to a brick and mortar store, your customers cannot physically touch the item, feel its weight, and look at it from every angle. The Solution: Rather than just listing the name of the item with one or two points, anticipate the type of questions that your customer would ask. Designer Tip: Use descriptive words rather than simply technical terms to influence the consumer’s decision. 2. The Solution: Place your contact information in an easy-to-find place on every page of your website. 3. Designer Tip: Remember your customers are there to shop, not to fill out forms. 4. 5.

23 Tools to Test your Ecommerce Site Does your ecommerce site need a checkup? Testing can help you gauge your site’s performance and your customers’ experience. Best of all, many testing tools are either free or relatively inexpensive. Here is a list of tools to test your website. Usability Testing Concept Feedback. Google Analytics Content Experiments. ClickHeat. Crazy Egg. FiveSecondTest. Feedback Army. Silverback. UserTesting.com. Feng-GUI. Unbounce. Optimizely. Spur. Performance Testing Monitor.us. Google PageSpeed Insights. Browsera. BrowserStack. Perfecto Mobile. Browsershots. Cross Browser Testing. W3C mobileOK Checker. Xenu Link Sleuth. SEOmoz. Link Research Tools.

Lessons from the Amazon Redesign Amazon has redesigned its website — improving aesthetics, usability, and merchandising. Changes in Amazon’s graphic design and how it displays navigation menus offer a few basic lessons about site-presentation trends that may help small and mid-sized online merchants with their own site designs. Arguably, the Amazon website was long overdue for a redesign. The site looked dated. The Amazon site had grown stale and dated. By contrast, the new Amazon site, which began showing up to Google Chrome and Apple Safari users last week, demonstrates several current trends in ecommerce site design. The new Amazon site demonstrates several current trends in site design. Lesson No. 1: Clean Is Better than Cluttered The new Amazon site compartmentalizes navigation; uses light, subtle colors; and features long, unbroken lines to appear less cluttered than it was before the redesign. Examples of this clean versus clutter appearance can be found in the page header. Lesson No. 2: Highlight Search Summing Up

How to Research your Ecommerce Competitors Many ecommerce business owners have told me that they pay little attention to their competitors. Most said that they did not have time, or that their competitors’ tactics did not matter to them. But you should regularly monitor your competitors’ businesses, for the following reasons. Locate new products. Do not dwell on your competitors. Research on Google Put yourself in the mindset of your customer. Note who is advertising on that keyword. Track these results in a spreadsheet. Go to Competitors’ Sites Next, click from the search results to your competitors’ sites. Note the content page layout and design. Put a product in the competitor’s cart to see if it is doing any promotions or up-sells within the cart. Note, also, competitors’ product variety. Write a short summary of the things you liked and did not like about the experience. Build a Knowledge Base None of this has to take much time. SpyFu can help identify your competitors’ keywords for search marketing. Summary

Ecommerce Website Redesign Checklist | eMentorMarketing Ecommerce spending has increased significantly in the last few years and has created requirement for online merchants to keep their ecommerce sites updated to stay current with the latest marketing trends. If you are considering ecommerce redesign for your site to improve usability and increase revenue, there are a few steps you should take to ensure that your site is user-friendly and reflects your brand as trustworthy. Here is a checklist of some of steps you should take to ensure successful ecommerce redesign: Consumer Research: The way consumers buy online is constantly changing so it is important to research the current ecommerce trends to discover what your customers prefer when the use an ecommerce site. Compare: If you are going to keep up with the latest trends in ecommerce design you should also conduct an analysis of some of the features that your competitors offer on their ecommerce sites.

10 brilliant examples of responsive design in ecommerce There is no longer a debate over whether online retailers need a mobile site, as consumer demand dictates that brands need to optimised for small screens. However there are still several different options facing brands that want to create a mobile optimised site. Responsive design is seen by many as being the future of web design, and we previously looked at 11 gorgeous examples of the technology and asked several experts whether site owners need to adopt it. But the examples we’ve seen suggest that responsive design is currently more popular among design agencies and artists, while major ecommerce retailers have been slow on the uptake. So to show how responsive design can be applied in retail, here are 10 examples of ecommerce sites built using responsive design... Currys Currys is quite unusual among the UK’s major retailers for having adopted responsive design. As a result its site scales perfectly for either screen, without compromising on the user experience. King of Nothing Burton Tattly

The SEO of Responsive Web Design The author's posts are entirely his or her own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz. Will Critchlow announced back in November that Distilled's blog was updated with a new responsive design, but it occurred to me recently that we never went into the specifics of why responsive web design is so great. Responsive design has been a hot topic in online marketing for the past few months, but is it really going to become an industry standard? Short answer: yep. Responsive web design means that you don't have separate mobile, tablet, and PC versions of your site: the site adapts to whatever size screen it's being displayed on. Regardless of what device a visitor is using to access your site, they'll see all of the content you have to offer (no more partial-content mobile versions of sites) and they'll see it in readable way. With a 55% increase in smartphone subscriptions in 2012 alone, responsive web design is the future of online marketing. 1.

Related: