{"id":6705,"date":"2019-03-21T13:45:34","date_gmt":"2019-03-21T13:45:34","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=6705"},"modified":"2020-02-05T00:16:35","modified_gmt":"2020-02-04T23:16:35","slug":"how-to-design-product-pages-that-convert","status":"publish","type":"post","link":"\/blog\/how-to-design-product-pages-that-convert\/","title":{"rendered":"How To Design Product Pages That Convert"},"content":{"rendered":"<p><em>Guest post by <span style=\"font-weight: 400;\">Michelle Deery <\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">A well-designed product page promotes a great user experience, and when done really well, improves your sales. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">In fact, <\/span><a href=\"https:\/\/www.onespace.com\/blog\/2017\/08\/10-stats-prove-importance-e-commerce-product-content-infographic\/\"><span style=\"font-weight: 400;\">87% of shoppers<\/span><\/a><span style=\"font-weight: 400;\"> rate product content extremely or very important when deciding to buy. As such, the pressure really is on for whoever is in charge of creating the pages, as it\u2019s the <\/span><a href=\"https:\/\/www.vexels.com\/blog\/why-writing-is-useful-to-designers\/\"><span style=\"font-weight: 400;\">design and copy<\/span><\/a><span style=\"font-weight: 400;\"> that\u2019s going to nail the conversions. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Although there\u2019s no magic bullet for designing an outstanding product page that converts, there are things you can do that will make yours more compelling. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s take a look at all you need to do. <\/span><\/p>\n<h3><strong>The Product Description <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">A good product description is your bread and butter. It needs to outline the core benefits as well as the main features. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">When writing your product description, add the most crucial information first. This needs to hook the shopper. The stronger you start, the better your chances of keeping people on the page. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The description needs to be well-written, it needs to be concise and snappy, and it needs to flow. Use short words and short paragraphs and describe as best you can how the product works and how it can be used. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">As mentioned, outlining the benefits really are key. While features matter, it\u2019s the benefits that sell a product. Customers need to know what a product will do for them. <\/span><\/p>\n<h3><strong>The Product Images <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Product images allow the shopper to get closer to your product. Product images are there to nudge the shopper closer to the sale by giving them a chance to get as up, close and personal as possible.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To this end, you need to add as many images as you can. One isn\u2019t good enough. Shoppers want the chance to see your product from multiple angles so they can see what it might really look like in real life.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-6709\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2019\/03\/0db37e2bcc495d8b65b7fcd9daf0a5c9.jpg\" alt=\"Logo Design\" width=\"700\" height=\"660\" srcset=\"\/blog\/wp-content\/uploads\/2019\/03\/0db37e2bcc495d8b65b7fcd9daf0a5c9.jpg 700w, \/blog\/wp-content\/uploads\/2019\/03\/0db37e2bcc495d8b65b7fcd9daf0a5c9-160x151.jpg 160w, \/blog\/wp-content\/uploads\/2019\/03\/0db37e2bcc495d8b65b7fcd9daf0a5c9-300x283.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Use high-resolution images only. Invest in a professional photographer or graphic designer if your budget allows. Lighting is key. If you take your own product images without any prior experience, you might take the kind of underwhelming photographs that don\u2019t do your products any justice. You might have a fantastic product but if your images are poor, it will turn people off. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once your images are uploaded, give customers the option to zoom in. Most customers will want to get as close to the product as possible.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can also use a service like<\/span><a href=\"https:\/\/arqspin.com\/product-tour\" rel=\"nofollow\"> <span style=\"font-weight: 400;\">Arqspin<\/span><\/a><span style=\"font-weight: 400;\"> to create 360 degrees images that bring your customers even closer to the action. <\/span><\/p>\n<h3><strong>The Product Videos <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Online retailers have been making product videos for some time now. The clothing retailer ASOS is just one example of an online retailer who combines product images with videos. While images are good, videos give your customers the chance to get even closer to the product. They\u2019re ace for conversions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you decide to make product videos that simply show people what your product looks like, keep them as short as possible. Your aim isn\u2019t to bore people but to engage them with snappy videos that flaunt your product. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the other hand, you might decide to double down with how-to videos. A how-to video shows customers how they can use your product and <\/span><i><span style=\"font-weight: 400;\">what<\/span><\/i><span style=\"font-weight: 400;\"> it\u2019s used for. They\u2019re perfect for customers who need a bit more information before completing the purchase. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember, no one is going to buy a product if they have no idea how it will be used. For any products that are a bit more complicated, consider creating a how-to video. <\/span><\/p>\n<h3><strong>The Product Options <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Especially if you\u2019re selling clothes, you need to make it easy for your customers to choose from different options, such as styles, colors and sizes. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Don\u2019t stop there. If possible, add images of each different option. For example, if you sell clothes, add images of the green version, the yellow version, the blue version, the red version, the orange version and so on. <\/span><\/p>\n<h3><strong>Add Customer Reviews <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">A well-designed product page <\/span><i><span style=\"font-weight: 400;\">must<\/span><\/i><span style=\"font-weight: 400;\"> have customer reviews.<\/span><a href=\"https:\/\/www.inc.com\/craig-bloem\/84-percent-of-people-trust-online-reviews-as-much-.html\"> <span style=\"font-weight: 400;\">84% of your customers trust online reviews<\/span><\/a><span style=\"font-weight: 400;\">. If there\u2019s a product on your website that doesn\u2019t have any customer reviews, people will find it very hard to trust it enough to make the purchase.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So leverage customer reviews and add them neatly to your product pages. If you don\u2019t have as many as you\u2019d like, send emails to previous customers and politely ask if they\u2019d kindly consider leaving a review. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Be careful with negative reviews. If you have them, don\u2019t ignore them. Instead, reply to them professionally. Keep calm, show understanding and make a genuine effort to solve any issues. <\/span><\/p>\n<h3><strong>Add Your Logo <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Customers trust brands they recognize. And it\u2019s a logo that makes a brand memorable, recognizable and trustworthy. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Add your logo to your product page to generate more confidence, familiarity and trust. If a customer is on your product page and can\u2019t see your logo, it could create a sense of distrust and unease. If they have arrived here from your social media page, your logo reminds them that they\u2019re in the right place. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you don\u2019t yet have a logo, you can use a tool like<\/span><a href=\"https:\/\/hatchful.shopify.com\/\" rel=\"nofollow\"> <span style=\"font-weight: 400;\">Hatchful<\/span><\/a><span style=\"font-weight: 400;\"> to create a professional-looking logo in a matter of minutes.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6711\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2019\/03\/eff0e376750ce498f95f3778910cf08a.jpg\" alt=\"Logo Design\" width=\"720\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2019\/03\/eff0e376750ce498f95f3778910cf08a.jpg 720w, \/blog\/wp-content\/uploads\/2019\/03\/eff0e376750ce498f95f3778910cf08a-160x111.jpg 160w, \/blog\/wp-content\/uploads\/2019\/03\/eff0e376750ce498f95f3778910cf08a-300x208.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<h3><strong>Add Trust Badges<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Another way to generate more trust is to add trust badges. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Product pages that contain zero trust badges will only make the customer feel slightly uneasy about handing over payment. Moreover, they damage your credibility. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you want shoppers to buy from you, you need to show them that their information is safe with you. So go with<\/span><a href=\"https:\/\/monetizepros.com\/ecommerce\/5-trust-badges-that-can-increase-your-conversion-rate\/\" rel=\"nofollow\"> <span style=\"font-weight: 400;\">trust badges and seals<\/span><\/a><span style=\"font-weight: 400;\"> that will boost consumer confidence and conversions. <\/span><\/p>\n<h3><strong>Create an FAQ Section <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Customers will have questions about your products. \u201cDoes it do this?\u201d \u201cCan it do that?\u201d \u201cWill it come in handy when\u2026?\u201d \u201cIs there a warranty on this?\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And so on. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Make sure to create an FAQ section for each product that answers your customer\u2019s main concerns about each particular product. Remember, your customers need to know they\u2019re getting what they want here. If the product description hasn\u2019t covered all the bases, your FAQ can finish things off. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Your job is to persuade shoppers to make a purchase. Answer their concerns via an FAQ section and nudge them closer to a sale. <\/span><\/p>\n<h3><strong>Display Shipping Information <\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">One of the reasons conversions aren\u2019t what online sellers expect is unexpected shipping costs. The customer adds a few items to their cart, arrives at the checkout page &#8211; and then finds that shipping costs have bumped the total cost up a <\/span><i><span style=\"font-weight: 400;\">lot<\/span><\/i><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">As such, it\u2019s a really good idea to display shipping information on your product page. This way, your customers won\u2019t be met by nasty surprises at the checkout that causes them to bail out.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It doesn\u2019t matter how awesome your products are, if your product pages suck your conversions will be down. Online marketing is all about creating a seductive and compelling user experience that makes the end user feel great about your product and what it will do for them. Implement the tips in this article to build trust among your customers and nudge them ever closer to that all-important sale. <\/span><\/p>\n<p><em><span style=\"font-weight: 400;\">About the Author:\u00a0<\/span><span style=\"font-weight: 400;\">Michelle Deery is a conversion copywriter for <\/span><span style=\"font-weight: 400;\">Heroic Search<\/span><span style=\"font-weight: 400;\">, a link building agency in Tulsa. She works specializes in eCommerce and works hard to optimize each part of the customer&#8217;s journey.<\/span><\/em><\/p>\n<p><em><span style=\"font-weight: 400;\">LinkedIn: <\/span><a href=\"https:\/\/www.linkedin.com\/in\/michelle-deery-ba7131123\/\"><span style=\"font-weight: 400;\">https:\/\/www.linkedin.com\/in\/michelle-deery-ba7131123\/<\/span><\/a> <span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Twitter: \u00a0<\/span><a href=\"https:\/\/twitter.com\/michwriting\"><span style=\"font-weight: 400;\">https:\/\/twitter.com\/michwriting<\/span><\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Guest post by Michelle Deery A well-designed product page promotes a great user experience, and when done really well, improves your sales. In fact, 87%&#8230;<\/p>\n","protected":false},"author":1,"featured_media":6713,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[820,819,821],"tags":[411,711,710,63,707,496,687,709,679,706,708,483,664],"class_list":{"0":"post-6705","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-business","8":"category-marketing","9":"category-online-business","10":"tag-aquasixio","11":"tag-better-conversion","12":"tag-conversion","13":"tag-design","14":"tag-hatchful","15":"tag-illustrator-tutorials","16":"tag-logo-design","17":"tag-logo-maker","18":"tag-pages","19":"tag-product","20":"tag-shopify","21":"tag-tutorial","22":"tag-web-design"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Design Product Pages That Convert - Vexels Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vexels.com\/blog\/how-to-design-product-pages-that-convert\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Design Product Pages That Convert - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"Guest post by Michelle Deery A well-designed product page promotes a great user experience, and when done really well, improves your sales. In fact, 87%...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/how-to-design-product-pages-that-convert\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-21T13:45:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-04T23:16:35+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"1471\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vexels\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vexels\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Design Product Pages That Convert - Vexels Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vexels.com\/blog\/how-to-design-product-pages-that-convert\/","og_locale":"en_US","og_type":"article","og_title":"How To Design Product Pages That Convert - Vexels Blog","og_description":"Guest post by Michelle Deery A well-designed product page promotes a great user experience, and when done really well, improves your sales. In fact, 87%...","og_url":"\/blog\/how-to-design-product-pages-that-convert\/","og_site_name":"Vexels Blog","article_published_time":"2019-03-21T13:45:34+00:00","article_modified_time":"2020-02-04T23:16:35+00:00","og_image":[{"width":2500,"height":1471,"url":":\/blog\/wp-content\/uploads\/2019\/03\/Abstract-background-021-HQ.jpg","type":"image\/jpeg"}],"author":"Vexels","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vexels","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/how-to-design-product-pages-that-convert\/#article","isPartOf":{"@id":"\/blog\/how-to-design-product-pages-that-convert\/"},"author":{"name":"Vexels","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"headline":"How To Design Product Pages That Convert","datePublished":"2019-03-21T13:45:34+00:00","dateModified":"2020-02-04T23:16:35+00:00","mainEntityOfPage":{"@id":"\/blog\/how-to-design-product-pages-that-convert\/"},"wordCount":1267,"image":{"@id":":\/blog\/how-to-design-product-pages-that-convert\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/03\/Abstract-background-021-HQ.jpg","keywords":["Aquasixio","better conversion","conversion","design","hatchful","Illustrator Tutorials","logo design","logo maker","pages","product","shopify","Tutorial","web design"],"articleSection":["Business","Marketing","Online Business"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/how-to-design-product-pages-that-convert\/","url":":\/blog\/how-to-design-product-pages-that-convert\/","name":"How To Design Product Pages That Convert - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/how-to-design-product-pages-that-convert\/#primaryimage"},"image":{"@id":":\/blog\/how-to-design-product-pages-that-convert\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/03\/Abstract-background-021-HQ.jpg","datePublished":"2019-03-21T13:45:34+00:00","dateModified":"2020-02-04T23:16:35+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"breadcrumb":{"@id":":\/blog\/how-to-design-product-pages-that-convert\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/how-to-design-product-pages-that-convert\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/how-to-design-product-pages-that-convert\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2019\/03\/Abstract-background-021-HQ.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2019\/03\/Abstract-background-021-HQ.jpg","width":2500,"height":1471},{"@type":"BreadcrumbList","@id":":\/blog\/how-to-design-product-pages-that-convert\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Design Product Pages That Convert"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3","name":"Vexels","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","caption":"Vexels"},"url":"\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/6705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=6705"}],"version-history":[{"count":5,"href":"\/blog\/wp-json\/wp\/v2\/posts\/6705\/revisions"}],"predecessor-version":[{"id":10197,"href":"\/blog\/wp-json\/wp\/v2\/posts\/6705\/revisions\/10197"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/6713"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=6705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=6705"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=6705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}