Bathe thought: The place do entrepreneurs’ *finest* touchdown web page concepts come from? Wait—do they get them within the bathe?
Whereas some entrepreneurs might need their very own private muse, mantra, or go-to sources of inspiration (a fortunate shampoo, perhaps?), the remainder of us are simply kinda hoping for one thing to return to us. And though inspiration can strike at any second, we don’t at all times have the time to attend round for it to point out up.
So, relatively than hoping your subsequent massive touchdown web page thought will manifest by itself, we determined to place collectively an inventory of inventive approaches you possibly can attempt in your subsequent marketing campaign. Whether or not you’re on the lookout for the subsequent massive design development or only a cool thought to get you thinkin’, we’ve wrangled seven attention-grabbing touchdown web page concepts that may assist your small business stand out and drive motion.
However first! Let me stroll you thru three tricks to make your brainstorming session that a lot better.
Why must you care about bringing inventive, shocking, and even uncommon ideas into your touchdown web page design? Doing one thing totally different helps guarantee your web page packs the punch it wants—each to depart a long-lasting impression in your guests and, most significantly, get ‘em to transform.
3 Issues to Bear in mind When Brainstorming Your Subsequent Huge Concept
1. Identical to your advertisements, your touchdown pages aren’t for everybody (and that’s a very good factor!).
Your touchdown pages shouldn’t be one-size-fits-all. Fairly, they need to provide a comfortable, good match for a really particular viewers. In truth, niching down your marketing campaign is definitely higher for qualifying leads.
Right here’s why: Solely focused prospects who establish with the distinctive messaging and design of your advert are going to click on it. This self-vetting course of ensures those that do attain your touchdown web page are into what makes you (or your one-off marketing campaign) a bit totally different—which implies a better chance of gross sales, clicks, and conversions.
2. It’s A-OK in your touchdown web page concepts to be a bit “on the market.”
In contrast to a core web page in your web site, touchdown pages present a possibility to play with distinctive designs, colours, and even messaging that may not match the remainder of your model. Whether or not which means getting loud and flashy or making an attempt out some new tagline, there’s nothing incorrect with taking some calculated dangers!
3. Variants will help you discover the perfect strategy.
When you’ve got just a few totally different concepts and need to discover out which strategy is finest, you possibly can run A/B checks on a number of variations of your touchdown web page to see which converts finest. However what if (as is commonly the case) sure varieties of holiday makers reply higher to 1 model than others? That’s the place Smart Traffic is available in.
Utilizing AI, Good Site visitors learns and checks totally different touchdown web page variants to find out which one will more than likely convert a particular kind of customer. So when somebody new arrives in your web page, they’ll be immediately routed to the variant that’s the perfect match for them. In different phrases, operating a number of variants directly will help you drive the precise message to the precise particular person, each time.
7 Touchdown Web page Concepts to Encourage Your Subsequent Marketing campaign
Prepared for some severe inspo? These seven touchdown web page concepts will assist get these inventive juices flowing. Don’t fear, we’ve additionally included loads of distinctive examples that will help you visualize your subsequent masterpiece.
Hungry for extra examples? Take a look at the Ecommerce Lookbook—that includes 27 high-converting touchdown pages from Unbounce prospects.
1. Play with distinction (darkness and lightweight)
Identical to a neon signal that stands out in opposition to an evening sky, this inventive touchdown web page instance from Nathan Sports locations vivid neon textual content and design components over a darkish background.
Not solely is the usage of distinction placing, but it surely’s an enormous step away from their on-line retailer design. The neon colours on this touchdown web page are uniquely tied to this marketing campaign and reinforce the significance of visibility when operating at evening.
Our subsequent instance comes from invoicing app Ballpark. Much like the touchdown web page from Nathan Sports activities, the house above the fold depends on distinction to make the textual content pop. Not solely is the white header and inexperienced copy on a darkish background eye-catching, but it surely additionally matches the idea (“Your corporation shouldn’t maintain you up at evening”).
However scrolling down reveals the usage of gradient to inform a narrative. The additional you scroll, the brighter the web page turns into. It’s oddly satisfying, and guests could really feel compelled to maintain scrolling out of pure curiosity—what’s this web page constructing as much as? (Spoiler: it’s a well-lit name to motion.)
Watch how the web page unfolds as you scroll:
2. Embrace a world of shade
There’s a giant, vivid, lovely world on the market—why shouldn’t your touchdown web page be a part of it? Shade can be utilized as shorthand to speak the emotion behind your message, draw guests’ eyes to a selected ingredient (like a name to motion button) or simply create visible curiosity.
Plus, as we noticed with the Nathan Sports activities instance above, your touchdown web page is the right place to experiment with totally different colours or designs that aren’t sometimes related together with your model.
On this instance from SnackNation, shade takes middle stage. They use playful colours to set the tone for his or her product and model (as a result of snacking ain’t a chore—it’s one thing folks do to deal with themselves).
SnackNation additionally makes use of complementary colours to spotlight necessary info. (Prime tip: A yellow CTA will at all times stand out from a purple background!) However our favourite a part of this web page is the brilliant burst of confetti popping out of the snack bag. This provides an additional pop of shade and motion—and reminds us that shade doesn’t should be practical or useful to work in your touchdown web page.
Our subsequent instance isn’t a touchdown web page, but it surely’s definitely a supply of design inspiration.
Stripe will get lots of reward for this net design (and for good cause!). The thought is easy sufficient—a altering gradient background that flows by way of totally different colours—and the execution is sensible.
The fluid animation brings high-tech, sci-fi vibes to Stripe’s residence web page, however the colours are heat and alluring. The result’s a futuristic-yet-accessible animation that displays what Stripe’s model is all about: Fashionable fee options for companies of all styles and sizes—from native mother n’ pop retailers to Silicon Valley VIPs.
3. Make a daring assertion together with your copy
Typically, a daring assertion may be easy. Different instances, it requires copy that’s a bit extra attention-grabbing. In both case, as a result of standalone touchdown pages exist for a particular marketing campaign (and don’t dwell in your web site), they’re a secure place to mess around with messaging.
This touchdown web page from Trade Coffee encompasses a sturdy headline subsequent to a (presumably) sturdy cup o’ joe. No lingo, no buzzwords—only a daring assertion about their product.
“Rattling Good Espresso.” It even kinda smacks you within the face like a shot of espresso.
This instance can be a very good reminder that touchdown web page headlines don’t should be sophisticated or intelligent to be impactful. They are often easy, proud statements about your model, service, or product.
One other place you possibly can mess around with daring or sudden copy is your name to motion. Take this unconventional CTA copy from an Awayco touchdown web page, for instance.
We’re loving the decision to motion—“I’d Prefer to Trip That”—for 2 causes: Its risqué play on phrases completely grabs the readers’ consideration, and the usage of first-person pronouns helps guests envision themselves using this board.
Additional down the web page is one other CTA that asks guests to “Free the Funk In the present day,” which performs on the title of the featured surfboard (“Free the Funk”) and nonetheless works as a really clear name to motion. This copy ties into Awayco’s model and speaks the language of their target market—rock on, brah!
When developing with new touchdown web page concepts, don’t be afraid to go a bit “off script” with sure components of your copy. Search for little methods to inject your model, character, and creativity, whether or not it’s in a headline or a part of an actionable CTA.
4. Set issues in movement
Name me loopy however your touchdown pages don’t should be static. Video content material, GIFS, shifting backgrounds, and little animations will help deliver your touchdown web page to life. With the precise touchdown web page builder, there are many methods to combine motion into your design with out doing something too fancy (or hiring a developer).
For example, merely embedding video content provides you a a lot greater alternative to offer info shortly—with out bogging down your web page with endless textual content—and that’s precisely what our subsequent instance does.
As a advertising and marketing video platform, it’s solely becoming that Promo would function a bunch of movies on their touchdown web page.
Not solely is the header background a video, however there’s an whole gallery of movies additional down the web page. By giving guests the possibility to press play on whichever movies catch their eye, they’re inviting engagement, whereas additionally permitting guests to discover the web page and content material at their very own tempo.
So, we’ve checked out embedded video and galleries, however what about animations? The probabilities are countless—from animated headers and button results to shifting backgrounds to … shock bears?
This can be a actually enjoyable instance from TunnelBear the place the bear pops out of the tunnel. The animation is a brief, one-time impact that solely happens when somebody arrives on the web page. It’s easy, fast, and most significantly, memorable. Although it’s considerably foolish, it’s very on-brand—and it helps you keep in mind their title.
5. Pull guests deeper into the web page—actually
The inventive net web page from AB Architects is sufficient to make guests re-evaluate how they interpret on-line “house.” In contrast to a typical vertical web page design, scrolling pulls guests ahead into the web page. It feels such as you’re strolling down a protracted hallway—or shifting by way of a gallery—with photos from their “Dwelling Companies” portfolio on both facet.
We love this complete idea as a result of it challenges customer expectations in such an uncommon, participating approach. Since this instance was created by NextPage for an architectural agency, we are able to’t say we’re fully stunned—however we are fully impressed.
In fact, it’s not at all times possible to reinvent the touchdown web page, however this instance serves as an necessary reminder that the perfect on-line experiences may be immersive and fascinating.
6. Let guests play with design components
There’s one thing particular about web sites that present interactive design experiences.
This instance from Jigsaw makes use of a highlight impact that requires guests to maneuver their cursor over the headline to disclose what’s hiding in the dead of night. That is immediately in step with their messaging about making a safer web, but it surely’s additionally a really memorable expertise for guests.
We see the same impact on Glyphfinder’s web site. The background header involves life with floating tiles that react to mouse actions. This enables guests to first have enjoyable and work together with the touchdown web page, earlier than scrolling all the way down to study extra concerning the platform (with out distraction).
We love that each of those ideas are immersive, interactive, and plain previous enjoyable. However be conscious that your creativity doesn’t overpower the location’s performance. The highlight impact utilized by Jigsaw and the scattering impact on Glyphfinder web site are each actually cool—however for guests on an older machine or slower web connection, it may result in a irritating, unfavourable person expertise.
7. Ask for viewers participation
Interactive components are available in all styles and sizes. Brief surveys and quizzes, for instance, are easy additions, but bump up customer engagement by a number of notches (and may rating you some helpful buyer information).
Within the instance under, we are able to see that Warby Parker nudges web site guests by way of the funnel with a quiz that helps them select the right frames. Not solely is that this a enjoyable, useful option to work together with their viewers, however the survey additionally features as a retargeting instrument for potential customers.
For those who’re not trying to create an entire survey, you possibly can nonetheless incorporate viewers participation as a part of your marketing campaign. Check out this screenshot from Monday.com for one more thought of methods to accumulate customer information and personalize their on-site expertise with out utilizing a conventional lead kind.
Any form of immediate or discipline that requires enter to unlock the subsequent step will help you exchange high-quality leads and reveal helpful insights about their targets or wants.
Border Buddy simplifies this idea even additional by presenting solely two selections for guests who’re prepared to maneuver ahead.
Nonetheless you determine to interact with guests—a survey, kind, quiz, and even an interactive circulation chart—you simply made your touchdown web page extra helpful to you and your viewers. Not a foul day on the workplace.
Let’s Convey Your Touchdown Web page Concepts to Life
Now that we’ve received these inventive juices flowing, you’re in all probability itching to take off and create a touchdown web page of your personal. Whether or not you begin from scratch or use considered one of our helpful touchdown web page templates, it’s time to make your dream touchdown web page thought a actuality. Let’s deliver these bathe ideas to life!
