e-commerce product pages - the good, the bad & the ugly
TRANSCRIPT
![Page 1: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/1.jpg)
E-COMMERCEPRODUCT PAGESThe Good, The Bad & The Ugly
![Page 2: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/2.jpg)
The Good
Source: https://www.therubberfloorstore.co.uk/
![Page 3: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/3.jpg)
Up-sell opportunities
Distinct call-to-actions
Clear pricing
Awesome product pictures of options
Customer reviews
Copy for conversion(Don’t think about the quantity, its QUALITY)
![Page 4: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/4.jpg)
Another Good One
Source: http://www.amazon.co.uk/
![Page 5: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/5.jpg)
Clear call-to-actions
Quality & detailed content
Array of product images
Conversion bar
Build customer trust through delivery details,pricing and stock levels
REVIEWS, REVIEWS, REVIEWS
![Page 6: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/6.jpg)
Now You Have The Good,
Get Ready For The Bad
![Page 7: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/7.jpg)
The Bad
Source: https://groceries.morrisons.com/
![Page 8: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/8.jpg)
Lots of white space
No related products or up-sell opportunities
Unclear call-to-actions
NO checkout facility
Lack of images
NO Reviews
No call to action below the scroll
![Page 9: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/9.jpg)
Another Bad One
Source: http://www.warwickshireclothing.com/
![Page 10: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/10.jpg)
Broken on page navigation
Poor page layout
Limited product content
NO Reviews (again)
No related products
Lack of images
A single call-to-action
![Page 11: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/11.jpg)
As your teacher would say
"Could do Better"
![Page 12: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/12.jpg)
And Now for The Ugly...
![Page 13: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/13.jpg)
Source: http://www.lingscars.com/
Cluttered Confusing
![Page 14: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/14.jpg)
Not every product page will beperfect but you can get close...
![Page 15: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/15.jpg)
Here are 5 simple tipsfor creating a strong
product page
![Page 16: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/16.jpg)
1. Cut the ClutterOnly show what is necessary
![Page 17: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/17.jpg)
2. Clear Calls-to-ActionColours, font & positioning
![Page 18: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/18.jpg)
3. Implement Awesome Product Pictures
Multiple images & variety required
![Page 19: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/19.jpg)
4. Clear and ConciseContent
Think quality, NOT quantity
![Page 20: E-Commerce Product Pages - The Good, The Bad & The Ugly](https://reader031.vdocument.in/reader031/viewer/2022030207/58a9cc0a1a28ab403d8b5645/html5/thumbnails/20.jpg)
5. Build customer trustreviews, reviews, reviews