Search

<p>The ecommerce world is intensely competitive, packed with countless brands big and small fighting over the huge sums of consumer spending on the digital table. With <a href="https://www.statista.com/statistics/379046/worldwide-retail-e-commerce-sales/" target="_blank" rel="noopener">data suggesting</a> that <strong>global ecommerce spend will come close to hitting $5 trillion by 2021</strong>, there’s all the incentive an online retailer could ever need to search for ways to get an edge over their competitors.</p><div class="lwptoc lwptoc-autoWidth lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="24"><div class="lwptoc_i">    <div class="lwptoc_header" style="font-size:175%;">
        <b class="lwptoc_title">Contents</b>                    <span class="lwptoc_toggle">
                <a href="#" class="lwptoc_toggle_label" data-label="show">hide</a>
            </span>
            </div>
<div class="lwptoc_items lwptoc_items-visible" style="font-size:125%;">
    <div class="lwptoc_itemWrap"><div class="lwptoc_item">    <a href="#What_is_a_landing_page">
                    <span class="lwptoc_item_number">1</span>
                <span class="lwptoc_item_label">What is a landing page?</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Why_is_a_landing_page_so_important_for_ecommerce">
                    <span class="lwptoc_item_number">2</span>
                <span class="lwptoc_item_label">Why is a landing page so important for ecommerce?</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#The_features_of_a_great_ecommerce_landing_page">
                    <span class="lwptoc_item_number">3</span>
                <span class="lwptoc_item_label">The features of a great ecommerce landing page</span>
    </a>
    <div class="lwptoc_itemWrap"><div class="lwptoc_item">    <a href="#An_eye-catching_lead_image">
                    <span class="lwptoc_item_number">3.1</span>
                <span class="lwptoc_item_label">An eye-catching lead image</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Stylistic_consistency">
                    <span class="lwptoc_item_number">3.2</span>
                <span class="lwptoc_item_label">Stylistic consistency</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Visual_directional_cues">
                    <span class="lwptoc_item_number">3.3</span>
                <span class="lwptoc_item_label">Visual directional cues</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#A_clear_and_simple_layout">
                    <span class="lwptoc_item_number">3.4</span>
                <span class="lwptoc_item_label">A clear and simple layout</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Trust_indicators">
                    <span class="lwptoc_item_number">3.5</span>
                <span class="lwptoc_item_label">Trust indicators</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Mobile_responsiveness">
                    <span class="lwptoc_item_number">3.6</span>
                <span class="lwptoc_item_label">Mobile responsiveness</span>
    </a>
    </div></div></div><div class="lwptoc_item">    <a href="#Investing_in_a_great_landing_page_will_pay_off">
                    <span class="lwptoc_item_number">4</span>
                <span class="lwptoc_item_label">Investing in a great landing page will pay off</span>
    </a>
    </div></div></div>
</div></div>
<p>While there are numerous distinct elements of <a href="https://admin.brytdesigns.com/7-reasons-digital-marketing-better-than-traditional/">the digital marketing process</a> that can benefit from optimization, the landing page is the clear standout. Get it wrong, and all of your hard-earned hyper-relevant traffic will go to waste — but get it right, and you’ll find your store turning skeptical visitors into loyal customers.</p>
<p>Let’s review what a landing page consists of, and consider the different factors that go into making an ecommerce landing page exceptional.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-1004" src="https://admin.brytdesigns.com/wp-content/uploads/2018/08/landing-page-1024x671.jpeg" alt="What is a landing page?" width="640" height="419" srcset="https://admin.brytdesigns.com/wp-content/uploads/2018/08/landing-page-1024x671.jpeg 1024w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/landing-page-300x197.jpeg 300w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/landing-page.jpeg 1145w" sizes="(max-width: 640px) 100vw, 640px"></p>
<h2><span id="What_is_a_landing_page">What is a landing page?</span></h2>
<p><strong>A landing page is a page designed to receive visitors from a particular call to action (CTA) and push them towards the associated conversion.</strong> You can have a landing page for a special offer, PPC (pay-per-click) campaign, a particular product, or your entire store, depending on what you’re promoting.</p>
<p>The classic landing page format is fairly stable. Let’s run through it:</p>
<ul>
<li><b>Echo the link that brought the visitor to the page. </b>You can simply repeat it, or you can go down the route of building on it slightly. If I prove a hyper-specific link such as ‘<a href="https://exchangemarketplace.com/locations/united-states/california/business-for-sale-in-los-angeles">find a business for sale in Los Angeles</a>’ and you click on the link, seeing “<i>Businesses for sale in Los Angeles California</i>” as the heading should work well enough — something more vague like “<i>Running a business is really fun</i>” wouldn’t prove as effective.</li>
<li><strong>Elaborate upon the conversion prospect.</strong> Now that you’ve confirmed what the page is all about, you can launch into your full media-rich sales pitch (<a href="https://www.dbswebsite.com/blog/2016/11/22/how-to-design-a-website-like-apples/">Apple is the master at this with its legendary design work</a>). You should highlight features, unique selling points, advantages relative to competitors, and anything you can think of that will further tempt the reader to make a purchase by the time they reach the moment of truth towards the end of the page.</li>
<li><strong>At the most appropriate time, give them an option to convert.</strong> The most appropriate time will depend on the page and the product. Read through everything you have and ask yourself one question: at what point will the reader feel most convinced to buy? Place the conversion CTA at that exact point — no earlier, and no later.</li>
</ul>
<p>While a landing page isn’t technically necessary for a conversion funnel — you can link people directly to your homepage, for instance — it is extremely valuable, for reasons we’ll cover next.</p>
<h2><span id="Why_is_a_landing_page_so_important_for_ecommerce">Why is a landing page so important for ecommerce?</span></h2>
<p><strong>If your ecommerce business were a standard retail business, the landing page would be a greeter.</strong> It welcomes visitors, <a href="https://www.brightedge.com/info/content/12-critical-elements-successful-landing-pages">reassures them that they’re in the right place</a>, gives them a good impression of the business, and tells them how they can get what whatever they’re looking for. But though greeters aren’t all that important, landing pages are — and it’s all because of the difference in available information.</p>
<p>When you visit a brick-and-mortar store, you can see what it’s about from the furnishings and the items in the window, and you can safely assume that the stock consists of whatever is visible inside. But when you visit an online store, you might have very little idea of what it actually does, and a lot of the products might be hidden in menus you don’t fully understand.</p>
<p>Furthermore, if you go a physical store, that’s relatively likely to mean that you’re settled on shopping there. It costs you nothing to click on a CTA online, and there’s every chance that you’ll reach the landing page with little to no interest in actually buying anything — so the landing page has to perform a miracle to get you hooked.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-1000" src="https://admin.brytdesigns.com/wp-content/uploads/2018/08/desigining-ui-elements-1024x609.jpeg" alt="Designing UI web elements" width="640" height="381" srcset="https://admin.brytdesigns.com/wp-content/uploads/2018/08/desigining-ui-elements-1024x609.jpeg 1024w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/desigining-ui-elements-300x178.jpeg 300w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/desigining-ui-elements.jpeg 1260w" sizes="(max-width: 640px) 100vw, 640px"></p>
<h2><span id="The_features_of_a_great_ecommerce_landing_page">The features of a great ecommerce landing page</span></h2>
<p>Now that we’ve established what a landing page is, and why it matters so much in the ecommerce world, let’s take a look at some of the main hallmarks of a highly-converting ecommerce landing page:</p>
<h3><span id="An_eye-catching_lead_image">An eye-catching lead image</span></h3>
<p>There’s an excellent chance that <a href="https://blog.hubspot.com/marketing/landing-page-images">the lead image</a> will be the first thing the visitor seems when they reach the landing page (preceding the heading), so it isn’t an overstatement to say that it’s critically important. You should consider the following elements:</p>
<ul>
<li><b>Resolution. </b>The image needs to crisp, clean, and high-quality. When sourcing the image to begin with, aim to get as high a resolution as you can, then resize the image as needed to suit the page (as viewed on different devices).</li>
<li><strong>Relevance.</strong> You might think a picture of a sunset looks very nice, but unless the product you’re selling is a SAD light or a pair of sunglasses, it doesn’t belong as your lead image. As a background, perhaps — but the lead image should almost always be the product.</li>
<li><strong>Appeal.</strong> Even if your lead image is just a photo of your product, make sure that it makes the product look its best. That means using good photography equipment in favorable lighting with no dirt or damage on the item.</li>
<li><strong>Contrast.</strong> Putting a glossy photo of a metallic grey product against a background of metallic grey isn’t a good idea. The image needs to stand out against its environment, so adjust the background as needed to make it happen.</li>
</ul>
<h3><span id="Stylistic_consistency">Stylistic consistency</span></h3>
<p>Different websites use different shapes, fonts, link styles, icons, colors, etc. <strong>This external variation is a good thing, but <i>internal </i>variation is not.</strong> Within your website, and certainly within your landing page, you need to <a href="https://www.interaction-design.org/literature/article/principle-of-consistency-and-standards-in-user-interface-design">maintain total consistency</a> with all of these features.</p>
<p>If you use a bright green bubble shape for your first CTA, for instance, then you must use that same green bubble for every CTA on the page. The point of this is to establish a clear association in the reader’s mind between that element style and that function.</p>
<p>This might not seem overly important for just one page, but bear in mind that a landing page can be extremely long for a complex product with a lot of information to get across. If the visitor gets halfway down the page and finds a link that looks totally different from the links they’ve seen before, the potency of <i>all</i> the links will be reduced.</p>
<h3><span id="Visual_directional_cues">Visual directional cues</span></h3>
<p>Tying into your stylistic features, <a href="https://unbounce.com/conversion-glossary/definition/directional-cues/">directional cues</a> are great for keeping the reader’s attention going in the right direction. Since it’s important to maintain a strong downward momentum (moving the visitor closer to the conversion point near the bottom of the page), really good ecommerce landing pages tend to use subtle visual cues to lead the reader’s gaze.</p>
<p>Something you’ll see quite often is a ‘V’ shape in a particular panel on a page, with the content starting wide and narrowing as it continues. While the visitor might not acknowledge the resemblance to an arrow, it’ll likely have a subconscious effect.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-1001" src="https://admin.brytdesigns.com/wp-content/uploads/2018/08/ux-ui-design-1024x683.jpeg" alt="UX &amp; UI web design" width="640" height="427" srcset="https://admin.brytdesigns.com/wp-content/uploads/2018/08/ux-ui-design-1024x683.jpeg 1024w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/ux-ui-design-300x200.jpeg 300w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/ux-ui-design.jpeg 1125w" sizes="(max-width: 640px) 100vw, 640px"></p>
<h3><span id="A_clear_and_simple_layout">A clear and simple layout</span></h3>
<p>If you get someone to a landing page, <strong>you want them to take action of some kind</strong>: most likely buying your product, but possibly arranging a demonstration or downloading a leaflet. Everything on the page should be <a href="https://workshops.unbounce.com/lesson/1-2-every-landing-page-has-one-goal/">built around that specific goal</a>, with anything that doesn’t serve that purpose removed.</p>
<p>Now, you might be tempted to include several actions in the hope that someone not interested in the primary action might want to take one of the secondary actions, but don’t do this — it will dilute the fundamental message. Stick to one clear action and fully showcase it.</p>
<h3><span id="Trust_indicators">Trust indicators</span></h3>
<p>Buying online can feel like taking a shot in the dark. You might not know much about the company, and it’s possible to place an order that is never fulfilled and leaves you wondering if you were intentionally scammed. <strong>This is why trust indicators are so valuable!</strong></p>
<p><a href="https://instapage.com/best-landing-page-examples-chapter-5">A trust indicator is a page element that makes the reader more inclined to trust you and what you’re offering.</a> Here are some of the typical trust indicators you can use:</p>
<ul>
<li><b>Reviews.</b> We’re social creatures, and if other people have purchased an item and reviewed it positively, it makes us far more likely to buy it.</li>
<li><strong>Security certificates.</strong> Being given reason to think that our financial information will be safe when we place an order will address the reluctance borne of encountering too many untrustworthy sites.</li>
<li><strong>Guarantees.</strong> If you’re on the fence about buying something, seeing that you can get a full refund within 30 days if you’re not happy with the product might convince you.</li>
<li><strong>Notable customers.</strong> Particularly important with high-cost items, showing that noted experts (or at least relevant public figures) have used and liked the product will lead us to believe that the company is high-profile and thus safe to buy from.</li>
</ul>
<h3><span id="Mobile_responsiveness">Mobile responsiveness</span></h3>
<p>It’s been a fair while since ecommerce activity was limited to desktops and laptops — and with every day that passes, <a href="https://www.statista.com/chart/13139/estimated-worldwide-mobile-e-commerce-sales/">online retail becomes increasingly mobile-centric</a>. <strong>Failing to optimize a landing page for all available platforms is leaving money on the table by ensuring that some of the visitors will be unhappy with the experience.</strong></p>
<p>The best way to approach an ecommerce landing page is to start with the mobile design and then scale it up to suit a desktop screen. Since a landing page should always use big, bold content elements and use negative space liberally, it shouldn’t be too difficult to make it suitable for a standard mobile screen.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-1002" src="https://admin.brytdesigns.com/wp-content/uploads/2018/08/invest-landing-page-1024x683.jpg" alt="Investing in a great ecommerce landing page will pay off" width="640" height="427" srcset="https://admin.brytdesigns.com/wp-content/uploads/2018/08/invest-landing-page-1024x683.jpg 1024w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/invest-landing-page-300x200.jpg 300w, https://admin.brytdesigns.com/wp-content/uploads/2018/08/invest-landing-page.jpg 1125w" sizes="(max-width: 640px) 100vw, 640px"></p>
<h2><span id="Investing_in_a_great_landing_page_will_pay_off">Investing in a great landing page will pay off</span></h2>
<p>Whether you’ve never before made a landing page of any kind, or you already have ecommerce landing pages that aren’t performing as you want them to, you should give this matter a lot of attention. A well-oiled landing page does a huge amount of work in the sales funnel, and a conversion process without it needs so much more traffic to achieve similar results.</p>
<p><b>A great ecommerce landing page has a simple design with high-quality content and a clear message leading up to one important action. When building a landing page or reviewing an existing one, look to those factors to see where the opportunities are.</b></p>
<p><a href="https://admin.brytdesigns.com/#contact"><strong>Contact us today</strong></a> if you’re looking to create a landing page for your next search marketing campaign and we’ll help you formulate a successful web strategy to increase conversions for your business online!</p>


What makes a successful ecommerce landing page?

Tag:"Landing Page"

Tag:
"Landing Page"