small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

Still can’t get a UX job? Give up.

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

Sticking to UI/UX trends is a losing strategy

<p><a href="http://ift.tt/2s1ck9L">Inside Intercom</a> | mattnhodges </p>
<p>So you have an amazing product and it’s time to create a killer landing page to sell it. Here’s how we did it.</p>
<p>Most landing pages for SaaS products tend to focus too much on highlighting <em>what you get</em> (the features) and not enough on <em>what it will do for you</em> (the benefits). Those that do highlight the benefits tend to go too far. There’s too much “marketing fluff” and you’re left walking away thinking “what the #$%^ does this product actually do?”.</p>
<p>An effective landing page needs to highlight both your product’s benefits <em>and</em> its key features. It needs to do so concisely, using language that resonates with your target audience. So, where do you start?</p>
<h2>1. The need: Focus on the job that needs to be done</h2>
<p>We believe that some products are better defined by <a href="http://ift.tt/2c9R9GR">the job they do than the customers they serve</a>. Customers come in all shapes and size, from all verticals and industries. The only thing in common is the job they need to get done.<br /><img src="http://ift.tt/2rIOixk" alt="Why people hire your product"><br /> <br />
The first thing you should do before writing a single line of copy is get an intimate understanding of the job people are hiring your product for. Know what creates demand for it and what people are searching for when looking for a product to hire for that job. <a href="https://twitter.com/claychristensen">Clay Christensen</a> refers to this as job-based marketing and clearly explains the concept using a real-world case study in this short four-minute video. Watch it – trust me, it’s worth it.</p>
<p><iframe width="640" height="360" src="https://www.youtube.com/embed/f84LymEs67Y" frameborder="0"></iframe></p>
<h3>How did we identify the jobs people hire Intercom for?</h3>
<p>With the Jobs-To-Be-Done approach in mind, we engaged the good guys over at <a href="http://ift.tt/uen1Z0">The Rewired Group</a> to understand what these jobs were for Intercom. The process involved interviewing a mix of active, inactive, lost and trial customers. We then meticulously studied and debated the conversations we had with each of them to truly boil down what is was that they each “hired” Intercom to do. <a href="http://ift.tt/2oU6YMp">Check out this talk</a> I gave on the topic for deeper look into the approach we took.</p>
<h2>2. The messaging: Create some guidelines</h2>
<p>Next up we created a messaging guide – a document that serves as the basis for piecing together the content on the landing page for each job.<br /><img src="http://ift.tt/2qZ2O6O" alt="Landing page messaging guide"></p>
<h2>3. SEO: Optimize your page for organic search</h2>
<p>Your landing page is going to be useless if your target audience can’t find it. When people are looking for products to hire for a job they need done, unless they have a clear product in mind they’ll search for one using a few keywords. Identifying and focusing on those keywords in your page URL and copy is one simple tactic to improving your page’s organic rank in search engines such as Google.<br /><img src="http://ift.tt/2rJa43R" alt="SEO.jpg"><br /> <br />
There’s much more to it than that and there are loads of best practices for SEO. We recommend this one from experts in inbound marketing Moz, <a href="http://ift.tt/17oIaMN">The Beginner’s Guide to SEO</a>.</p>
<h2>4. The hero: Illustrate how your product gets the job done</h2>
<p>8 seconds. According to some, that’s all the time you have to capture a visitor’s attention. So it’s critical that the first thing a visitor sees on your landing page makes it clear that your product can do the job they need done. We call this the hero. Here’s what we came up with for our landing page for the customer support job.<br /><img src="http://ift.tt/2rJaC9W" alt="landing page hero"><br /> <br />
With only a handful of seconds to make an impact, your copy must be punchy and the illustration needs to be simple to understand.</p>
<h2>5. The video: Show how it works</h2>
<p>“Show, don’t tell” is particularly crucial when marketing novel software. It’s a much more efficient way to communicate what a new product does than relying purely on text or a bulleted list of features. People are far more likely to click a play button than they are to read a paragraph of text. That’s because humans are inherently lazy and would much rather be spoonfed an idea than have to read it themselves. So we always include a video in each landing page that shows and tells you how Intercom can help you get that specific job done.</p>
<p>We aim to keep our videos under two minutes (or as close to two minutes as we can get). Why? According to video experts Wistia, <a href="http://ift.tt/PK48CC">shorter videos are better for getting people to watch the whole thing</a>. We trust them.</p>
<p>Here’s an example of the video we created for our <a href="http://ift.tt/2hcEp4x">knowledge base</a> landing page:<br /><iframe width="640" height="360" src="http://ift.tt/2rINOHB" frameborder="0"></iframe></p>
<p>Creating product videos is often considered too hard or time consuming. It’s not. Our resident video expert Phil put together this <a href="http://ift.tt/2qYOyLB">great guide</a> to help you get started.</p>
<h2>6. The sticky nav: Make it easy to find key information</h2>
<p>It’s no secret that our landing pages are long. You’ve probably heard the myth that “long pages don’t sell” and it’s much better to have short pages that don’t require scrolling. If your content is not engaging, that’s probably true. But, if your content is engaging, then why wouldn’t people scroll? Check out Unbounce’s post, <a href="http://ift.tt/1fzlU8D">Size Matters: The Long and Short of Conversion Marketing</a>, if you need more convincing.</p>
<p>On each of our landing pages once you scroll past the hero section we introduce a “sticky-nav”– a navigation bar that sticks to the top of the browser window as you scroll down the page. It provides quick access to jump to key sections of the page – overview, features, and pricing – and an ever present call-to-action to sign up.<br /><img src="http://ift.tt/2qYYZP9" alt="sticky navigation"></p>
<h2>7. The overview: Tell people what they can do</h2>
<p>Now that you’ve piqued your audiences’ interest you need to backup your claims. For us, this meant breaking down the job into easily digestible chunks. These “sub-jobs” make up the “Overview” section of each landing page.</p>
<p>We took different approaches to this section for each of the jobs. For example, on our <a href="http://ift.tt/1vsqTP2">customer engagement</a> page we show the different types of in-app and email messages you could send throughout the different phases of the customer lifecycle. We make use of looping videos to show what those messages could look like inside your web or mobile app.<br /><img src="http://ift.tt/2qZ4XzD" alt="show-jobs1.gif"></p>
<h2>8. The features: Explain how they’re able to do it</h2>
<p>In order to do the things you’ve just claimed, your product needs certain features. People don’t need every feature your product offers, they just need to know about the ones that matter most for the job they’re looking to hire your product for. </p>
<p>The “key features” are the must-haves. The features that are essential for your product to get the job done and in some cases differentiate you from your competitors. We clearly state what these are and make them discoverable towards the very top of the page.<br /><img src="http://ift.tt/2rIIio2" alt="Key features of Engage"><br /> <br />
Then there are the “table stakes”, features that aren’t core to getting the job done, but become important when stacking your product up against competitors. We designed this section as a grid to make it both easy to scan and look like a checklist.<br /><img src="http://ift.tt/2qYHkXO" alt="Table stakes of Engage"></p>
<h2>9. The proof: Highlight key customers to establish credibility</h2>
<p>It’s incredibly important, especially if your product is new, to establish credibility with prospects. Surfacing some of your most recognizable and successful customers is a quick way to do this.<br /><img src="http://ift.tt/2rIY2HH" alt="Customer-testimonial.jpg"><br /> <br />
Logos show visitors that there are real businesses using your product, but ultimately, people are looking to understand if there’s ROI. That’s why we highlight key results that customers have seen using Intercom for a particular job.</p>
<h2>10. The price: Tell people what it costs</h2>
<p>A key question people want answered is, “can I afford this?” You should make it easy for them to find an answer.</p>
<p>On each of our landing pages, with the exception of <a href="http://ift.tt/2cKfJNV">our free platform</a> of course, we have an ever present link to enter our product store and view pricing.<br /><img src="http://ift.tt/2rJhFj6" alt="pricing navigation"></p>
<h2>11. The goal: Make it easy for people to sign up</h2>
<p>This one’s simple. If you don’t make it dead clear how they can try your product, they won’t. That’s why we include multiple call-to-actions throughout the page.<br /><img src="http://ift.tt/2qYZ1GL" alt="Sign-up-CTA.jpg"><br /> <br />
There’s one right beneath the hero section for people who are convinced straight away, have been referred by someone who’s done the selling for you, or repeat visitors ready to pull the trigger. There’s another one near the bottom of the page and an ever present one in the “sticky nav” that follows you as you scroll down the page.</p>
<p>Placement is just one thing to think about. The other is copy. LeadPages have a classic post on <a href="http://ift.tt/1uLBQZ5">landing page trends</a> that covers this topic in detail – check out Trend #8.</p>
<h2>12. The results: Measure, test and iterate</h2>
<p>There’s<br />always room to improve your conversion rate.</p>
<p>What’s a good conversion rate? There’s no straight answer. It varies based on the type of landing page, industry, and product. For example, a landing page for a free screenshot utility is more likely to convert at a lot higher rate than a paid solution for email marketing. There’s no hard and fast rule, but one thing is certain, there’s always room to improve your conversion rate. Fortunately there are a bunch of great tools available to help you understand what’s working, what’s not, and experiment with new things. Here are a few things we recommend trying:</p>
<h3>Track traffic and goal conversion with Google Analytics</h3>
<p>This one’s a no-brainer. Implement it before you put your page live, so you can track visits, page views, goal conversion and more. Did I mention it’s free?</p>
<h3>See how visitors are interacting with your page with <a href="http://ift.tt/1FWpvJU">Inspectlet</a></h3>
<p>Using Inspectlet’s heatmaps feature, we can see what people are clicking on or likely to be reading. We also use the scroll heatmaps feature to see how deeply visitors scroll down our long pages.</p>
<p>In instances where we notice that customers aren’t scrolling on new landing pages we’ve launched, our Marketing and Research teams have gotten together to iterate the page design, which we continue to monitor using Inspectlet’s scroll tracking.</p>
<h3>Conduct some research with <a href="http://usertesting.com/">UserTesting.com</a></h3>
<p>Usertesting.com allows you to capture videos of real people talking out loud as they use your product, whether it’s a website, a mobile app or even a prototype. You can ask these people questions or set them tasks to complete.</p>
<p>One of the huge strengths of usertesting.com’s product is its video editing capabilities which are optimised specifically for research purposes: you can quickly annotate the videos of your users and make a highlight reel of e.g. five users explaining your pricing page. These videos will help you pinpoint any areas of user confusion with your site, or usability issues. You can then share the video clips with stakeholders in your company via a simple link and convince them of what needs to be changed.</p>
<h3>Test your hypotheses with <a href="http://ift.tt/KfyrND">Optimizely</a></h3>
<p>In addition to the learnings you’ll discover through using the tools above, you’ll likely have some hypotheses of your own that you should test. Enter Optimizely. Whether it’s a simple change such as a different color or copy on a call-to-action button or something more drastic, Optimizely makes it incredibly easy.</p>
<p>One test we recently performed was removing an entire section from one of our landing pages – the grid of feature icons from our <a href="http://ift.tt/1vsqTP2">customer engagement</a> landing page. Our hypothesis was that considering the long length of the page, we could forgo some of the content and convert at a higher rate. We were wrong, the original won. Lesson learned.</p>
<h2>We’re still learning</h2>
<p>Building a landing page is not easy, but if approached methodically it can be done efficiently and still produce results. It’s early days, but we’re seeing conversion rates (visit &gt; email signup) of ~3% across each page. Considering the nature of our product we think this is a good baseline to improve upon.</p>
<p>We’re still learning – whether it be direct feedback via usertesting.com, conclusive experiments with Optimizely, or just how to explain each job better. Chances are that our landing pages will look different the next time you look at them.</p>
<p>That’s enough from us. What’s worked for you?</p>
<p>The post <a href="http://ift.tt/2s1ck9L">12 steps to creating landing pages that convert</a> appeared first on <a href="http://ift.tt/2ci06Cx">Inside Intercom</a>.</p>
<p><img src="http://ift.tt/2qYY6G8" height="1" width="1" alt=""></p>


12 steps to creating landing pages that convert

12 steps to creating landing pages that convert

Top Stories