background preloader

Design

Facebook Twitter

How to design an e-commerce website. Nowadays, the online medium has become very important and no one can ignore it, as there is almost nothing that can be done in the real world without being able to do it online as well. An important aspect regarding the Internet is its financial potential and the supreme proof is the annual amount of money invested in it, which is in a constant rise and paradoxically it seems that the global crisis has speed up this process. The concept of “e-commerce” is widely spread but its history is very short (in fact, is there any history, we are talking only about few years!). Any online store presents many things in common with the real stores and the main element is the necessity of selling in order to obtain profit, which is the finality of any commercial existence.

Definitely, there are many advantages in having an online store than a usual one but there are also some disadvantages. 1. The overall design should be matching the products 2. 3. 4.Usability and accessibility are vital Nineteen47. The Anatomy of a Perfect Landing Page. Placement and Content 7. Keep It Above the Fold The space a visitor sees without having to scroll is where the most important parts of the webpage should be. Place the call-to-action button above the fold and in a location where the viewer's eye will scan to. 8. Optimize a landing page for conversion over time. 9. Implementing motivational speeches, videos of user testimonials, and product images into a home page can have a positive impact on viewers, as well as give shoppers an extra push to look further into a product.

Bellroy uses great imagery and videos on many of their pages. 10. Links connecting the user to a bunch of other sites or pages will distract them and have a negative impact on conversions. This landing page is designed well, but look at all those header links getting in the way of the message! Infographic of the Day: How Color Affects Purchases | Designerscouch... 25 Ways to Improve Your Product Pages - StumbleUpon. 8inShareinShare8 I’m constantly astonished at how many large e-commerce sites have seriously deficient product pages.

Many large companies, especially click-and-mortar retailers, seem to forget that products cannot be touched, tasted, or tested over the internet. While the internet will never perfectly mimic the in-store experience, there are dozens of tactics that can be implemented on the product page to increase customer engagement and convert visitors into buyers. Below I’ll describe 25 methods I’ve either used or seen used by other online retailers. More / Better Product Photos: It’s important to remember that unlike you, your customers may have never seen nor handled your products before. Therefore, take pictures of every possible angle a customer would want to see.

Add a Wishlist: Wishlist’s are a great way to create stickiness and possibly even reduce shopping cart abandonment. I hope some of the ideas above have given you some inspiration for your site. Like these 25 tips? E-Commerce Design Resources: The Ultimate Round-Up - StumbleUpon. E-commerce design requires much of the same design knowledge and skill as any other type of web design. The pages are built from many of the same elements – headers, footers, columns, graphics, and text, among other things.

But there are additional elements that need to be considered, from both a design and usability standpoint. Site architecture is often more complicated, with products sometimes falling into multiple categories. Product pages need to be laid out in a way that makes it easy for customers to see exactly what it is they’re getting. And the checkout process needs to be as simple and streamlined as possible while still capturing necessary information and encouraging repeat business. Overall, e-commerce design takes a bit more planning and care than simpler website forms.

A good e-commerce design will guide customers through finding the product they’re looking for through the end of their purchase. Below is a roundup of more than 100 e-commerce site resources. 1. 2. Plugins.