How to build Creative Landing Page

A landing page is a well-checked tool of web marketing: it helps to focus visitors’ attention on the specific offer, benefits or actions. Today we offer you a collection of web design examples featuring landing pages for a variety of products and offers.

How to build Creative Landing Page

A landing page is a well-checked tool of web marketing: it helps to focus visitors’ attention on the specific offer, benefits or actions. Today we offer you a collection of web design examples featuring landing pages for a variety of products and offers.

A landing page is the page a visitor arrives at on your website after clicking an ad (for example, a Google text ad or display ad). Inexperienced marketers often direct all of their PPC traffic to their homepage, but this can be a big mistake. Specific landing pages tailored to different offers are essential for providing a quality experience for visitors and driving conversions with a targeted message that matches each user’s need.

Header

How to build Creative Landing Page

The header is the first section of a landing page — a rectangular space usually taking up most of the initial page screen. Though its size can vary, it usually contains these components:

  • Branding: The company logo and the product logo (if applicable).
  • Hero image: The main, most compelling image associated with the product, usually in the shape of a banner. It can be of the product itself or an illustrated or photographed scene that captures the experience of using the product.
  • Headline: The copy that accompanies the hero image, making a succinct pitch.
  • Sub-headline: This identifies the product and gives a more detailed summary of its benefits (referred to as a value proposition)
  • Call-to-action: Otherwise known as CTA, this is the button (and inset copy, “Buy now!”) users click to be taken into the purchase flow. CTAs are important, but be wary of overusing them — this can clutter the page and come across as hard-selling. Consider instead a fixed bar that keeps the CTA at the top of the screen as users scroll. (Note: CTAs might have other purposes, such as gaining subscribers or downloads, but for simplicity’s sake, we will be largely referring to purchasing throughout this article.)

Minimal, type-only landing pages

How to build Creative Landing Page

The most basic style of landing page design is type-only, or lacking images. This type of landing page creates variety and aesthetic intrigue primarily through font choice, font size, color choices and typographic layout. This design style sends straight-forward message, and will appeal to customers who think logically and methodically, or those who appreciate messages which are simple and straight-to-the-point.

Neon landing page designs

How to build Creative Landing Page

There’s no better way to make your landing page pop than using neons. The glowing, bright colors in the landing pages below really make them jump off the screen.

But you don’t have to go all out when it comes to color. Sometimes, using neons as accent colors for important elements on the page can be just as effective.

Size Your Image for Social Networks

How to build Creative Landing Page

Social media is the place where Millennials hang out these days, so it is important to optimize images for social media networks. We’ve listed down the dimensions for different social media channels as each site has its own unique size:

Facebook recommends images be larger than 600 x 315px

Twitter recommends the images be at least 60 x 60px

LinkedIn recommends images should be equal to or smaller than 180 x 110px

You’ll have to create different copies depending upon which social media channel you choose to promote your landing page.

Animated Illustrations

How to build Creative Landing Page

Animation can broaden the potential of the graphic artwork and makes even simple illustration original and impressive. This animation is based on the title illustration for the article UX Design Glossary: Navigation Elements. Motion made the graphics more expressive and strengthened the accents.

Leave a Reply