Landing page лестницы


12+ Best Event Landing Page Templates & Themes

The best way to create a buzz about an upcoming event is to create a website that promotes it as a must-attend, one that will boost interest, bookings and, ultimately, attendance. These responsive and retina ready landing page generators and templates will do just that, and look fabulous into the bargain. Take a quick look to decide which one of these themes is right for your upcoming business event.

Subscribe & Register Form Integrated Event Landing Page – $12

Responsive Landing Page Template for Wedding Event – $14

Flat and Responsive Event Landing Page – $9

Light & Dark Event & Conference Landing Page Template – $14

Business Event Landing Page Template – $6

Parallax Responsive Event Landing Page – $12

Funny Animation Integrated Event Landing Page – $25

Conference & Event Landing Page Template – $17

Responsive Conference Landing Page – $13

Modern Event Landing Page Template – $9

Modern & Clean Responsive Event Landing Page – $12

Special Event Landing Page – $12

Bootstrap Integrated Event Land Landing Page – $10

Event Managers Landing Page Template – $8

The Perfect Choice for Your Event

  • Demo content is included with both free and premium samples, to provide you with all the support you need.
  • All examples are mobile-compatible and entirely responsive.
  • Themes come with detailed documentation that you can download and print.

www.template.net

Landing page examples with Smart Slider 3

When you need to create a landing page, Smart Slider 3 has your back with the themed slider templates.

AllFreeBoxedFull WidthFull PageBlockLanding PageDynamic SlidesMinimalSpecialTemplateThumbnailPremiumVideoCarouselContent SliderBackground ImageKen BurnsLayer AnimationLayer EventNavigationLayer ParallaxKeyboard NavigationParallaxParallax ScrollingImage Slider ExamplesLayer Slider ExamplesTestimonial SliderProduct sliderShape DividerBulletsStatic SlideMobile TouchLinksPost SliderInputTimelineLightboxBackground AnimationAccordionShowcaseMain AnimationFull Screen ControlImage LayerParticleButtonTransition LayerSplit Text Animation Full-width Post Slider Free, Full Width, Dynamic Slides Post Slider Carousel Full Width, Dynamic Slides, Special, Carousel Shape Divider Full Width Orion Page Group Full Width Particle Slider Full Page, Premium Designer Full Width, Premium, Video Scene Slider Full Width, Premium Static Slider Full Page, Special, Premium Gym Boxed, Premium Parallax Effect Full Width, Special, Premium Carousel Template Boxed, Dynamic Slides, Special, Template, Premium, Carousel Image Slider Free, Boxed, Minimal Iceland Adventure Full Width, Full Page, Premium Vimeo slider Boxed, Thumbnail, Premium, Video Testimonial Carousel Special, Premium, Carousel, Testimonial Slider Free full width Free, Full Width Full-width Template I. Full Width, Template, Thumbnail, Premium, Video Portfolio Full Page, Premium Agency Full Width, Full Page, Premium Video Block Full Page, Premium, Video Boxed Template Boxed, Minimal, Template, Premium Ken Burns Full Width, Premium Full-Size Template Full Page, Template, Premium Post Slider Showcase Full Width, Dynamic Slides, Special Fullsize Full Page, Minimal, Premium Articles Full Width, Premium YouTube Dynamic Slides, Thumbnail, Premium, Video Interior Slider Full Width, Premium Coffee Full Width, Block, Special, Premium, Video Steak Bistro Block, Premium Photo App Slider Full Page, Special, Premium Showcase Template Full Width, Special, Template Carousel Divider Full Width, Dynamic Slides, Special, Carousel Thumbnail slider Boxed, Thumbnail, Premium, Video Scroll Divider Full Width Company Full Width, Premium, Video Showcase Simple Full Width, Minimal, Special, Premium Boxed Particle Slider Boxed, Premium Photographer Boxed, Minimal, Premium Full width video Full Width, Premium, Video Full-width Product Slider Full Width, Dynamic Slides, Premium Blogger Group Full Width, Block, Thumbnail, Premium Joomla Article Slider Boxed, Dynamic Slides, Thumbnail, Premium Simple Testimonial Premium, Testimonial Slider Blur Slider Full Width, Special, Premium Testimonial Showcase Special, Premium, Testimonial Slider Barber Block, Premium Shape Divider Block Full Width Boxed Product Slider Boxed, Dynamic Slides, Premium Free Video Slider Free, Boxed, Thumbnail, Video Conference Group Boxed, Thumbnail, Premium Free full width gradient Free, Full Width Carousel Product Slider Boxed, Dynamic Slides, Special, Template, Premium, Carousel The Rock Full Width, Block, Special, Premium Video Showcase Special, Premium, Video Free Layers Free, Boxed, Template, Video WordPress Fullwidth Post Slider Full Width, Dynamic Slides, Premium Recipes Block Block, Premium Full-width Template II. Full Width, Premium Product Showcase Full Width, Special, Premium Symu Slider Full Width, Premium Free Static Free, Boxed, Special Free Thumbnail Slider Free, Boxed, Thumbnail Product Template Boxed, Dynamic Slides, Template, Premium Magazine Slider Boxed, Dynamic Slides, Special, Premium Video Block Boxed, Block, Premium, Video Particle Carousel Special, Premium, Carousel Static testimonial Boxed, Block, Special, Premium, Video, Testimonial Slider Wonderful Holiday Boxed, Block, Premium Post Slider with Thumbnails Boxed, Dynamic Slides, Thumbnail Subscribe Block, Minimal, Premium Museum Full Width, Premium City Boxed, Special, Premium NextChat Full Width, Premium Testimonial Thumbnail Thumbnail, Premium, Testimonial Slider WordPress Carousel Post Slider Boxed, Dynamic Slides, Special, Premium Magazine Full Width, Block, Special, Premium Headphone Full Width, Block, Premium Dating Full Width, Premium Adventure Block Full Width, Block, Premium Minimal Dynamic Height Boxed, Minimal, Special, Premium Instagram Slider Dynamic Slides, Special, Premium Flickr Slider Boxed, Dynamic Slides, Premium Video Particle Full Width, Block, Premium, Video Vertical Thumbnail Boxed, Minimal, Thumbnail, Premium Horizontal Accordion Boxed, Special, Premium Vertical Accordion Boxed, Special, Premium Carousel with Lightbox Boxed, Minimal, Special, Premium, Carousel Close

smartslider3.com

36 Creative Landing Page Design Examples

Want to see how effective your landing pages are? Run your page through The Landing Page Analyzer to get your custom report today. Psst: This post was originally published in 2013, but we recently gave it a refresh during our two-week publishing hiatus. Since launching the Unbounce Marketing Blog, this post has become one of our top-performing posts of all time. We hope you enjoy the read.

It’s landing page examples time.

I’ve compiled a list of 36 landing page designs to critique. Most of them are awesome, some need a bit more work and a few are downright awful (as a lesson of what not to do). Each will get my customary “what I like” and “what I’d change or test” so you can get some ideas and inspiration for your next page.

The landing page design principles I’ll be using when delivering the critiques are from The 7 Principles of Conversion-Centered Design framework.

A practical application

To demonstrate how to apply these landing page design concepts, I’ll show a before and after template design example. The purpose of this particular template is to facilitate the download of an ebook in exchange for the standard name and email.

Note: This template is available for use within the Unbounce landing page platform suite of landing page templates.

The template: before landing page optimization

An ebook landing page template without the aforementioned landing page design concepts applied

The template: after landing page optimization

An ebook landing page template with the aforementioned landing page design concepts applied.

36 landing page examples critiqued for conversion

Are you excited to see some sweet examples? You should be… there are 36 of them. Most are from Unbounce customers, but I’ve thrown in some scary ones too, just to mix it up, and to scare you into making your own pages better.

I’m sure this isn’t your first landing page rodeo, so saddle up, get your design hat on and take a ride with me down landing page lane.

Let the critiques begin…

Create Higher-Converting Landing Pages Using Conversion-Centered Design

Download this ebook and become an expert at building delightful, high-converting marketing campaigns.

By entering your email you'll receive weekly Unbounce Blog updates and other resources to help you become a marketing genius.

1. Mobile Commons

What I like

  • Clear and enticing headline: Your headline is the first thing that people need to see on your landing page, and Mobile Commons does a good job of utilizing its headline to describe what it does, and make you want to keep reading to “Find out why” .

What I’d change or test

  • No back up to claim of 10x conversions: Stating that you’ll get a 10x conversion improvement is a very bold claim. It would essentially mean that someone converting at 10% would have a conversion rate of 100%, which isn’t attainable. It would be more effective to have a customer testimonial talking about the conversion improvement they achieved.
  • Button copy needs to describe it’s purpose: This is a simple one to remedy. Your CTA button should always explain explicitly what will happen when it’s clicked, for two reasons: firstly, so people will know what they are going to get, and secondly, so there is another element on the page backing up its purpose. In this instance, I’d suggest something along the lines of “Arrange a call back to discuss a mobile solution”.
Encapsulation Nicely encapsulated form area: Design principle #1 talks about the use of encapsulation to bring attention to your form areas. Mobile Commons again does a nice job here, making sure the conversion area stands out from the rest of the page and making it clear where you need to go to complete your interaction with the page.
Color and Contrast Button color: The CTA should be changed to stand out more from the rest of the page. Right now the blue is swallowed up a bit. It is a nice contrast to the form background, but overall the page has conflicting colors. If you stood back and looked at this page, you’d be hard pressed to identify the most important element. Some of this could be resolved by moving the customer logos to the bottom of the page, potentially in greyscale to prevent them from conflicting with the rest of the page.
White Space Crowded page could use some whitespace: Design principle #4 talks about the use of white space to improve the clarity and reading experience of your page. By making the page a little longer, Mobile Commons could make each part of the message more clearly chunked into digestible blocks. It could also draw more attention to the testimonial, by shifting the left column away from the form.
Social Proof Powerful testimonial: The testimonial from the CEO of Tumblr is very compelling. It’s a brand that many are familiar with and lends a lot of credibility to the page.

2. Macquarie University

Click image for full-size version

Thoughts

This one’s hard to critique. It’s a really good landing page. Oh, but there is the dreaded Submit button again! Tsk Tsk. There are a few things I’d suggest to keep the landing page experience intact. Firstly, I know people are afraid to remove links (or “leaks” as I call them), but you really don’t need to cite every claim you make at this point. It’s not a whitepaper, it’s a marketing device. Secondly, the form area needs a little work. I’ll describe a hypothesis for each.

Hypothesis for A/B testing

The form area:

By enhancing the messaging of the form area to explain, and focus on, the purpose of the page, the clarity of communication will improve and encourage more people to complete a form they know will benefit them. This will also increase the number of relevant and qualified leads.

Page leaks:

Distractions remove people from the reason *you* have paid them to be here. Removing all links on the page so there is only one action will increase the engagement with the page’s conversion goal, increasing form completions and reducing the bounce rate.

A/B testing advice

Suggestions on what to test to prove the hypothesis:

  • Clarify the form’s purpose: The form header is your one chance to describe the reason why you’re asking for personal data. Here the wording suggests that you complete the form to “Register to their event”. Yet, having skimmed (that’s all people will do) the page copy, I see no mention of an event. And the dreaded Submit button does nothing to clear it up. Will you receive information about the university based on your level of study (Current? Desired?) or a prospectus for available courses? So my test advice is to say exactly what you will receive in the header, and reinforce that in the CTA.
  • Never submit: You were warned.
  • Leaky page: Take away all of the links on the page (except for the privacy statement). If you really need to link to something, do it in a lightbox to keep prospective students on the page.
  • Add a FAQ: You can remove the need for so many questions by opening a FAQ page in a lightbox that addresses all of the questions you are currently answering via external links. This will reduce your total points of interaction to three: The CTA, privacy policy and the FAQ.
Encapsulation This is an obvious one. The form is nicely contained in its own box, which helps it stand out from the image behind it.
Directional Cues The arrow may be small, but it’s a reminder that the form is where the action’s at. Knowing this right off the bat relaxes the mind so that it can explore the content on the page, knowing that you know where to go if you decide to continue on.
White Space The form area is nicely separated from the content, and there is a lot of breathing room all around the main image. A really good demonstration of how to use white space properly.

3. American Bullion

Click image for full-size version

Thoughts

Oh dear. What am I supposed to do with this one? It’s a great page. So I’m going to do a 180 here and talk about what I like about it.

What I like

  • Descriptive headline: The headline tells you what the page is about in three words.
  • Simple intro paragraph: Describes what you’ll get for completing the form.
  • Perfect form header and CTA: A descriptive form header and button copy.
  • Supporting information: Everything you need to know is pretty much above the fold, but if you’re not convinced then you can check out a large amount of social proof below including: testimonials, media mentions and trust symbols.

The only thing I would add to this page would be a sub-header above the three steps to say what they are about: such as “About Gold Investing”.

Encapsulation I’m being spoiled today. Another form that’s sitting nicely in a container. ‘Nuff said there.
Color and Contrast This would be *really* good if the bottom blue area was a different color — perhaps just a dark grey. Then the only blue area would be the form container, which would really pop out. I also like how the trust logos are knocked back by being in greyscale. This keep them visible but not conflicting with more important areas.
Social Proof There’s a ton of social proof logos on display here, although I think the lower set of logos is overkill. The two testimonials could use a different treatment to make them stand out as quotes rather than the current design that makes them look like a block of text like the rest of the page.

4. Florida Hospital – TAVR

Click image for full-size version

Another excellent landing page. Although I don’t get a clear sense of what TAVR is right away (the tiny description of the acronym is hard to see). If you have highly targeted ads, then you need to make sure the headline is a clear match with them.

Hypothesis for A/B testing

By being more explicit in the headline about what TAVR is, more people will be able to relate, staying on the page and completing the form as a result.

A/B testing advice

Suggestions on what to test to prove the hypothesis

  • Headline change: I would test using the full name of the procedure, placing the acronym as a second element.”Is Valve Replacement (TAVR) Right for You?” followed by an explanation of what the acronym and procedure are in the first intro paragraph.Note: I can’t say if this enough information for people to understand it.
  • Optimize for Pay-Per-Click: If there are any paid ads (AdWords, etc.) driving traffic to this page, I would change the header to be text with a graphical background, compared to having one giant image. This would increase the Quality Score and the test would compare the change in Quality Score by making the header bot-readable.
Encapsulation I love that form encapsulation is really sticking as a staple design principle. I do have one suggestion here, but it’ll be covered in the color section.
Color and Contrast Here’s a great example of using a single color hue for the majority of the page. Which really opens the way for the use of color and contrast to make your form area stand out. By choosing a color that opposes blue, you’d really attract attention. Here you could try the deep red. You might then change the button to be white.

5. SweetIQ whitepaper download

Click image for full-size version

Thoughts

This is a fairly standard whitepaper/ebook download page; however, the underlying design doesn’t support the aesthetic you’d expect from a brick and mortar targeted page. As an electronic document delivered online, it’s important to make it obvious that it’s for local businesses.

There are a couple of ways to do this. Use imagery to show physical businesses, either on the ebook or the background of the page or make the CTA very explicit about the local aspect.

Another thing to mention here is that the copy doesn’t really say anything about what you are downloading! Is it a report? An ebook? This absolutely needs to be addressed.

Hypothesis for A/B testing

By focusing on the local business aspect in the CTA, there will be a better understanding of the local brick and mortar business relevance and more targeted downloads (creating better qualified leads).

A/B testing advice

Suggestions on what to test to prove the hypothesis

  • CTA copy: I would test the current CTA copy against something more explicit like “Download your location based whitepaper now”, with a short supporting line beneath the button that says “For brick and mortar retail businesses”.
Encapsulation Again, I’ll defer to Mr. contrast here.
Color and Contrast The form area stands out really well on this page. You can’t help but notice it. In this instance I’d try going for a red button to make it stand out from the main color palette. Here, the page is so simple that there’s no real visual complexity to compensate for, but you should still get in the habit of practicing separation.
Try Before You Buy Whenever you have an ebook/whitepaper/report to offer, you need to provide a preview. Sometimes, having a short Slideshare presentation on your page to showcase part of your content can bump your conversion rate (but you need to test).

6. Benchmark

Click image for full-size version

Thoughts

There are two different CTAs on the page, both in color and copy. These could use more consistency, and represent what the next step will reveal (I’m assuming the homepage).

No clear value proposition. I don’t know how the company differentiates from the 100 other email service providers out there.

Hypothesis for A/B testing

By including a strong value proposition that illustrates why Benchmark is unique, people will be more willing to click through to the next step.

A/B testing advice

Suggestions on what to test to prove the hypothesis:

  • Tagline: There could be a tagline right next to the logo (to use some of the wasted space up there) that helps define the company right away. After all, Benchmark doesn’t say email to me.
  • The primary headline: This could be stronger, again, differentiation is key here. Why should I care about Benchmark? What’s the main difference? I’d suggest a two-level headline, where the main header explains the core benefit, and the secondary headline backs it up with supporting information (stats, number of customers etc.) Then I’d move it over the top of the first paragraph and video.
  • Image or video of the software in use: Instead of focusing on a testimonial at the first level, I’d include some bullet points that support the headline again — and a video or screenshot of the software. (Then move the testimonial further down).

Test it and see…

Social Proof The page talks about small business, and then features giant companies as the supporting proof of success. There seems to be a mismatch of company size that could make people perceive their offering is targeted toward the enterprise market.

7. Spousal immigration to Canada

Click image for full-size version

Thoughts

Well this is a first! An infographic on a landing page. Very cool. Although time consuming to read.

The opening headline is too situational, rather than descriptive. It would be stronger if it were simplified, rather than cute. The infographic has it right: “Sponsor your spouse to Canada”.

Hypothesis for A/B testing

By changing the page title to directly describe the purpose of the page, the bounce rate will be lowered, and conversions lifted.

Replacing the infographic with key facts in written form will improve the clarity and time spent reading, resulting in more people completing the form, as they will have a better idea of what the benefits of using FWCanada are.

A/B testing advice

Suggestions on what to test to prove the hypothesis:

  • Page title: Change the page title to “Sponsor your spouse to come to Canada” and use a subheader that says something like “Let FWCanada make your sponsorship easy”.
  • Replace the infographic: Take the key points out of the infographic to inform readers who can apply, who can be a sponsor and how to apply. Probably in the form of an intro paragraph and sectioned sets of bullet points.
Encapsulation It’s hard to stand out on this page as it’s made up entirely of boxes. I think the best thing that could be done for this page would be to add some white space to let it breathe.
White Space As I mentioned, this would be the saving grace for this design. By shuffling the page elements around, to offer up the required information before the call to action and by creating a better hierarchy of information, the page wouldn’t make you jump around wondering which order you should be consuming it in.
Urgency and Scarcity I think I’d urgently move away from an infographic and back to regular content, even though it’s a novel idea.
Social Proof The goal of the company here is to perform a legal procedure. For this reason it really needs some strong social proof. It’s the perfect service to leverage success stories. I would be reticent to try using this page without to be honest.

8. Falcon Social

Click image for full-size version

Thoughts

This page is actually a microsite, so I would first suggest ripping out the header and footer navigation to increase the on-page engagement and turn it into a promotion-specific landing page.

What Falcon Social does really well is something that I’ve been preaching for a long time, namely the use of lightboxes to show extended content without leaving the page. This happens if you click any of the ‘Learn more’ links.

However, the page lacks explanation of what the solution provides prior to asking someone to start a free trial. This could include having an introductory paragraph beside the video that mentions how long the trial is along and include a benefit statement.

Hypothesis for A/B testing

By changing the CTA copy to a benefit-driven statement and telling the customers what they will get when they sign up, more people will start a trial.

A/B testing advice

Suggestions on what to test to prove the hypothesis:

  • CTA copy: To test different CTAs, I’d run the original against a core benefit CTA such as “Grow Your Brand Socially” and a third CTA that says “Grow Your Brand Socially” with a smaller supporting “x-day free trial” directly beneath the button.
Color and Contrast The CTAs on this page really stand out. If you try squinting at the page, they are rich with stark contrast.
White Space Having the space surrounding the main content area (on both sides), it gives the page a less cramped feeling. If you try to imagine the content going all the way to the edges — maybe to try and reduce the height of the page — it would be much harder on the eyes. There is a lot of content here, so it could still use a little more space vertically.
Social Proof This is a good way to use testimonials. It starts with a customer list, then moves on to hear what some of them are saying. In general the information hierarchy is nicely done on this page: intro, details, supporting statements.

9. Manpacks

What I like

  • It’s sexy: Predictable response? Yes, absolutely. That’s the whole point.
  • Validation: They jump right into showing off the famous publications that have featured their company. From a design perspective, the grey monotone prevents a mishmash of color, preventing any visual distraction from the call to action (CTA).
  • Value propositions: The main content on the page answers two simple questions: “What is it?” and “Why should I care?”
  • Testimonials: The second is one of the funniest I’ve read. “Socks as a Service” — genius.
  • Removal of doubt: The subtext below the CTA lowers the perceived risk, which can improve the click-through-rate (CTR).

What I’d change or test

  • Tagline: To make it more immediately clear what the purpose of the page is, I’d add a succinct tagline beside the logo.
  • Main title (core value proposition): There are a couple of ways to use a headline: A) use a very clear statement of what you are offering to enable an understanding of the purpose of your page, or B) entice your visitor to want to keep reading by using a seductive headline. They’ve gone with B here, presumably in an attempt to catch your attention and increase curiosity (or to push a particular button). For a test, I’d try approach A and make it really clear from the get go — what Manpacks is (this would work really well with the tagline to help pass a five-second test).

The example below shows an alternate page they created, presumably to speak to a different segment or create a different emotional trigger.

Encapsulation Here the rule of encapsulation is applied to the content. Adding the blue container separates the main content area nicely, making the reading experience much simpler.
Social Proof This is the best and funniest example of a testimonial I’ve ever seen, and fits the fun brand perfectly. The Tweet on the bottom-right contains the phrase: “Socks as a Service” playing off the SaaS acronym. Brilliant. Always makes me laugh.

10. That reset button is what I’d click

Notice the big red button on the bottom-left? Reset what? Your business idea? Your design skills? I just hope something magical happens when you click it.

What I like

Nothing… Awkward!

What I’d change or test

Unlock the potential for what? Living in a cul-de-sac in a Florida gated community? Be a little more specific about what the purpose of the page and offering is.

11. Sugar Daddies

What I like

Again, not much to boast about here.

What I’d change or test

Okay, if rich men are your thing, go for it. Who am I to stop you? But unless I’m mistaken, shouldn’t they at least be men? Three of these look distinctly female to me. BTW, I searched “get rich quick” while searching for examples, and this is what I got — I guess marriage/dating is one method.

I get that the hot women are there to help sell the idea (to the men) of using money to “get what you want”. But still, throw in a few statements of what the “service” provides. You’ll get more conversions if people know what to expect. And maybe add a little class. #JustSayin.

12. Zen Web Solutions

What I like

  • Good message match on form: It’s important in form design to ensure that your form header matches the copy on the button. This really focuses the purpose of the page. Remember never to use the word “Submit,” as this breaks the rule and you lose the supporting information. So great job here.

What I’d change or test

  • Client results are hard to decipher: The client results image is an important part of the page header, yet it doesn’t really make much sense. I’m not sure what membership services are, so this could use a more descriptive image and supporting statement.
  • Form purpose could be simplified: Currently, the form has two purposes. A phone number to contact the company to discuss business, or to download a marketing guide. As the form action is to get the guide, I wouldn’t muddy the waters by having the phone number in there. I’d suggest placing it beneath the form area as a secondary action. Hit them with the free content first and then the request for them to call. You could also test flipping them into the opposite order.
Directional Cues I like the way the “Find out how we can help you” statement has an arrow after it, pointing the way to the form, and the next step.
Color and Contrast There are quite a lot of orange elements on the page. By choosing a button color that’s not within the orange range you will make it stand out more. Blue or green would be good, and I’d also bump up the size to make it more dominant. The form container could also use a little something to make it stand out from an otherwise flat page.
Social Proof The testimonials also have a success metric net to them, which is a smart strategy. However, it could be communicated more effectively if it was written out, rather than trying to play with an image. Bad use of design.

13. Certify

What I like

  • Expectations are communicated next to the form: Beneath the form header, you are told that someone will contact you within 24 hours

What I’d change or test

  • The video poster frame should be more enticing: A poster frame is the image that is visible on your video before the play button is clicked. In many cases this is left to be a screenshot of the start of the video. It can be more effective to have a descriptive and enticing benefit statement as the starting point — to make people want to watch.
  • Asking for contact too early: One thing I would test is the placement of the form. It’s good to be above the fold for the most part, but when you are asking someone to engage in communication with you, you might want to expose them to more information about your product offering first. It could be as simple as putting a few bullet points in place of the form and nudging it down a bit. This could mean that you need to move the third feature block somewhere else, and switch it to two or four. Or you could extend the header area to be longer, and balance the design by putting a relevant statement beneath the video, talking about a benefit of the service. Or you could switch the testimonial into this spot.
  • Never submit: Change the button copy to say something like “Please contact me for further information”. Polite and to the point.
Encapsulation As I mentioned above, if you shifted the form down to sit half in and half out of the main header area, you could encapsulate it nicely in a design element that really separates it from the surrounding elements, by virtue of how it would break existing lines.
Color and Contrast The color choice for the two CTAs (just one please, tsk tsk) does contrast with it’s surroundings, but something about the design is just awfully flat. But at a distant glance they do stand out.
White Space There is some generous white space in the main content area which lets your eyes flow down the page through the content. It would be enhanced further by using a larger type size, with an appropriate line height to give the copy room to breathe also.
Try Before You Buy Video product demos are always a good window into what you are offering, and can simplify the subsequent content consumption as you can easily scan to seek out any remaining holes in your buying process. In this example, you could easily skip the 1, 2, 3 content below the video as it’s covered in the video.
Social Proof The subheader of the page is actually a testimonial which clarify the purpose of the product at the same time as adding social proof.

14. FluidSurveys

What I like

  • Clear value proposition: The headline is very simple and leaves no doubt about the purpose of the page and the product. And it’s nicely backed up by a well written explanation of some of the core benefits directly below.
  • Highlighted testimonial: The brushed highlight of the testimonial gives it a bit of extra design zing and prevents the page from feeling too text heavy.
  • Contrast: They chose two nicely contrasting colors to highlight important elements. The free label, and the form CTA.
  • Context of use: Their choice of imagery lets you know that the product can produce mobile-ready polls.
  • Validation: Like the example above, they provide a strong sense of trust by including a set of logos.
  • They’re Canadian! Woot!

What I’d change or test

  • Remove the footer navigation: Any extraneous navigation on a landing page can lead your visitors down the wrong path. I’d recommend removing the footer nav to simplify the available choices.
  • Explain the logos: Add a small label (like example #1) to explain that they are client logos (or sites that have featured/written about them).
Color and Contrast Color is used here to set up the informational hierarchy appropriately: top, middle, bottom. Which allows you to visually break the information into three pieces, speeding the reading process. The CTA also stands out as the only green element on the page.
White Space Very simple layout with a spacious design. Let your eye wander around the page and you’ll see how easy it is to identify each block of information. Remove the footer navigation and it would be even stronger.
Social Proof Just a little touch of design behind the testimonial helps to make it stand out as different from the content section above it, helping to set a visual barrier that keeps your eyes in place when you are reading the three chunks above.

15. Golden Sands

What I like

  • Experience: It immediately makes me want to go on holiday and stay in a luxury hotel. The pillows are literally selling me softly.
  • Price: Travel is very much about price, and they get that out of the way right off the bat, so you can move on to the finder details after unerstanding if you can afford it or not. #smrt

What I’d change or test

  • The form header: Apply now? For what? It’s unclear what you’re applying for — I thought it was a booking site, but apparently I have to apply for something. Make it clear why people are filling out your form.
  • Primary value proposition: There’s no clear statement of what the page is for or what you’ll get. I’d try moving the hotel logos from the top and adding in a strong value prop.
  • Exclusive: There is a mention of an exclusive preview invitation, but it doesn’t explain what you’re being invited to. I’d also make this stand out more if it’s an important selling point — perhaps using some visual cues to draw the viewer’s eye.
Encapsulation The use of opacity for the form container is a good example of drawing just enough attention to the form, while still following the soft design aesthetic of the page.
White Space The use of darker areas on both sides of the content helps to drive you through the content in the middle of the page, like a funnel.
Social Proof Good and bad. The Trip Advisor certificate of excellence let’s you know that a recognized authority has validated the company. The testimonials shown are anonymous, which reduces their impact (as they could have been made up). Always ask permission to use a testimonial and include the name of the person providing it for extra trust points.

Create Higher-Converting Landing Pages Using Conversion-Centered Design

Download this ebook and become an expert at building delightful, high-converting marketing campaigns.

By entering your email you'll receive weekly Unbounce Blog updates and other resources to help you become a marketing genius.

16. Echodemic

What I like

  • Opening statement: The opening sentence describes their offering perfectly and succinctly.
  • Honesty: It tells you the cost, so you can weigh up the potential value associated with extending your brand reach.
  • Clear contact method: The big phone number increases the trust factors by letting you know there are real people to deal with.

What I’d change or test

  • Move the form: Stick the form above the brand logos.
Color and Contrast On this page, my eyes have no idea what to do. They jump around all over the page, trying to find an area of importance. The contrast needs to be knocked way back and be aligned better in terms of heavy vs. light. Don’t even get me started on the form. Even if you manage to work your way down to it, it’s so bland and nondescript, with no real purpose attributed to it.
White Space Re-architecting the page to focus on one element alone with two columns of visually related content would greatly simplify the reading process.
Social Proof The Facebook follower number lends some credibility to their appeal, as it’s what they are selling as a service. But not enough to really inspire confidence. I would remove this until the number is significant. How are the logos connected? Are they just hotel names to help you understand the point of the page? Or are they existing customers? Make this clear with a title if they are customers.

17. Demandforce

What I like

  • Market share: They already seem to have a 30% market share — invest.

What I’d change or test

  • Big form: There are only two required fields, so don’t make a visitor feel like they are taking on a long labor to get information. Scale back to just name and phone number. And don’t start the conversation with “Fill in this form.” That’s the equivalent of walking into a clothing store and being told to buy a bunch of clothes before you even try them on. Seduce, or even coerce, but don’t instruct.
  • Call to action: The visitor isn’t really looking to sign up — they’d probably respond more to “Request Tour” or “Get Started”.
  • Footer: The links in the footer, other than Privacy, are just distractions. Get rid of as many leaks as possible to keep conversion high.
Encapsulation I like the inverted color of the form container here. The white stands out nicely from the solid background (to steal a comment away from Miss Contrast).
Social Proof As seen on!: Right at the top is a testimonial that describes a benefit and associates the product with a third-party authority, and then backs it up with a great quote from the company showing how it made them extra money (who doesn’t like that!?) — they even have an Amazon review :)

18. Boost Your Search — free audit

What I like

What I’d change or test

  • Stick to your guns: Choose one action and stick with it. In cases like this, the email lead is not nearly as valuable as the customer.
  • Make two pages: Differentiate the actions “Free audit” and “Paid Plan” into separate landing pages so you can segment the traffic from channels like PPC.
Encapsulation Too much. Too much.
Directional Cues There’s a tiny one in the form header, but that’s only useful if your eyes can stop darting around the screen.
Color and Contrast Separation of colors with contrast: This is my biggest problem with the page. Everything is in the same three colors, making it super hard to distinguish what the intended conversion goal (interaction point) of the page is. I would try to knock everything back to be within the same basic color hue, so the pricing grid can stand out. I’d also make the two pricing tiers on the outside, the same muted color, to make the recommended (center) tier the most dominant.
White Space None.
Urgency and Scarcity Only the need to run away.
Social Proof Back it up: Cite the sources (statistics and testimonial) show that you didn’t just make them up to get the sale.

19. Eureka Report

What I like

  • Red, White & Black: The color scheme is classic and trustworthy; this is clearly business oriented.

What I’d change or test

  • Wait what: The product, Eureka Report, is overpowered by the incentive. Am I getting the Eureka Report or Time Magazine. Fix the hierarchy so it’s clear what the purpose of the page is. Try switching the positioning of the 10 reasons block and the form block.
  • Top x: As popular as Top 10s are, smaller lists are punchier and more memorable. Try 5 or 7 — that will give you a littler more space to play with too.
Urgency and Scarcity This is design principle #5, and is utilized in the top-right corner with a deadline. It would be even better if it were located beside the form, to increase the urgency of the action you are taking.

20. Monsoon — the value of association

What I like

  • Modern tech: Speaks to a very specific modern technology sector (catches the HTML5 nerds is what I’m saying).
  • Why?: Strong section on the importance of the company’s technology.

What I’d change or test

  • Mobile Apps: The purpose *appears* to be to build mobile apps, but it’s buried in small text beneath the main imagery — much better to use large text to convey the message and *then* follow it up with “context of use” images where you see apps used on mobile devices.
  • Talk to us: Why? What is the benefit of talking to you about your project? Try adding a direct benefit beside the CTA that says “Talk to us about your next project, so that we can a,b,c the hell out of it…!”
Encapsulation The form is above the fold and contained nicely, although it could use a little more contrast and a visual cue to point out that this is what you want the customer to do.
Social Proof Clients: Put the title above the images so it’s clear why they are there.

21. Dev Auditions

What I like

  • Clear value proposition: It’s clearly about hiring better people — focused on dev. But the headline could be clearer (see below).
  • Walkthough: The three-step process paints a simple picture of how the company operates.
  • Close with the benefits: I like the start, middle and end of this page. Like a good story it leads you through what you need to know, ending with what you’ll get and a closing CTA. +1.

What I’d change or test

  • Clearer headline: “Hire Smarter” is generic — if you’re looking at dev hires then make the dev logo bigger or change the main headline into something with greater clarity such as “Hire Smarter Dev Talent”.
  • Types of position: As it’s recruiting, I’d include some scope of the types of talent covered as development can be wide ranging. What are your areas of expertise, and geographical boundaries?
Color and Contrast Here the color choices create a series of segments as you move down the page, and each piece of content stands out well from it’s containing area without becoming a distraction to the page as a whole.
White Space The page is nicely separated with visual chunks, which always aids the reading process. All in all, this has a nice professional feel about how the content is presented. I would spend time on this page.
Social Proof After a while some logos start to become less powerful. Everyone has them, so you need to get creative about their use. My recommendation is to try and position an actual quote from a company in context with a semantically related piece of content, such as a feature description.

22. RightSignature

What I like

  • Clear info about what you’ll get, including freebies for extra incentive: The text beneath the button helps put the visitor at ease by describing what will happen next — and the addition of some free usage is a good incentive to sign up.
  • A headline that describes exactly what the product does: I love this headline. It’s so clear and to the point that you couldn’t fail to understand what the service does instantly.
  • Demonstration of simplicity: The three-step design below the main area makes it really quick to understand how the service would be used, which will limit the number of bad leads you’ll get as they know what they’re signing up for.

What I’d change or test

  • Nothing!: I could go on all day about why I like this page, but I have too many more to write so I’ll stop now. Great job, RightSignature.
Encapsulation The first thing you see on this page is the form — it’s beautifully positioned and designed for clarity using the rule of encapsulation. And it will always be above the fold.
Color and Contrast The dominant color on the page is also the most important, which makes you consume the content in the right order.
Social Proof High profile testimonials: Big trust factors come from these testimonials as they help describe the benefits through the use of well-chosen quotes, at the same time as showing off the exposure the service has received.

23. Monetate ebook

What I like

  • Design of ebook image shows professionalism: By having a nicely designed cover you show that time and effort went into its creation (as opposed to a boring plain white cover).
  • Simple bullets break down why you would want the ebook: The headline for the bullets “You’ll learn” really sets the tone that it’s useful, and listing what you will get out of reading it (as opposed to what’s in it) is a much stronger benefits-driven approach.
  • Clear definition in headline of what you’ll get: Sometimes it’s nice with an ebook to know it’s not War and Peace. By limiting this to 10 tips, they stand a good chance of increased conversions by providing an easy to consume resource. While long ebooks can be authoritative, they often go unread.

What I’d change or test

  • Social sharing location: People are more inclined to share something right after they actually get it. So I’d suggest placing the social sharing buttons on the form confirmation page. This also has the benefit of removing distractions from the main page.
Try Before You Buy People react well to the psychology of try-before-you-buy, so adding a preview of the ebook (first chapter or a few choice pages) would help people know what they are exchanging their personal data for.

24. Go Fun

What I like

What I’d change or test

  • Change the informational hierarchy: The first thing you see is “SIGN UP NOW,” which is very aggressive, as there’s no real supporting reason to go with it. Message match is critical for conversion, so make this first statement match the ads/link text people are arriving from.
  • What is this?: There is no description of what Go Fun is. Most people’s reaction to confusion is to hit the back button. On further exploration, there is a tiny portion of small text that explains what it is. This should be big and prominent. They are asking for 20 emails of your friends, you need some serious trust factors on the page to give out your friends’ emails.
Encapsulation and Contrast The contrast of the primary area puts some focus on the form, but the form is so overshadowed by the text that it tends to disappear.

25. Fast Track Sales

What I like

  • Strong headline explains value prop in seconds: They sell homes fast, and they explain it fast. Great headline.
  • Form headline and CTA explain clearly what you’ll get: Nuff said.
Encapsulation Clearly the form is the most important area of the page. Both through the contrasting form container and the fact that the dude is holding it.
Directional Cues You might consider the large man a cue of sorts; he uses direct eye contact to draw you into that part of the page.
Color and Contrast The CTA stands out nicely on the page, drawing your attention to the form.
Social Proof A strong set of press logos adds trust to the perception that they have a good public track record.

26. OCD — clinical trials

What I like

  • CTA asks a question: Questions are very powerful persuasion devices, and placing one on the CTA (button) can help people convert as they want to know the answer.
  • Photos help relieve the pressure: By showing pictures of regular, everyday happy people, they put you at ease by de-stigmatizing a common issue that can affect anyone.

What I’d change or test

  • Move the social buttons: As I keep saying, put these on your confirmation page. If people have just converted they are more likely to share.
Directional Cues If the color of the bottom section weren’t orange, the arrow above the form area would carry more weight, and would pull you from the word OCD down to the form.
Color and Contrast Here the contrast takes your attention away from the form, and is a little bit over the top visually. Don’t stare too long.

27. Learn French

What I like

  • Use of video: The page is kept simple because the video removes the burden of extra copy, a good technique for enhancing page clarity. It’s also quite an emotional video about the founder’s reason for starting the company after marrying someone from a foreign country. Very authentic.
  • Differentiation: The way they leverage the concept of a conversation rather than just learning words, seems likely to be more appealing to potential customers.
  • Clear CTA: Learn French. Yup.

What I’d change or test

  • CTA copy: I’d try changing the button text to “Learn Conversational French” to maintain the concept of the page.
Directional Cues There is a small one above the form, but it took me a while to notice it, which is the opposite of the point.
White Space The content areas areas are broken up well by the imagery. I would make the text bigger and more spacious to enhance the readability.

28. Kingsley Judd Wine Investments

What I like

  • Wine!: Gotta like that.
  • Two-word headline: You don’t get much simpler than that. In just two words they’ve told you exactly what the page is about.
  • Beautifully simple and compact design: The blurred image is clear enough to convey the vineyard feeling, while pumping the form box right out at you. Great use of contrast for the form container and button.
  • Incentive: Having an opt-in for a free prize draw is a good way to entice conversions.

What I’d change or test

  • Terms & Conditions: If you are going to have a prize draw, you should have a link to Terms & Conditions.
Directional Cues The arrow above the form is subtle but helps to tie in the statement above it with the container. It actually worked in reverse for me, leading my eye up to read the text.
Encapsulation Beautifully done.
Color and Contrast The red button is a smart design choice here. Not only does it stand out, but it connects visually with only one other element. The word WIN.
White Space Lots of it. Especially below the main banner area. Very easy on the eye.

29. Box

Click for full-size image

Box is a file-sharing service based out of Los Altos, California. Over the last seven years they’ve raised $248 million of venture capital funding.

What I like

  • Does what it says on the box (see what I did there?): The headline copy says it all: No jargon involved. Simplicity appeals, especially when it’s solving a very real business problem. This kind of language also helps with SEO, as it mirrors the kind of query someone might use when searching for a file-sharing solution. This is backed up with good clear subheadings, which aid the eye when skimming content.

What I’d change or test

  • Weak integration of video: The folks at Box have decided to make the video fade into the background of the header image. I didn’t even see it when I first arrived. This is one of those times where it pays not to try and be clever. I’ve run tests that made it clear that showing the video on the page converts better vs. expecting people to find your link to pop it up.
Encapsulation Your eyes are immediately drawn to the form area due to the low impact white area to the left. Coupled with the form header, you get what’s going on very quickly (that it’s a free trial). However, adding a benefit statement into the header would explain what signing up for a trial would mean for you.
Social Proof A statement of a large customer base can increase confidence that they’ve been around a while.

30. GoToMyPC

Click for full-size image

GoToMyPC is an online service for remote-access to your home and work computers.

What I like

  • Clear copy: Features aren’t the strong point here. The main point is that you can access your computer remotely. GoToMyPC focuses on a headline and copy that sells the benefits in simple language. Jargon is a real killer for landing pages, so unless you have a very niche audience, don’t fall into its clutches.
  • Layout: The layout of a page should read as we would read a book. This page does that, creating a logical journey: headline, image and description, sign-up, post sign-up actions.

What I’d change or test

  • The form position: Switching the form to appear on the right vs. left (and vice versa) is a common test that can show surprising results. Different cultures read in different directions, so give that a try. Switched around, it would also let you read the “Works on” before you deal with the form.
Color and Contrast The dominant element on the page is the CTA. Great. Not so much. The word “Continue” says nothing about the purpose of the page/form.
White Space Very little white space on this page. As a result I found my eyes jumping around a lot — mainly fighting between the desire to read the content at the beginning and the “Try It Free” statement. There should be a strong headline at the top to prevent this (but that’s not so much white space as it is content design).

31. CarFax

Click image for full-size view

What I like

  • Straight to the point: The main headline asks a question that immediately weeds out anyone that’s arrived here mistakenly. “Buying a used car?” Why yes! I’m in the right place.
  • Online vs. offline: The page asks for the car’s VIN — but you’ll most likely only get that by looking for it on the car in person. Luckily they have a mobile page, too, so you can do it on a smartphone. Winning points!

What I’d change or test

  • Nothing. I love this page! They clearly had some smart people architect and design the page.
  • Button copy: Okay, I’d change one minor thing. The CTA should say “View Report” instead of “Go”.
Encapsulation Here they encapsulate three pieces of content, which helps you read the content in stepped chunks.
Color and Contrast They use the color blue well to lead you to an interaction. First you read the headline, “Buying a used car?” and then you immediately jump down to the next blue area — the button that says “View Sample Report”. That’s a nice connection and communication flow.
Try Before You Buy They have a sample report for you to look at right off the bat. This is a great way to develop confidence in your visitors, letting them know what’s in store for them.

32. Oprah Sweepstakes

Click image for full-size view

What I like

  • Media brand match: This is what I talked about at the start. There is a clear correlation between the landing page and the magazine cover. Oprah consistently appears happy, using a strong personal connection (direct eye contact) to make you feel comfortable.

What I’d change or test

Directional Cues Oprah creates a strong connection with visitors using the direct eye contact approach. You can use line of sight as a directional cue, or you can trap people on your page by looking directly at them.
Color and Contrast The CTA stands out only because of it’s size. Otherwise it’s visually hidden amidst the overall color scheme. I don’t think it’s a big deal here though as there is no other interaction point on the page to fight with it.
White Space The text on this page is horribly crushed together, making it really hard to figure out the convoluted details of this double-barreled offer.
Social Proof Oprah. That’s enough right?

33. Intuit

Click image for full-size view

Yet more proof that the big guys are doing it right. This is an excellent landing page. Here’s why:

What I like

  • Benefit-based headline: The headline indicates that there are other options out there, but this is a better way to do it. Instead of describing what it does it uses a benefit to enhance the headline.
  • Use of directional cue: Using directional cues aids the persuasive nature of a page — here an arrow is used to point you in the right direction.
  • Descriptive CTA: It’s obvious that you are going to start a free trial.
  • Social proof: The page is littered with social proof indicators: impressive list of customer logos, security symbols and an Editor’s Choice award.

What I’d change or test

  • How much is it? There’s no mention of how much it will cost after the 30-day free trial. A good way to include this is to say: “Free for 30-days then pick a plan starting at $xx”.
  • No credit card required: This is very important information to know, yet it’s buried as small text. I’d recommend making it subtext in the button to reinforce the lack of a signup barrier.
Directional Cues The blue arrow certainly makes it clear what you are supposed to do and works nicely with the contrasting color of the CTA.
Color and Contrast The CTA stands out from the rest of the page, but other than that it’s a bit cluttered.
White Space To reduce the clutter, extend the length of the page a bit to let it breathe. It feels like someone asked for the whole thing to be squeezed into as small an area as possible.
Social Proof Here’s an example of client logos that works for me. The reason being that they explain their target consumers (large Fortune 100 companies). At least, I hope that’s the target market! (I have a sneaking suspicion that it’s not as I write this). So maybe I take back my statement :) I do definitely like the “Editor’s Choice” badge — which further reinforces that this might be a lower level consumer product.

34. Adobe Test & Target

Click image for full-size view

What I like

What I’d change or test

  • The submit button — jeez: Make it say “Get our Whitepaper”.
  • Required? Make it clear which fields are required; this will make the form appear shorter than it is.

The blandness of this page works to it’s advantage to make the CTA stand out. Honestly though, the page is so simple that it would be hard to squeeze much conversion lift out of it, without attacking the number of form fields, which would be my first plan of action.

35. Is this for kids making money?

Here’s another shocker.

Looks like you can play with toys while making wads of cash at the same time. Sounds like my kinda gig.

What I like

I hit the back button the moment I saw this site.

What I’d change or test

I came back to look at the landing page for this post. It’s beyond confusing. First off, I’d extract the content from the banner looking thing at the top of the page, as it looks like an advert, which will make people gloss over it. And it has the most important info in it! What the site is actually about.

36. Who eats electronics to lose weight?

What’s more scary than a big fake movie guy with a giant knife? Knocking on a door that says come in, we have comfy sofas and free beer, and then falling 300ft out of a building (the door led to the outside on the 20th floor) cos they lied and what you wanted wasn’t behind the door. Where is this going? Good question.

What I liked

This page isn’t bad…

What I’d change or test

While the page isn’t bad, the landing “experience” is bad. Why? I searched for “weight loss.” I know there are tablets for that, but not usually the 9-inch electronic variety. And the bunny ain’t gonna save you this time. TELUS.

Stop bidding on irrelevant keywords!

Well there you have it — 36 landing page designs analyzed, critiqued, enjoyed and ready for copying and perfecting. I hope you were able to take away a lot of juicy ideas for your next design. Tell you what? Why don’t you jump into the comments and let me know? I’ll see you there.

unbounce.com

27 Best Responsive HTML Landing Page Templates (Free, Premium)

Landing Page Templates will get you started to launch your new product, app or letting users signup, subscribe to something. Eitherways it will be devastating if you have no idea on how to create a html template online to get product sales before launching your product to the public. Having a clear idea of how a template should look for your service, promoting the service is always the critical part of successful campaign where landing page templates play their part as well.  You can choose between free landing page template or premium template both will work if implemented correctly and considered that it match your product.

Premium HTML5 templates are plenty to choose from unlike free ones and you can get specific ones suitable for your product right away without much trouble. Understand your audience by showing a glimpse on your developing product to keep them hooked and give suggestions etc. It is always better to start the marketing of product when you have an idea of it and you are able to complete it without any issues. A long marketing might be good most of the time for huge success. Please share in your marketing strategies with our community as well. We have found 5 free html landing page templates as well as 20 premium templates with many additional features especially responsive layout. Check our related articles for promoting your online business like

Scroll down to find the free responsive html landing page templates we have introduced in this topic for sales conversion. Mailchimp form is default feature in top class themes introduced here so you don’t have to go else where to figure out contact forms.

 Bent – Free App Landing page

Bent is a modern app landing page made by designscrazed for free download. You can build your website in a matter of minutes with this free html template which is responsive in tablet, mobile platforms as well.

DemoDownload

Rome

Rome is a modern app landing page for business promotion with responsive design and full supporting valid html5, css3 code.

DemoSource

Kane

Kane is a Responsive Bootstrap 3 App Landing Page for mobile app showcase or sales. A dark and white layout style can be useful for a personal taste of choice. Two amazing layout styles to get a fullscreen image, video background along with mailchimp services makes this theme useful for a serious landing page conversion tool.

Demo|Source

Crossway – Startup Landing Page Template

A background parallax scrolling effect is the unique feature integrated with this theme and it is nicely used in the theme without bothering the users who scroll through the page. A responsive feature set with one page scrolling effect is actually completely seo optimized for great organic search traffic resulting in higher sales.

Demo|Source

DotSquare

Dotsquare is A html landing page template which is fully fluid responsive and fast loading with valid html, css code. A working contact form with amazing call to action form in the front page of this one page parallax ready template is great for startup business.

Demo|Source

Hype – App Landing Page

Modern, responsive, retina ready, landing page for mobile apps. You can choose from 8 color variants. Options for image, video and solid color background.

Demo| Download

Gotte Multipurpose Landing Page

Gotte is multi purposes landing page template coming with flat style,3 index variant and 6 color option, designed for many kind marketing website. This template built with twitter bootstrap3 and PHP script included for working contact form and download request form.

Demo| Download

Slander – Responsive Bootstrap HTML5 Landing Page

Slander – A perfect start up template for companies, individuals and professionals. This template was designed with Responsive design, Bootstrap, HTML5 / CSS3 , Responsive slider, Tabbed slider, Newsletter subscribe form and much more..

Demo| Download

FeedApp – Landing Page Template

FeedApp is a clean flat landing page for App or Service & Business. This template built with fully responsive flat design, Bootstrap 3.0 system, minimalize structure and a slew of features.

Demo| Download

Appster – Ultimate Clean App Landing Page Template

Appster is a responsive app landing page template to advertise and sell your application featuring a sleek clean and minimal design. Appster was crafted using the latest html5 / css3 techniques and built to include every possible element what a marketing app landing page should ever contain!

Demo| Download

Cloud – An Easy To Use App Landing Page

It’s a awesome Clean, Minimal and Elegant HTML5 / CSS3 Landing Page with great feature ! This template has been designed for presenting a Coming Soon Website or would be perfect for an App Page / Showcase.

Demo| Download

OnEvent – Special Event Landing Page

OnEvent is a responsive landing page template, designed for special events. You can display all the necessary information regarding your event using this template’s available sections. You can add a photogallery, commerical video, event schedule and invited execuive guest list.

Demo| Download

Appreative Responsive Landing Page Template

Appreative is designed for an app landing pages with its brief info. It can be used for any types of apps to market it. Appreative uses responsive layout which can be viewed on devices such as smart phones, tablets, laptops and desktops.

Demo| Download

SaptaApp Landing Page Template

You can change the main site/template color by changing one hex code and the associative elements gets a new color. So its very easy to work with. Detailed documentation is also provided for your reference.

Demo| Download

Entry – Startup Landing Page

Entry – is a quick and easy constructor of landing pages. Using it you can create any landing you want just in a few minutes. And you can make it very easy: by changing block’s positions, changing colors and deleting unneeded blocks. This constructor suggests 18 blocks for any landing needs.

Demo| Download

Stylio – Responsive HTML5 App Landing Page

Stylio is a one page app template that can be used as a landing page; it’s fully responsive&retina ready design tested on all major handheld devices. Main highlight of this template is a layered slider with screenshots, “reveal” blocks and mobile fallback.

Demo| Download

NRG – Responsive Landing Page

NRG is a one page solution for a growing start-up or a small studio. It contains everything you might want and need for a good presence on the web. The structure is very lightweight, all the code is 100% valid according to the latest standards, all the images are compressed the best way possible.

Demo| Download

EventLand Landingpage

EventLand Landing Page is a single fully responsive HTML5 theme. This Theme is the perfect showcase for your Event, Conference, Meeting or Workshop. It is designed with Newsletter integration, working Register Form, One Page Navigation, Font Awesome Icon Font, Google Map, Slider, Program Tabs etc.

Demo| Download

Promo – Landing Page Template

Promo is a clean flat landing page for business template. This template built with fully responsive flat design, Bootstrap 3.0 system, minimalize structure and a slew of features.

Demo| Download

Off the Shelf – Responsive E-Book Landing Page

Off the Shelf has been designed for e-book authors and marketers alike and combines everything you need to quickly get your product noticed!

Demo| Download

Neue – App Landing Page

Neue is the newest app landing page out there. It is equiped with amazing features and comes with even more amazing support.

Demo| Download

Rise Landing Page

Rise Landing Page is fully responsive HTML5 and CSS3 landing page. This is a great solution to represent your application on mobile devices, on tablets and on laptops. Rise Landing Page supports Font Awesome iconic fonts, has custom made lightbox and slider.

Demo| Download

EduTime – Online Courses & Education Landing

EduTime Responsive landing page for education and online courses marketing.

Demo| Download

Plaza – Education – Hotel – Dating Landing

Everything starting from hotels restaurants, education, plaza all in one option to get multiple landing page templates in one set.

Demo| Download

Katemi – Clean Product and App Landing Page

Katemi is a clean landing page template for your product/service and app. Katemi Landing Page v2.0 has been built with Bootstrap 3.0.3 and have a fully responsive layout. This template also provide mobile first and SEO friendly code which will make search engine loves your site!

Demo| Download

Snow – A Free Bootstrap Landing Page Theme

A clean bootstrap template for showcasing latest products, services who have sales copy format in mind but unable to design a template.  This free landing page template  will set things to speed up your marketing campaign to sell the services.

Demo | Download

 

Landy – Free Landing Page Template

Landy is a simple and clean responsive landing page template great for advertising or selling your app, software, retail product or service. It is build using Bootstrap and uses only free Google fonts. The code is well commented for easy customization like similar free Landing Page HTML Template.

Demo| Download

HTML Business App – Free Landing Page Template

BusinessApp is a free HTML5 and CSS3 based landing page web template for showcasing Android and iOS applications.

Download

Legend: One Page Free Responsive landing Template

This is our second free responsive bootstrap template. Legend is multi-purpose responsive one page template built on Twitter Bootstrap. You can use this template as a landing page, online portfolio for creative folks or even as a business theme.

Demo| Download

Free Retina Ready Responsive App Landing Page Website Template

In online marketing, a landing page (sometimes known as a lead capture page or a lander) is a single page that appears in response to clicking on a search engine optimized search result or an online advertisement. The landing page will usually display directed sales copy that is a logical extension of an app or software advertisement, search result or link.

Demo| Download

dcrazed.com

15+ Best Start-Up Landing Pages to Download

If you’re all set to roll out a website for your start-up venture, it’s worth the effort to invest some thoughts in finalizing on a start-up landing page design, as your website’s landing page will be the trigger for all desirable user actions.Why worry, when you have professionally designed and feature rich landing page design templates to be used? Let’s have a quick look at the differentiated aspects of start-up landing page templates. You can also see SEO Landing Page templates.

Ratings and reviews blocks to help build some credibility about your products right from the landing page.Arrows and shining buttons to ensure that visitors know where they need to look and what they need to click.Video playbacks right from the landing pages, to add some life to the first interaction that your visitors have with your website.Gripping slideshows with configurable transitions, shift speeds and more options to lend some visual appeal to the landing page. You may also visit Coming Soon Landing Page templates.

Sallow iPhone & Web Start Up Template

A perfect landing page for a startup company, use this to design your web page or an app for the iPhone. This has been designed using the latest Bootstrap version 3.0 for HTML5/CSS3. Endowed with a responsive design, customize this template by choosing from two different layouts, a couple of color variations and different font styles.

Expo Responsive Landing Page

Designed by experts, this landing page is responsive, making it an apt choice for all kinds of business needs. Created using PSD, this template has a minimalistic design that is sure to give your website a modern look. Easy to customize, the template comes with a variety of styling options that enables you to add a personal touch to your page.

Stamp Elegant Multipurpose Landing Page

This template has been designed using Bootstrap 3.3 version and is also compatible with Bootstrap 3.3.1. It comes with 4 different background styles, a number of homepage designs and 6 different color schemes which makes for a fun customizing session. The responsive design ensures that this landing page adapts to all screen sizes.

Celegorm Software-App Bootstrap Landing Page

An extremely well documented landing page template with properly defined codes, you can save a lot of time by using this one. It has a very contemporary design which is also a responsive one, thus making it apt for web pages as well as apps. With 6 color schemes on offer, choose the one that suits your needs the best. This being an SEO centric template, driving traffic would be easy.

Arvedui Landing Page Template

Designed exclusively for mobile apps, use this landing page template for the latest app designed by you. Based on Bootstrap, this template has a responsive design which makes it compatible to all devices. With 6 color choices, 8 background styles and layered PSD files, customization is convenient and fun.

Ezyland Multipurpose Landing page

This landing page template is perfect for all types of websites and apps. It has a responsive design and an interactive one at that. It offers easy navigation, thanks to the responsive sliders. Created using HTML5/CSS3, this template offers a wide range of easy and quick customization features.

FlatBox Startup Landing Page Template

If you are looking for a quick design template for your landing page, then this would be perfect for you. With a drag and drop builder, customizing this as per your requirement and preference would be easy. It comprises of 3 mockups in PSD and parallax effects which will give your landing page a modern look. With video support, designing a contemporary style page is possible.

Dove Modern Startup Landing Page

Easy to use, this template is an ideal choice for service companies as well as startups. It has a very simple yet modern and functional design. With secure, Ajax based codes, customizing the template is quite easy. The responsive design ensures that the landing page created using this template can be viewed on any device.

Bheta Startup Landing Page

An ideal choice for startup websites, this landing page template has been designed on Bootstrap 3. The flat, one page design with smooth scrolling options, give this template a very modern look while also making it functional. With various color schemes and font styles to choose from, you can easily customize this template. Social media integration is possible thanks to the built in widgets.

Revenue Startup Landing Page

This template with 3 different types of pages and 3 variations of intro background styles, offers you a choice to design a rather modern looking landing page. The fully responsive design makes it an apt pick as it would adapt to all screen sizes easily. Customization becomes fun with 4 color schemes to choose from.

Start-up Landing Page

One-Page Business Parallax Theme

Whether you are thinking of creating a one page or multi page landing page, this template is the right one for you. With a drag and drop page builder, designing the page as per your preference is quite easy. The 4 types of responsive sliders offer great navigation options. The wide range of color schemes and font styles open up a sea of choices for you to update the template to suit your tastes.

Bootstrap 3 App Landing Page WordPress

Designed on Bootstrap 3, this template is retina ready which makes for HD style display for the landing page. It supports images, videos as well as slideshows, thus enabling you to come up with a very interactive landing page. The responsive design and a wide range of customization features make it an ideal choice for your app.

Slander HTML5 Landing Page

This HTML5/CSS3 landing page template has been designed on the framework of Bootstrap 3. The highly functional design comes with a responsive slider that makes for easy navigation. With built in forms in place, this template helps you in creating an interactive landing page. Its responsive design ensures that this can be viewed on all devices irrespective of their screen size.

NRG Responsive Landing Page

The flat and minimalistic design of this template enables you to come up with a contemporary looking landing page for your website or your app. The responsive design supports swipe features which add to its modern appeal. The template is W3C compatible and can be easily customized, thanks to the wide range of options that it offers.

SmartMvp Startup Landing Page Template

With 12 ready to use demo designs in place, this template can help you in creating a perfect landing page within no time. The responsive layout is compatible with all internet browsers which makes it the best choice for all. Designed on Bootstrap 3 with a Parallx background, the landing page created using this is sure to look modern.

One-page designs that let you say everything right from your landing page, made all the more amazing with parallax effects in the backdrop.Creating price comparison tables and showcasing query forms becomes an effortless yet effective exercise with start-up landing page templates.

Start-up landing page templates boast of responsive layouts, are validated for HTML5 and CSS3, present the marvels of OnScroll effect and contact forms, come equipped with Google Analytics readiness, and also work with MailChimp forms.With so many amazing features brought to you, creating a brilliant and smart landing page for your start-up website should not be a problem at all.

> Conclusion

Landing pages can make or break your opportunity of attracting the customers, which is why they need to be attractive and at the same time, user friendly. Thus, you need to pay a lot of attention when designing these. Using the landing page templates can help you come up with the best designs as these are created by experts and thus, look very professional.

 

www.template.net

8 Landing Page Design Best Practices

Want to optimize your landing page design to stop potential leads in their tracks and boost your conversion rate sky-high?

If so, this is the article for you.

When it comes to building a landing page, design is everything.  Ultimately, your design is what will make it easy for leads to understand your landing page and convert. That's why it's always good to look at some successful landing page examples.

When users arrive on your landing page, it should be clear to them what you’re selling in 5 seconds or less. This idea comes from a 2006 study at Carleton University, which showed that you have under 5 seconds to engage and impress first time viewers before they leave your landing page.

Most people mistakenly believe that aesthetics are the easy part of creating a landing page. In reality, a poorly designed page has been proven to kill businesses’ conversion rates.

In this article I’ll walk you through 8 pivotal best practices to design your landing pages to boost your conversion rates.

Lets get started!

Landing Page Design Best Practice #1: Use Context-of-Use Videos & Images to Explain Your Offer

Context-of-use is a great way to explain your product or service to potential leads. Including an image or video demonstration of your product in use is eye-catching and shows potential leads the exact features your offering has. It lets potential leads place themselves in the actual situation with your product or service.

A good-quality image or video on an optimized landing page can also be a great way to show the benefits of your offer. Images or videos should serve a direct purpose rather than just filling space on your page. An example of using an image with direct purpose can be seen in the Atlantis Resort landing page below. Hotels and resorts use images of their white sand beaches with the crystal-clear ocean to cause viewers to imagine being at this relaxing destination. In this example an image is more powerful and impactful than any written message.

The landing page below is a great example of using a short video demonstration. It shows the Magic Bullet and its ability to chop and blend just about anything “in 10 seconds or less.” The video clearly enforces how life in the kitchen is made easier with this convenient device.

If this landing page had a matching ad that directed to it, it would get some great conversions.

Landing Page Design Best Practice #2: Display Images of Happy People to Make Your Page Welcoming to Visitors

Images of people can make your page more personal and warm. These images are the most appealing and welcoming, and will make your potential leads feel more comfortable on your page. Actually, one study showed that having a picture of a smiling person on a specific landing page increased conversions by 102.5%! Using a picture of a happy person on a landing page is a tactic used in conversion optimization. People act off of their feelings and we can use emotions to make potential leads feel a certain way. Displaying a smiling face puts them in a positive mood, leading to a positive impact on conversions.

You can also use an image of a person as a directional cue, guiding page viewers to what you’re offering. It’s human nature to follow other people’s eye-line to their point of focus. Have the person in your image look towards your offering, and viewers’ eyes will be drawn to the person’s focus-point. The landing page below is a great example as the woman’s eyes direct you straight to the information and call-to-action.

The same applies to the person’s body language which you can use to steer viewers’ eyes to a specific part of your page. Using a person’s body as a directional cue is a great way to get viewers to look somewhere specific without them even noticing. Be subtle in how you do this, however, as obvious pointing or gesturing by the person can come across as annoying or distasteful to viewers.  The image below from Geico is a great example of this technique, as the gecko’s eyes and body language subtly draw your eyes to the information.

Landing Page Design Best Practice #3: Highlight the Most Important Areas of Your Page With Contrasting Colours and Whitespace

Contrasting colours are sharp variations or changes in colour, such as a bright orange icon on a dark blue background. As humans, we are naturally attracted to this type of severe difference. You can use this in your design to highlight the sections of your page that you want to be seen. The heading, lead-capture form, and the call-to-action (CTA) button should be the most prominent elements. With contrasting colours it makes your page easier to digest, therefore prompting leads to convert on your landing page.

One big mistake many marketers make is packing too many elements onto one landing page. Whitespace is the best way to fix this. Whitespace is blank space used strategically on your page to make certain areas standout. Place whitespace around features like your heading, lead-capture form, and CTA button to give them room to breathe. This will make your page very clean, and force potential leads to focus on what’s important.

The landing page below is a great example of using contrasting colours and whitespace. Here are 5 reasons why:

  • Call-to-action button “Send Me More Details” is highlighted against a contrasting orange background

  • Use of an arrow as a directional cue

  • Lead-capture form displays white form fields on an orange background

  • Consistent theme of orange, white and turquoise is used throughout, but contrast makes certain areas stand out

  • There is enough info on the page to entice customers to want to learn more, but it doesn’t appear overcrowded

Landing Page Design Best Practice #4: Design an Obvious Call-to-Action (CTA) Button

Your CTA button is ultimately the most important feature on your landing page. Your entire goal is getting viewers to see this button and want to take the action to convert on it. The effectiveness of your CTA button can be changed instantly through an eye-catching design and obvious placement on your page.

1. Demand Attention Through Your CTA Design - As I mentioned above, it’s crucial that you use contrasting colours to make your CTA stand out against the background.

Here are 4 more attention-grabbing design elements to make your CTA demand attention:

  • Bold your CTA text: This makes the words jump out, driving viewers to read your CTA button, making them more likely to convert.

  • Make your CTA button large enough to be seen: The button should be a main feature that potential leads see when they land on your page.

  • Use directional cues to guide viewers to your CTA (arrows, lines, line of sight): These types of indicators are a great way to steer viewers to the CTA button so that it is obvious where they click to convert.

  • Make your CTA appear clickable through a 3D design or download arrow: This gives your button a special design element to make it unique from any other component on the page.  

The CTA button from Skype below is perfect. Here are four things that make it great:

  • The green button contrasts the blue background

  • The button is a large feature on the page

  • The white button text stands out against the green button

  • The button text is bold and easy to read

2. Place your CTA Where It Can Be Seen - Where you place your CTA button on your landing page is also a crucial design aspect to consider. It needs to be in a visible location where it will be seen by everyone. It should be one of the first things your customer sees on the page and shouldn’t require a lot of effort for viewers to find.

Generally for lead-generating landing pages you'll want to place your CTA “above the fold,” on the right-hand side of the page. “Above the fold” means positioning your CTA so that it’s visible to potential leads without scrolling down. This makes the CTA button a key feature as soon as viewers arrive. Seeing your CTA immediately tells potential leads the whole focus and theme of your landing page.

3. Time the Appearance of Your CTA - One advanced call-to-action technique is to use an embedded video landing page with a delayed CTA. This means having a video as the main component of your landing page to hook in viewers and grab their full attention. After about 20-30 seconds set your landing page so that your CTA and lead-capture form appear. This gives your potential lead the opportunity to watch part of your video without any other distractions on the page. Once they have an understanding of your offering, the late appearance of the CTA button will make them more inclined to convert.

The landing page below is a good example of timing the various elements of your page. After watching 20 seconds of this video, the lead-capture form and CTA arrive on the right-hand side of the page. This allows viewers to get a preview of the type of information they will receive in the Landing Page Conversion Guide, before being asked for any information. The delayed arrival of the CTA and lead-capture form make them more obvious, and potential leads more likely to convert.

4. Define the Action to Take Through Your CTA Button Text - When designing your CTA button, it’s crucial that your button text actually describes what the viewer is doing by clicking and converting. You should never have a button that reads “submit” as it doesn’t convey what the viewer will get from clicking the button. One Hubspot study that looked at over 40,000 landing pages with “submit” as CTA copy found that these pages actually had lower conversion rates than pages with different copy.

A few good examples of CTA button text include:

  • Start My Free Trial Now

  • Get My Ebook

  • Download My Copy Now

The more specific and clear you are with your button copy, the higher your conversion rate will be.

5. Avoid Common CTA Design Mistakes - There are a number of common mistakes to avoid when designing your CTA button. A few examples include using similar colours for the background and CTA button,  making the button a small feature on the page, and having vague button text like “submit.”

The landing page below is an example of a bad CTA button. This landing page has enticing images of the Perivolos Resort, but even after looking at the page for a few seconds it’s hard to find the CTA button in the bottom right hand corner. Instead, the company should have a large “Book Now” button higher up on the page, with bold lettering and a contrasting button colour.

Landing Page Design Best Practice #5: Make Your Benefits Clear or Risk Potential Leads Looking Elsewhere

Potential leads need to know how your product offering meets their needs. What exactly are they going to get from this relationship? Present benefits in a clear, simple way that makes them curious for more information.

It’s best to present these benefits in a list or small blurb. This allows potential leads to easily skim through and see if this is the right product offering for their needs. The landing page below is a great example of 4 encapsulated benefits which clearly stand out from each other.

Be careful not to overwhelm the customer with language or terms that they won’t understand. The tricky task is giving them enough information to feel educated about what you’re offering, but short and sweet enough that it’s easy to comprehend.

Some benefit item examples include:

  • Save money instantly! Get our new _______ and save ___/month starting today

  • Increase productivity by reducing time spent ___________

  • With the most advanced technology, _________ helps you optimize your business’ efficiency and security.

Landing Page Design Best Practice #6: Provide Potential Leads With One Single Action to Take  

When creating your landing page, the goal is to provide potential leads with an easy path to conversion. We need to provide viewers with only one action they can take to convert. This means removing any navigation bars, footers, or outside links apart from our CTA. Having multiple things for potential leads to click on is a large distraction and will reduce the number of people actually clicking the CTA and converting.

Below is an example of a poorly designed landing page that has not removed any links, making it very hard to tell what the actual goal of the page is. Is the call-to-action to sign up for the mailing list, book online, or order a gift card? Always ensure you are giving potential leads just one thing to click on if you want to see your conversion rate excel.

Landing Page Design Best Practice #7: Use Bold Headings to Make It Easy For Potential Leads to Skim

A heading and subheading are crucial to your landing page design as they hook in potential leads. However, marketers should also remember to use bold section headings throughout the page to explain additional benefits or selling points. Break information down into small, digestible segments with one consistent topic discussed in each. With small sections and logical headings, your page will be more appealing and easier to skim.

Near the bottom of your landing page you should also include a bold statement that reaffirms your value proposition. This final declaration should include a call-to-action. This is your last chance to convince potential leads they need your offering. An example of this can be seen in the Wishpond landing page below. Potential leads are given one last statement along with one final opportunity to convert.

Having an organized, easy-to-read display of information is key to capturing leads. Your page design must be easy to skim and understand in order for your conversion rate to soar.

Landing Page Design Best Practice #8: Create a Short Lead-Capture Form to Prevent a High Bounce Rate

As a visitor, there’s nothing more frustrating or daunting than an overcomplicated lead-capture form. When designing your landing page, it is crucial that filling in your lead-capture form is an easy task for potential leads. If not, they will be sure to drop out before completing the conversion.

In fact, a recent study by HubSpot that analyzed over 40,000 landing pages found that conversion rates improved by nearly half when text entry fields were reduced from 4 to 3. The study also found a strong negative correlation between the number of drop-down menu fields and conversion rates.

The picture below shows a good example of a lead-capture form. Shopify asks for just 3 fields which are vital to create an online store, and nothing further.

When creating your signup form, keep your main objectives in mind. Only ask potential leads for information necessary to achieve your objectives. The more fields you ask potential leads to fill out, the more drop off you’ll experience.

Conclusion

Your landing page design is as important, if not more important than the actual content on the page itself. Potential leads need to be able to easily read the page and understand the message you are trying to convey.

Looking at the landing page examples above and following these 8 design best practices will provide your viewers with a brief, informative and visually appealing glimpse of your brand, leading to higher conversions.

Every landing page does, however, have room for improvement.  A/B Testing is the best way to ensure that you have the proper design in place to drive potential customers further along the sales funnel.

For further reading on this topic be sure to check out the following articles:

Landing Pages: The Science Behind Designing for Conversions

3 Web Design Landing Page Examples Critiqued

25 Tips to Optimize Landing Page Conversions

4 of the Best Landing Pages of 2014 (And Why)

Written By Claire Grayston

blog.wishpond.com

30+ Free Responsive Landing Page Templates 2015

Today, we have pick up best free and premium responsive html5 landing page website templates for your marketing, events, apps / software and multipurpose! The landing page will usually display directed sales copy that is a logical extension of an app or software advertisement, search result or link.

The general goal of a landing page templates is to convert site visitors into sales or leads. By analyzing activity generated by the linked URL, marketers can use click-through rates & conversion rate to determine the success of an advertisement. Landing page templates is a retina ready responsive landing page website template perfect for any purpose or software and application developers or small business owners looking to promote their iPhone, iPad, Android Apps and software products.

San

SAN is a Bootstrap Based modern and creative App Landing Page Template. Fully Responsive and easy to customize. Use this template to show your app to the world in a better way.

download / more info demo

Dove – Modern Startup Landing Page

Dove – Modern Startup Landing Page Template is an amazing startup and/or service launch landing page which is extremely easy to use. Besides its unique and modern look, all subscription and contact forms are fully functional, secure, ajax based and all you need to do is to add your own email address in mail sending scripts.

demo download / more info

Kane – Responsive Bootstrap 3 App Landing Page

demo download / more info

Factor

FACTOR – Multipurpose Landing Page Template with Page Builder helps you to create the desired landing page by yourself within few minutes. Factor’s powerful functionality allows you to edit a text, to change colors of elements, modify the parameters of elements, to embed your videos from YouTube and Vimeo, customize images and much much more. A wide variety of sections and their versatility will allow you to achieve the desired result within minutes. FACTOR has a responsive design created with latest technologies such as HTML5, Bootstrap 3 x, CSS3.

It is a unique and modern HTML template that is suitable for any type of business in the world. Major features includes drag & drop page builder (21$ price), Mail-chimp integration, 155 builder elements, 60+ landing pages, 48 slider styles, 22 content section, 12 testimonials, 6 subscribe form , 4 coming soon pages, 4 not found pages, 2 types of mobile menu toggle button HTML video light box, Ajax form submission, confirmation popup messages, Retina ready, used Google fonts. Compatible with all well known browsers includes IE10, IE11, Firefox, Safari, Opera, Chrome. Files included with template are PHP Files, HTML Files, CSS Files, JS Files.

demo download / more info

Select – Landing Page Set with Page Builder

SELECT – a set of 27 multi-purpose landing pages with the page builder. It helps you to create the desired landing page by yourself within just minutes. Its powerful functionality allows you to edit a text, to change colors of elements, modify the parameters of elements, to embed your videos from YouTube and Vimeo, customize images and much much more. A wide variety of sections and their versatility will allow you to achieve the desired result within minutes.

demo download / more info

Urip – Professional Landing Page

Urip is a landing page HTML template built with Bootstrap version 3.3.2. Urip has modern, clean, and professional design that makes it fit to any purpose of landing page like business, lead generation, click through, creative, startup, app showcase, promotion, list builder and many more.

demo download / more info

Eventicka | Event Landing Page & Ticketing

demo download / more info

Rient | Multi-Purpose Parallax Landing Page

Rient is a Modern Multipurpose Parallax Landing Page and One Page Template. This Template is Suited for any type of website, personal or business use. The Landing Page is designed with modern look and feel while keeping in mind to make it user friendly and eye catching so that people using it can get the best out of their website.

demo download / more info

Neue – App Landing Page

Neue is the newest app landing page out there. It is equiped with amazing features and comes with even more amazing support.

demo download / more info

Event – Landing Page

Event is a simple, modern and responsive HTML landing page that is perfectly designed for any events, conferences, concerts and exhibitions. It is based on Bootstrap 3 Framework which means that it will look great at any screen size.

demo download / more info

DotSquare HTML Landing Page

DotSquare is a full responsive landing page., best suitable for launching Web Apps, Mobile Apps.

demo download / more info

Wecare Veterinary Clinic – Parallax Landing Page

demo download / more info

Hype – App Landing Page

demo download / more info

Appsperia – App Landing Page

AppSperia is a clean and creative Landing Page Template for Mobile App. This landing page template has different color and demo variations. Well organized and very easy to customize, AppSperia is better way to present and promote your startup mobile app website.

demo download / more info

SmartMvp

SmartMvp is a Clean and Modern Startup Landing Page Template. It can be used to promote saas, web apps, mobile apps and all kind of marketing websites. It is built upon Twitter Bootstrap 3.2 framework and is fully responsive.

demo download / more info

Xmobile landing page

xMobile is a modern and clean landing page template for Mobile App, designed for many kind marketing website. Built with twitter bootstrap 3.2.0, CSS3 and HTML5 code. It has different homepage styles and color variations. It has clean structure, professional design and SEO friendly code Well organized and comment codes so it’s very easy to customize and use in your project according to your needs

demo download / more info

xLander

xLander is modern and premium landing page template, designed for many kind marketing website. This template built with twitter bootstrap 3.2.0, CSS3 and HTML5 code. xLander is the best web site to promote your business or corporate web site.

demo download / more info

Layer – Responsive App Landing Page

Layer is a powerful Responsive & HTML5 App Landing Page template. It is 100% responsive and looks stunning on all types of screens and devices. Layer is the best theme way to present your app. This theme is built upon latest Bootstrap framework, CSS3, HTML5.

demo download / more info

Book – Responsive Ebook Landing Page

demo download / more info

Simple

Simple is a clean and modern landing page template, very easy to customize according to your needs. This landing page template can be used to promote web apps, mobile apps and all kind of marketing and startup websites.

demo download / more info

EOS – A Responsive Bootstrap 3 App Landing Page

demo download / more info

Ray – App Landing Page

Landing works for mobile apps. Elegant objects and background’s animation, neat execution, attention to details and the broadest settings spectrum – all these make this template to be the best suited for you and your great app.

demo download / more info

GeekApp – Creative App Landing Page

GeekApp is a Creative App Landing page based on bootstrap framework. It can be customized easily to suit your wishes as all files are well commented, also it was 100% mobile responsive design to perfect look on any devices.

demo download / more info

Startos – Responsive HTML5 Landing Page

demo download / more info

Conversion – Responsive Landing Page

Conversion is a one page responsive template ideal for companies offering a product or service. The design ensures minimal effort in setting up a striking landing page for your startup, plugin, app, offline business or software services.

demo download / more info

im Event – All in One Event Conference Landing Page

demo download / more info

Benchmark

Benchmark is a multipurpose landing page template, designed for instant promotion and marketing of your product. The template can be used as click-through landing page, a standalone micro site, or as a lead generation page.

demo download / more info

Ritmo – Mobile App Landing Page HTML5 Template

Ritmo is a fluid responsive app landing page for showcase your best application or promote your business. It has clean structure, professional design and SEO friendly code which will make search engine loves your site.

demo download / more info

Car Rental Landing Page

Car Rental is a single fully responsive HTML5 theme. This Theme is the perfect for people who are using online services to rent and book a car for their vacation or business purposes.

demo download / more info

Wealth

Wealth is Multipurpose landing page template. Template is responsive and built with bootstrap framework. Its suitable for medical & pharmaceutical, Skin Surgery, Online Dating, Weight Loss, Insurance, Law firm. All template has lead generation form.

demo download / more info

Delicious – Responsive App Landing HTML Theme

A Mobile App Landing Responsive HTML Theme with clean and modern style one page design. This template design includes features, reviews, screen showcase, video demo, support contact and more. Perfect mobile app showcase for iPhone, Android and other mobile devices.

demo download / more info

Startuply — Responsive Multi-Purpose Landing Page

demo download / more info

LandX – Multipurpose Bootstrap 3 Landing Page

LandX is a multipurpose responsive Bootstrap 3 Landing Page Template. 4 homepage styles, 8 pre-defined color schemes, pricing table and more features available. Well commented and organized HTML/CSS codes will help to customize the template very easily.

demo download / more info

Condio – Real Estate One Page & Landing Page HTML

demo download / more info

MYFLAT – Real Estate HTML Landing Page

MYFLAT is a Real Estate HTML Landing page template, include a lots of features, clean & modern design, you can make an awesome landing page minutes with a Form

demo download / more info

Startupkit Responsive Parallax Landing Template

Startupkit is a Responsive Parallax Landing Page Templates with clean, minimal look with vivid and corporate colors. Startup kit has built-in 8 Layouts to choose. Layout includes Web App Landing / Mobile App Landing / Lead Generation / Vertical and Horizontal Signup / Subscription / Click Through Page etc.

demo download / more info

Spa Landing Page

demo download / more info

Ventcamp – Responsive Conference Landing Page

Ventcamp is a one page conference or event template that can be used as a small landing page or a full-blow website; it’s fully responsive design was tested on all major handheld devices. Main highlight of this template is the flexibility and great execution.

demo download / more info

EventMe – Responsive Event Landing Page

demo download / more info

AdvisaAdvisa – Marketing Landing Page

Advisa is Landing Pages for marketing needs.  Advisa include three different and responsive promo-layouts based on Bootstrap Framework. Clean & classic design.

demo download / more info

Approach – HTML Landing Page

Approach is a responsive HTML lead gen landing page, designed to collect more detailed prospect information and showcase product or service features.

demo download / more info

Crossway

Crossway – is a quick and easy customize landing page. Using it you can create any landing page you want just in a few minutes for example it can be used to promote web services or launching startups. This is a HTML5 template with unique features like amazing parallax scrolling background and well-structured code.

demo download / more info

OnEvent – Special Event Landing Page

OnEvent is a responsive landing page template, designed for special events. You can display all the necessary information regarding your event using this template’s available sections. You can add a photo gallery, commerical video, event schedule and invited execuive guest list.

demo download / more info

Free HTML Landing Page Templates:

Free Restaurant Landing Page

Here is a free, mobile-friendly HTML sample developed for food-related sites. It utilizes CSS3, HTML5, jQuery, LESS, semantic and valid coding, which will help you build a future-proof landing page. With its strong yet minimal look, you can also ensure a memorable visual experience for the audience. A full-width header makes for an impressive introduction of your business, whereas readable typography can motivate customers to learn about it. Some blocks also boast pixel-perfect icons keeping the content well-organized on the page. Next, a back-to-top button facilitates the process of page scrolling, while parallax backgrounds make it more dynamic and engaging. On top of everything, you can easily edit this template thanks to the sliced PSD available in its package.

demo download / more info

GRAPE

demo download / more info

Free Landing Page for Design Studio

Now it’s turn of a newly developed Design Studio Free Landing Page Template. An extremely customizable freebie for presenting your business online.

demo download / more info

Boishakhi – Responsive mobile landing page

Boishakhi is a fullpage modern landing page. It is powered by HTML5, CSS3, Bootstrap and jQuery.

demo download / more info

Backyard

Backyard is a beautiful high converting landing page template built with Bootstrap 3. It has 5 different header styles and 6 color variations. Well organized and comment codes so it is very easy to customize and use in your projects.

demo download / more info

Tucon v3 – Free Landing Page Template

demo download / more info

Tucon v2 – Free Landing page for stores

ucon v2 – Landing page template that can be used for the any kind of stores. If you are looking free bootstrap landing page for your shoe shops, clothing store or bouquet stores then this is right template for your. This is fully responsive and is available free for download.

demo download / more info

Tucon v1 – Free Landing page for bicycle shops

Tucon v1 – Landing page template that can be used for the automobiles. You may use this theme for bicycle shops, Motors or even for foods business.

demo download / more info

Landing Sumo Freebie – Landing Page

This theme is a freebie provided by Landing Sumo. An awesome bundle of landing pages. A beautiful color combination and nice animations make this theme something you should have.

demo download / more info

Flatty

Flatty is a flat landing page designed to show your next app, site or product. With a fresh style & minimal design, you can now show your product with style.

demo download / more info

AppBox

AppBox– is Responsive & Clean App Landing Page Template. It is based on Twitter Bootstrap v3.x. AppBox is Well organized , very easy to customize and Perfect Choice for Your App Landing or Product Landing Page.

demo download / more info

Pratt

demo download / more info

SantaGo

SantaGo is another free Bootstrap Responsive HTML Christmas sales and affiliate page template built and distributed by EvenFly Team as a small Christmas gift under Creative Commons 3.0 license.

demo download / more info

Free Responsive App Landing Page Website Template – App Landing

demo download / more info

 Free Responsive landing page Template

demo download / more info

iOS7 App Responsive Landing page web template

demo download / more info

Free Landing Page Flat Bootstrap Responsive Template

demo download / more info

Sidamurti – Free landing page Responsive template

demo download / more info

Dagdigdug – Free landing page Responsive template

demo download / more info

Seven7 – Free Landing Page Responsive Template

demo download / more info

Related

90+ Best Music Website Templates Free & Premium

80+ Best Industrial Website Templates Free & Premium

80+ Best Fitness Gym Website Templates Free & Premium

99+ Free Bootstrap HTML5 Website Templates 2018

90+ Free Responsive Blogger Templates 2018

www.freshdesignweb.com


Смотрите также