Examples of Inspiring Products in website

These days I tried to research about navigation menu in webdesign. By accidentally, I found out tympanu .net (one of the website for web design). They collect example of inspiring whatever in website.

Design website for products is not easy than you start to design your blogs. Because in these website, you should consider product categories, login, logout form ( if you want to sell products online),… And the most important thing that how can you get customers’ attention, how can customer feel navigate you site easily without any questions or hesitation. It’s like when you walk down on the shopping street, then if you see the most creative, elegant, deluxe, stylish shop. You will not hesitate to enter. In webdesign is also. Now take a look of very cool web design, see how it work and take it as the inspiration into your project.

1. HOLLISTER:

Hollister is using a big image in the main display and is showing only clothes bellow it to get client’s attention. There are some advantage and disadvantage in this web. Take a look.

Advantage:

1. The color in in background is really nice, it is brown (neutral color) so that it make you eyes more comfortable when surfing. the color so friendly and welcom

2. When you checkout:

  • It show color, size of things that you chose. you can re-choose by edit option in the check-out menu
  • It show picture of things that you chose. Therefore it will not make you confuse what you chose

Disadvantage

1. It’s is a small site. If there are many things to show, we should consider the fixed navigation menu.

https://www.hollisterco.com/webapp/wcs/stores/servlet/CategoryDisplay?catalogId=10201&storeId=11205&categoryId=16401&parentCategoryId=16401&topCategoryId=16401&langId=-1

2. GUCCI:  Overall, the design is very nice, elegant

Advantage:

1. Elegant design

Disadvantage:

1. Do not have a lot of pictures. It should be have a pictures that how can we combine products with clothes.

2. ” Add to the shop bag” button on the left (make the user’s action is slower if put the button on the right) => consider the call action button. 


http://www.gucci.com/us/category/f/watches

 

3. Guy Vernes

Advantage:

1. Overall, great design, clean and clear design.

Disadvantage:

1. Do not have a lot of pictures. It should be have a pictures that how can we combine products with clothes.

http://www.guyvernes.com/shop/products-page/new

4.CXXVI

Advantage:

Clean design

When hovering  the pictures. It’s change to other pictures

Disadvantage:

1. Do not have a lot of pictures. It should be have a pictures that how can we combine products with clothes.

2. Have only 12 items in one page, if we want to see more, click “next page” on the bottom => take time when clicking, customer will be bored soon.

3.  Checkout option do not have picts, difficult to re-confirm what you did choose.

Comments:

1. Should have a lot of pictures that help customers can see stylish, fashionable or not.

2. One products category should design in one page from the top to the button. Dont interupt people by limiting pictures. The more pictures they can see, the more they can buy.

3.  Checkout option should have thumbnail pictures (color, size) to make sure that they will order exactly products.

http://cxxvi.net/collections/all-items

 

 

6. Chicago L-shirt:

Advantage:

1. Typo Design, characteristic, strong and powerful design

2. Large picture in the main page. when clicking “next” button on the homepage, the picture will changed.

3. Do not have a lot of pictures, but with only one picture is really great.

Disadvantage:

1. Do not have a lot of  products

Comments:

3.  Checkout option should have thumbnail pictures (color, size) to make sure that they will order exactly products.

http://cxxvi.net/collections/all-items

Source: Gisele Muller from tumpanu.net.

(To be continued)

Advertisements
Comments
2 Responses to “Examples of Inspiring Products in website”
  1. nkanhtra says:

    Do not hesitate to write down your comments, advantages, disadvantages that you can see in each website. Thanks for dropping my blog and share your idea with me. ^^!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: