top of page

e-Commerce Websites...

From our previous articles, we have discussed the macro environment of E-commerce and how to market this type of website through SEO. Now, we will dig deeper into the aspects of design of an e-commerce websites. Roll your eyes onto our list of tips for your e-commerce website:

1. Have a Simple Homepage

Most of the time, we land on a site’s homepage when (or where) we are doing search activities. A cluttered and messy homepage causes the user to leave the site. E-commerce sites as normally having huge information should not be an excuse for designers not to come up with a clean and well-laid homepage. Sometimes it is not all about too many texts, but how the designer put everything in place. Shoot up ample white space among home page features, select the right typography for online, and please don’t punish the eyes of the users with too much “unnecessary” info on the top page.

2. Arrange Dedicated Menus on Homepage Properly

Setting-up dedicated boxes for New Products, Featured Products, Best Selling, and Promotions can do well for two reasons. First, these dedicated boxes or menus can be the answer to organizing the offered goods and services. Secondly, allotting spaces for these boxes is a strategy to let the users immediately spot products that are discounted, new, and well-liked.

3. Set an Eye-catching Search Box

There are online shoppers who have decided to what they want to buy even before they connect on your e-commerce site. Web Designers, let these power shoppers find their target with ease. Embed a search box. Though, this should not be just a search box. Design the search box in such a way that it will loom and will gain enough attention. Also, place the search box in the same area as it is put on the home page.

4. Have an User-Friendly Interface

Let’s go beyond the home page. Web shoppers should not suffer from complex user interface of the inside pages. Let the users comfortably decode the route to online shopping destination. Complicated user interface is an indirect act to unwelcome your potential buyers.

5. Have a Precise Product Images

Let’s say that the buyer has determined the product he wants to purchase. But wait, he wishes to see the product image or at least the location wherein the service is located. Product images should be close to reality as much as possible. Make the picture big enough for users to appreciate and the every details of your product. If image space is limited, design a modal window for separate viewing as to zooming in and zooming out of your product.

6. Make Striking Cart Buttons and other Call-to-actions

Cart buttons and call-to-actions buttons for sale and customer service are undeniably near shot to increase return of investment or ROI. Creatively craft these buttons to stand out. Let these speak! Contrast the color of the buttons onto the background and make it strong—copywriting can also contribute to the impact of these buttons.

7. Check-Out Process

We’re now here. The user has now agreed to purchase the product, but oops, there are multiple pages for check out process. Developer, E-commerce administrator, and designer are the people concerned in this procedure. This is not only about the design. Designing, however, can help a lot to produce the check-out process more user-friendly when it comes to transaction. Designers must go for a clear navigation structure, put progress bar, minimize check out page turn-overs, use visible error and notification messages, and design the readable form.


Web Design is an ingredient for a successful e-commerce site. Taking it for granted means not giving enough attention to users’ reactions as the design is what people initially see. I hope you don’t break the benefits of e-commerce, do you? Then make it work for you.

bottom of page