Slam Dunk: 6 Tips for an Effective Product Page

View All Blogs

    Whether your website homepage is the product page, or you have a different offerings across multiple landing pages, your goal remains the same: converting users to customers. Additionally, while the number variable for sales performance is the product itself, the design of your product pages can drastically affect conversions. Combine quality products, effective design and continual testing for slam dunk conversions.


    Yes, I included "slam dunk" in the title of this blog so I could drop in a Celtics GIF.

    Clearly identify your value prop, put it first and foremost

    Narrow your value prop down to one or two sentences and prominently display it above the fold. It should be clear and concise, but not oversimplified to the point that no one knows what your product is or does. Users should know what the product is before they have to scroll or navigate to inner pages.

    • Hotjar Screen_Shot_2017-07-28_at_8.46.33_AM.png

    • Shopify


    Use Video and animation

    Users don’t want to spend time sifting through paragraphs of copy. A video is the quickest and most efficient way to give a high level overview of your product. However, if your product is self explanatory (at this point, most people know what a CRM is), use video or animation to highlight your key features, customer testimonials, or success stories. Not a tangible product? No problem, screen captures and animation are a great way to demonstrate software solutions.

    No video? Create a dynamic experience to keep users engaged

    Under Shopify’s unique value prop, they include images of different devices with several ecomm store layouts. This demonstrates unique customization options, without the need to read the supporting copy. The “While you’ve been reading this page, people using Shopify have sold over $$$” ticker at the bottom of the page is not only eye catching, it creates a sense of urgency. Parallax, product customization features, rich imagery, and interactive elements can help create an immersive experience.

    • With only 15 minutes to consume content, 66% would prefer to view something beautifully designed vs. simple and plain


    However, simple isn't a bad thing when done well. "Any fool can make something complicated. It takes a genius to make it simple." - Woody Guthrie

    Rule of thumb, don’t over clutter your product page. Stick to keeping it clear, concise, and consumable both visually and contextually. There’s no need to dive into the nitty gritty of your product quite yet. Focus more on helping visitors understand the basic purpose, use, and value prop. Clearly link unique product features to inner pages that go more in depth.

    • In a recentAdobe study, 38% of respondents said if the content is too long they would stop viewing it all together

    Customer Testimonials are key

    People want to know if others were satisfied with your product. Get your biggest fans to become brand advocates on your product page. Including a headshot, name, and title ensures to visitors that the testimonial is legitimate, and you’re not just blowing smoke.

    • 70% of consumers trust online peer reviews and recommendations more than professional content and copy

    Prominently display free trials or product demo opportunities with enticing CTA’s

    Free trials are awesome. Product tours allow for a very personal interaction with a potential customer, and provide a chance to really discover what customer’s are looking for. Make sure your CTA stands out and is easy to find: place it in several locations, including directly under your product explainer video and unique value prop.



    • Make your form fields reasonable, you don’t want to scare visitors away by making them fill out 15 fields.
    • Add a live chat feature to quickly answer any questions prospective customers might have.
      • 44% of customers reported that having a live person answer their questions during an online purchase was one of the most important features that a website could offer
      • 90% of customers find live chat helpful overall
    • Simplify the checkout process! Cart abandonment is a topic worth of it’s own blog, but at a minimum be conscientious of how complicated your checkout process is.
    • Test, test, test. Try moving key page elements to different locations to see how you can increase conversions. Every product page is unique, so don’t be afraid to stray from the foolhardy advice you find online. Find out for yourself where CTAs, headlines, value props, product videos, and forms should be on your site. Set up Google Analytics, A/B testing and heat maps to gain further insight into how your layout is functioning.