6. 21.3.11
Proper page structure
1. Place your logo at the top left of the
site and do not have the head
banner distract from that image
2. Place important content on the left
side of the page
3. Navigation bars should be across
the top (preferably) or on the left
side
4. Consider F eye movement pattern
when writing content and planning
image layout
5. First 2 paragraphs on every page
should state the most important info
6. Do not include a lot of text as users
won't read it completely
7. 21.3.11
The main requirements to product images:
• Good quality & proper size
• Multiple images showing different product features and angles
• The size must be not too heavy
Visual product presentation
8. 21.3.11
Color Swatches pro module for Magento
Visual product presentation
Use images for
attribute selection
No need to specify
price difference for
associated
products
View image details
with elegant zoom
and lightbox effects
12. 21.3.11
People love media – use it!
Google showing only text results
After implementing media
to search results
Use:
• Images (real use examples)
• Videos (product testing)
13. 21.3.11
Write product description for real people
No cold facts No impersonal sentences
Write in the manner your target
audience speak
14. 21.3.11
Fast page load
Product Page Musthaves
Full Page Cache extension for Magento:
• Decreases page load time
• Caches dynamic content much faster
15. 21.3.11
Customers also view block
Product Page Musthaves
• Automatically choose
related combinations
• Hide out of stock items
• Choose product view type
• Items from the same
category display
17. 21.3.11
Vivid product labels
Product Page Musthaves
• 'on sale' products
• products with special price
• new products
• '100% natural‘
• 'environment-friendly‘
• etc.
Highlight:
18. 21.3.11
Product Labels module for Magento
Product Page Musthaves
Display labels based on
category, price, status, etc.
Specify time period for display
Use variables for label
messages
Set priorities for label display
20. 21.3.11
Product tests and videos
Product Page Musthaves
• Give a sense of a real product
• Allow to see products in details
• Show real product sizes
23. 21.3.11
Product Page Musthaves
Assign stock statuses to
products automatically
or manually
Display stock statuses
based on product
quantity
Custom Stock Status module for Magento
29. 21.3.11
Abandoned carts disaster
Ecommerce sites have an average cart
abandonment rate from 55% to 75%.
Shopping cart abandonment can be described as:
• Shoppers place an item in their cart but doesn’t enter
the checkout phase of the funnel
• Shoppers begin the checkout process but don’t
complete it
30. 21.3.11
The reasons for leaving carts:
Curbing the abandonment
1. The shopper is just browsing
2. Shoppers don’t trust your site
3. The checkout process is too
complicated
4. Creating the account for
checking out is too complicated
5. Shipping period is too long, the
rates are expensive
6. Visitors wanted to compare
prices
7. Not ready to purchase
37. 21.3.11
Keep a functional ‘Back’ button
Checkout tip #7
Save customers’ data if they click this button,
so there will be no need to fill them in again