Supply - Shaving Products Landing Page Example

What Works Well

• Clear Value Proposition: The headline "5 WAYS YOUR RAZOR IS SECRETLY SCREWING YOU OVER" immediately grabs attention and highlights a common pain point, setting up the single-edge razor as a solution.
• Prominent CTA: The "SHOP NOW" button is clearly visible and placed strategically in the hero section, encouraging immediate action.
• Trust Signals: The "AS SEEN IN" section with logos like "Men's Health" and "GEAR PATROL" provides strong social proof and builds trust with potential customers. The customer testimonials further reinforce trust.
• Supporting Content: The page uses a mix of compelling headlines, concise paragraphs, and illustrative images to explain the benefits of their products and address common concerns related to shaving.

Opportunities for Improvement

• Social Proof: While some trust signals (logos, testimonials) are present, integrating more specific social proof elements like star ratings directly on product images or customer review snippets could be beneficial. A dedicated section for customer reviews with ratings could be added.
• Objection Handling: The "5 WAYS YOUR RAZOR IS SECRETLY SCREWING YOU OVER" tackles a common objection. However, adding a mini-FAQ section near the product display could address other potential concerns (e.g., razor longevity, blade replacement process, skin sensitivity) proactively.
• Visuals: While images are present, high-quality, short video demonstrations of the razor in use or animated infographics explaining the benefits could further engage users and clarify the product's advantages. The desktop version has a good product comparison image; a similar visual showcasing the product features more dynamically could be considered.
• CTA Optimization: Incorporating secondary CTAs throughout the page, especially after sections detailing product benefits, could guide users who are not ready to "SHOP NOW" but might be interested in learning more (e.g., "Learn More About Single-Edge Shaving"). A sticky CTA button for mobile could improve conversion for longer pages.

Layout Differences: Desktop vs Mobile

• Desktop: The desktop version effectively uses a multi-column layout for detailed information, allowing for more text and images simultaneously. The product display and pricing information are clearly visible in a well-organized layout.
• Mobile: The mobile layout efficiently stacks content vertically, ensuring readability on smaller screens. Key elements like the hero section and product details remain at the top. The product display is simplified, and navigation is consolidated into a hamburger menu. The CTA buttons are designed to be easily tappable.

Summary

This page effectively communicates the value of Supply's shaving products with strong headlines and trust signals. Opportunities for optimization include enhanced social proof, comprehensive objection handling through FAQs, more dynamic visuals (videos), and strategic placement of secondary CTAs to improve user flow and conversion.