Contact

About

Shopify Agency

Ready to elevate your ecommerce brand?Get in touch with us at&nbsp;<a href="mailto:info@underwaterpistol.com" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">info@underwaterpistol.com</a>or call&nbsp;<a href="tel:+442034677614" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">+44 203 467 7614</a>.<h4> </h4>

Shopify Plus

Work

Blog

Design

Development

Shopify Plus migration

Branding

Loyalty

Subscription

Tech stack consultancy

Jennifer Caust

Is there much of an ‘art’ to the creation of an <a href="https://www.underwaterpistol.com/pages/ecommerce-design-build" target="_blank" title="Check out our ecommerce design &amp; build services, where we can build you a sales page." rel="noopener noreferrer">ecommerce sales page</a> that will really have your target customers running to the ‘buy it now’ button? Or is it more-or-less a case of putting that big, shiny image of your product front-and-centre, and hope for the best? Let’s say, the most effective such pages are anything but one-note. When shopping online as a consumer, you may barely consciously notice a ‘good’ ecommerce sales page, as you will be too engrossed in the engaging copy that truly ‘gets’ you, and the <a href="https://www.underwaterpistol.com/blogs/e-commerce-news-and-advice/design-trends" target="_blank" rel="noopener noreferrer">design touches</a> that gently guide you where the brand wants you. But in many ways, that’s the whole point. So, this holiday season, let’s whisk you off on a tour of 10 examples of ecommerce sale and discount pages that work magic on their intended audiences. Hopefully, it will get you inspired – and remind you that an ecommerce sales page can be as dynamic as any other on your website.
 
<h2>Nourished</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Nourished.png?v=1639483349" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Nourished.png?v=1639483349" alt=""></a>
Image source: <a href="https://get-nourished.com/pages/nourished-worldveganday" target="_blank" rel="noopener noreferrer">Nourished</a>
This sales page for the “plant-based power stack” knows how to draw the eye in precisely the right places, with its strong hierarchy between the headline, body text, and a single, simple ‘call to action’ (CTA). We’re also fond of the subtle incorporation of a fixed bar at the bottom of the browser window, displaying a savings message. Further keeping things clean is the lack of a menu – this short, concise and focused page is all about ensuring the customer follows a specific journey.
 
<h2>Republic of Cats</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Republic_of_Cats.png?v=1639485957" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Republic_of_Cats.png?v=1639485957" alt=""></a>
Image source: <a href="https://www.republicofcats.com/happycats-2/" target="_blank" rel="noopener noreferrer">Republic of Cats</a>
Surely, merely being a cat-food brand would give you a bit of a head start over most other industries when it comes to charming opportunistic spending out of people? Perhaps, but one still has to make it pay – and with this ecommerce sales page, Republic of Cats emphatically does. Although it is the bold colours that might initially grab your attention here – and it is no accident that the most vibrant of them has been reserved for the ‘call to action’ – it may well be the copywriting that steals the show. Separated out into bite-sized morsels that explain how it all works, the written copy feels personal – with its reference to “your cat’s” – and instils urgency in the visitor to take advantage of the “limited time offer”.
<h2>
 Butternut Box
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Butternut_Box.png?v=1639486247" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Butternut_Box.png?v=1639486247" alt=""></a>
Image source: <a href="https://butternutbox.com/pt" target="_blank" rel="noopener noreferrer">Butternut Box</a>
From your cat to your pooch – and what is immediately apparent about this Butternut Box page is how personalised it is. The first action the user takes is entering their dog’s name. But before then, the viewer will doubtless take notice of the large images and icons that help balance the page nicely and improve readability. It’s all wrapped up in a warm colour palette that is absolutely inviting for the reader.
<h2>
 Philip Kingsley
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Philip_Kingsley.png?v=1639486264" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Philip_Kingsley.png?v=1639486264" alt=""></a>
Image source: <a href="https://www.philipkingsley.co.uk/hair-loss/pklab" target="_blank" rel="noopener noreferrer">Philip Kingsley</a>
The Philip Kingsley name is synonymous with great hair, and sure enough, even its ecommerce sale page makes a point of incorporating regal tones into its colour palette to convey a sense of luxury. This isn’t a pretentious page, however. Instead, it gets straight down to business, educating the user. All unnecessary content has been removed in favour of an ultra-simple structure, with even the text being kept bite-size to prevent the user from feeling overwhelmed. As the user navigates the page, they are presented with step-by-step instructions – complete with hand-drawn illustrations – that help set expectations of what will happen when they sign up.
<h2>
 Fenton
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Fenton.png?v=1639486280" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Fenton.png?v=1639486280" alt=""></a>
Image source: <a href="https://fentonand.co/pages/christmas-gifts" target="_blank" rel="noopener noreferrer">Fenton</a>
You can’t say that with this sweet and prestigious-looking landing page, Fenton isn’t getting the purchasers of its <a href="https://www.underwaterpistol.com/blogs/e-commerce-news-and-advice/creative-jewellery-ads" target="_blank" rel="noopener noreferrer">jewellery</a> seriously excited for Christmas. From the aspirational ‘hero’ imagery and the generally warm and inviting colour palette, to its short and easy-to-digest snippets of text and plentiful user-generated content, it’s making all the right moves. The stamps and icons add a nicely informal touch.
<h2>
 Grind Coffee
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Grind_Coffee.png?v=1639486297" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Grind_Coffee.png?v=1639486297" alt=""></a>
Image source: <a href="https://grind.co.uk/pages/starter7" target="_blank" rel="noopener noreferrer">Grind Coffee</a>
The Grind brand gets a lot of things good – not just coffee. This ecommerce sales page is another case in point, with the ‘Millennial pink’ hue it is decked out in feeling familiar for the brand’s Millennial-focused audience. The all-round styling is reminiscent of the skincare and beauty brand Glossier, who are a leader in their field – so, hardly a shabby example to emulate. Grind has also clearly realised the importance of achieving a strong visual hierarchy between text elements, and using icons that balance the Unique Selling Points (USPs) – not to mention making the ‘call to action’ the boldest item on the page. It’s also good to see the inclusion of real Trustpilot reviews, underlining the trust that Grind has in its customers waxing lyrical about its products.
<h2>
 Simba
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/SIMBA.png?v=1639486521" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/SIMBA.png?v=1639486521" alt=""></a>
Image source: <a href="https://simbasleep.com/" target="_blank" rel="noopener noreferrer">Simba</a>
With its primary areas of focus being its bold ‘SALE’ text and the scarcely-any-less-eye-catching ‘call to action’ button, it’s clear that Simba knows how to construct a compelling ecommerce sales page for its mattresses. The use of awards and review stars helps engender the user’s trust in the Simba product, while the imagery and videos make understandable what may have otherwise been complex and intimidating industry jargon. All in all, this page represents a great blend of educational content and USPs.
<h2>
 Dollar Shave Club
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Dollar_Shave_Club.png?v=1639486501" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Dollar_Shave_Club.png?v=1639486501" alt=""></a>
Image source: <a href="https://www.dollarshaveclub.com/join/ultimate-shave-set" target="_blank" rel="noopener noreferrer">Dollar Shave Club</a>
How many of us really want to spend much time worrying about our morning routine, as long as we can always achieve that satisfyingly clean and close shave we’re after? Not many of us – so it’s great that Dollar Shave Club absolutely ‘gets’ it. This particular ecommerce sales page’s ultra-simple design frees up the user to focus squarely on the product. The copywriting is informal and straight to the point, resisting the temptation to slip in any industry jargon that the customer wouldn’t understand. Again, there’s a lot of user-generated content here to help encourage customer trust, while a sticky header shows up as the user scrolls down, commanding them to ‘try for $5’. And on a site like this, who wouldn’t want to?
<h2>
 Fussy
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Fussy.png?v=1639486544" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Fussy.png?v=1639486544" alt=""></a>
Image source: <a href="https://www.getfussy.com/pages/subscribe" target="_blank" rel="noopener noreferrer">Fussy</a>
As with several of the inclusions in this rundown, there is no doubt that with this Fussy page, the CTA is the boldest element there. The reader would certainly not be second-guessing what the site is expecting them to do. However, what is perhaps even more distinctive is the decision of this sustainable deodorant brand to use its subscription page as a landing page. This helps ensure that customers really do focus solely on joining. And the actual process of joining is made to feel quick and easy. Note, too, the subtle animation on the page, with the product shown slowly bouncing. It might not seem like too much, but it’s another element that catches the user’s eye, getting them to constantly look back at the product.
<h2>
 Apple
</h2>
<a href="https://cdn.shopify.com/s/files/1/1472/1782/files/Apple.png?v=1639486469" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/Apple.png?v=1639486469" alt=""></a>
 Image source: <a href="https://www.apple.com/uk/shop/gifts" target="_blank" rel="noopener noreferrer">Apple</a>
You would expect the iDevice giant to be pretty handy at its seasonal promotions schtick by now, and you would be quite right. Apple’s ecommerce sales pages somehow never look too ‘busy’, doubtless aided by the use of a soft colour palette and simple, jargon-free copywriting that help keep the focus on the products and what they can do. With the sub-navigation becoming sticky on scroll, it’s as easy as one likes to quickly switch between different sections of the page. And while there is a suitably aspirational vibe with its reference to “the magic of the season”, the copy doesn’t mention the word “Christmas” quite as often as it could have done – an understated way of helping people who celebrate different holidays to feel included.
 
<h2 style="text-align: left;">What's next?</h2>
In or out of the festive season, many of the fundamentals of what makes a great ecommerce sales page – including ensuring that it is attractive, informative, in keeping with brand values, and moves the reader to act – remain much the same. For a more detailed conversation about what that might mean for your brand, <a href="https://www.underwaterpistol.com/pages/contact" target="_blank" rel="noopener noreferrer">get in touch now with UWP’s ecommerce experts.</a> And if you want to check out our previous work developing ecommerce solutions, check out <a href="https://www.underwaterpistol.com/pages/work" title="Our work">our work</a> page.
 
<h2>Are you keeping up with your competitors?</h2>
Your customers see up to 10,000 (!) ads per day – yours needs to command attention. That's why we’ve packed this free guide with creative advice from our Art Director, Francesca Boyd, our Design Lead, Sara Azmy, and our Copywriter, Zara Kenyon. We'll reveal the cost-efficient tricks and tactics that elevate your brand across every platform, so you can scale up your ROI and ROAS to achieve your best year yet. <a href="https://www.underwaterpistol.com/pages/creative-content-ebook" target="_blank" rel="noopener noreferrer">Download your free copy here!</a>
<a href="https://www.underwaterpistol.com/pages/creative-content-ebook" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/1472/1782/files/ebook-spreads-design_f2939621-aaec-41d3-a9cb-72669663599f.png?v=1637683954" alt=""></a>

10 examples of ecommerce sales pages to inspire your online store