The user need to know details about a product in order to make a purchase decision or satisfy a need for support.
▲ At the uniqlo.co.uk web shop, the product picture acts as a design element of the page, clearly setting the visual priority of elements on the page.
Present a given product and group related information into chunks. Optionally provide links to other relevant products.
Product pages usually have the following four design elements:
Furthermore, the following elements are used when they make sense:
Converting interested visitors into paying customers is your biggest aim. Design your product pages with the purpose of persuading users to buy one or more of the products you are selling.
There are several factors you can tweak to increase conversion. The following are techniques and patterns observed in use:
1 Product Page design pattern at welie.com by Martin van Welie
2 10 tips on ‘product page’ design in time for Christmas’ at econsultancy.com
3 Design for trust by Anders Toxboe on UI-patterns.com
4 What people see before they buy from cxpartners.co.uk
3 comments
VinnieFM on Oct 29, 2010
Remove
Edit
If we’re calling this a design pattern, we might as well make an entry for “a page”.
Anders Toxboe on Oct 31, 2010
Remove
Edit
@VinnieFM: There is a considerable difference between just a “page” and a “product page”. A “page” can be anything, whereas a product page always has one distinct purpose of selling its product.
The “Product page” pattern sums up how the recurring task of designing a product page is commonly solved. There are important design considerations that a web designer new to product page design will often miss out on.
Magento Themes on Feb 22, 2011
Remove
Edit
Without doubt a great post, signifying as what all should be with on a web page when it comes to going marketing of any specific product and service. Well done keep up the good work….
Comments have been closed