WordPress-HS-2024-series

Everything you need to know about migrating your website from WordPress to HubSpot.

This step-by-step visual guide will walk you through the process and help get your website all set up on HubSpot.

 

Download Now

    web-creation-series-mega-menu-2024

    Everything you need to get started with HubSpot's CMS and build your CLEAN website.

    No developer is needed.  This complete 3-part series includes a step-by-step guide to high-fives all around the office.

     

    Download the Guides

       
      The CLEAN Theme

      Take full advantage of the new and improved HubSpot CMS experience with the CLEAN theme.

      Theme Support & Reference

      Have a question and looking for an answer? I've likely got a video for that or an article that covers it.

      Built for Speed, Performance, AND an awesome UX.

      Google PageSpeed Insights is the gold standard in analyzing the speed and performance of a website. Here is how CLEAN Pro ranks. Not too shabby for a media-rich page.

      page-speed-3-7-23

      Report generated: Tues, March 7, 2023, based on Home Page - Opt 1.

        3 min read

        5 Modern Landing Page Examples to Inspire You

        5 Modern Landing Page Examples to Inspire You
        5 Modern Landing Page Examples to Inspire You
        4:37

        Need inspiration for your next PDF booklet offer or lead-capture landing page?  Searching for good examples can feel like finding a needle in a haystack, but we’ve got you covered.  Read on for the key elements every high-converting page needs and design features to keep you up-to-date.

         

        Key elements every high-converting page needs

        An effective landing page focuses on a few elements:

         

        A CTA, or Call-To-Action

        You’ve seen these all over the web: buttons that read “Submit,” “Click here,” or something equally dull.  Get creative and try something like “Send me your Secrets” or “YES, count me in” to add intrigue and help the reader identify with the action you want to encourage.  Choose a button color that pops on top of your background, and make sure your CTA is visible above the fold, so your visitors won’t need to scroll down to see it.

         

        Removed Navigation 

        Don’t give your possible leads easy access to your main website menu.  If they stumble upon it, they could get lost exploring other pages and never return to your initial offer.

         

        Copy that Speaks to Your Audience

        Would you speak to an infant the same way you address your boss?  Unless he’s the Boss Baby, chances are slim.  Figure out who your page is for, then write the heck out of your offer. Good writing converts. Plain and simple.  

         

        Social Proof

        According to HubSpot, 90% of people believe brand recommendations from family or friends, so testimonials and reviews can pack a real punch.

        We could write a whole separate post on how to build a kick-ass landing page (in fact, we did!), but in the meantime, here are a few landing page examples that are both compelling and cool.

         

        Modern Landing Page Examples

         

        HubSpot

        hubspot-landing-page

        Built with HubSpot

        First up, we have the landing page for HubSpot's marketing platform.  You’ll notice that this example includes trendy elements like images with drop shadows and a chatbot to field questions from visitors. 

        But the design on this page is more than just pretty: it’s functional.  You can see the CTA in button form at the top and bottom of the page, giving visitors a few chances to take action.  Also, HubSpot places the same CTA in a hyperlinked text format, which feels less intimidating than a large-and-in-charge orange button.  The well-balanced text and images make the page easy to skim as you scroll.

         

        The Jonas Brothers

        jonas-brothers-landing-page

        Built with presave.io

        Next, we have the landing page for the Jonas Brothers' latest album. Just look how minimal it is.  The large text against the solid background directs fans to take action (pre-save that album!).  This simple landing page design is helping them build lots of buzz for their music (although being famous probably doesn’t hurt either).

        Fun fact: their new main website is on our CLEAN Pro Theme for HubSpot.

         

        Brandfolder

        brandfolder-landing-page

        Built with Unbounce

        Brandfolder’s landing page boasts a very stylish design.  Its vibrant gradients, asymmetric wave section separators, and interactive chatbot make this page eye-catching. It features legit testimonials and a consistent CTA, “Schedule your demo,” which offers visitors several opportunities to take the next step and boosts the page’s conversion power.

         

        Koncert

        koncert-landing-page

        Built with the CLEAN Pro Theme for HubSpot

        Moving on to the landing page for Koncert's email marketing checklist.  It’s a classic example of meeting your visitors’ needs by offering a free resource (aka lead magnet) in exchange for an email address. 

        The page makes Koncert look cool with its custom illustrations and use of organic shapes, curves, and subtle gradients.  The current design and value help Koncert stand out as a trusted resource for its potential customers.

         

        Workable

        workable-landing-page

        Built with HubSpot

        Workable’s landing page for its hospitality recruitment platform includes several contemporary design features, including asymmetrical section separators and custom illustrations.  Its sticky scrolling form is a visually enticing alternative to showing a single CTA in multiple spots on a page (although the latter might be easier to track).  

        This page is also a great example of using social proof to build trust, with reputable awards and glowing testimonials from well-known brands.  Plus, the landing page links to an additional video testimonial page.  According to Wyzowl, 2 out of 3 people say they’d be more likely to purchase after watching a testimonial video demonstrating how a business, product, or service had helped someone like them, so Workable is wise to follow this trend.

         

        Ready to rock your landing page design?

        Try out your design chops with our brand new Figma file for CLEAN.

         

        Download CLEAN Figma

         

        How to Boost Website Performance Like a Pro

        How to Boost Website Performance Like a Pro

        Are you struggling to keep up with your customers' expectations these days? Do you want to improve your sales, get a better ranking on Google, and...

        Read More
        4 Key Components You Need to Craft a Persuasive Landing Page

        4 Key Components You Need to Craft a Persuasive Landing Page

        Have you ever landed on a website that made you think, “Am I in the right place?” Yeah, me too.

        Read More
        10 Best Landing Page Design Trends that will Crush it in 2023

        10 Best Landing Page Design Trends that will Crush it in 2023

        Updated: 11/14/22The fun of creating landing pages is that it gives us the ability to experiment with design, copy, offers, etc. in order to capture...

        Read More