Building a Simple Landing Page

What is Landing Page?

Landing page is a web page designed and built for advertisement or marketing campaign. Landing Page is usually designed with the intention to convert visitors into leads by prompting a single action. 

Characteristics of Landing Pages

• Encourages one to take an action
• It is targeted to a particular audience
• Design is simple and must exclude irrelevant information

The Semantic Structure

Header Tag   <header>

This section contains the brand logo and with a Title. Sometimes contains <nav> links.

Main Tag  <main> 

This contains the primary content of the page.

 Section Tag  <section>

The section is used to divide the main into various areas such as Hero section, Features etc.

Article Tag   <article>

It contains the individual contents like testimonials, product description etc.

Aside Tag   <aside>

Used to display contains on the far left or right side on the main content. Some refer to it as Sidebar.

Footer Tag  <footer>

 This is the bottom part of the webpage and mostly contains copyright info, developer info, sometimes nav link.

What other components are required for a landing page.

• Headline (<h1>-<h6>)
•  <img> for images with alt text
•  <form> used to collect data
• <button> is a call-to-action

Why Use Semantics in Landing Pages?

o  Improved Accessibility

o  Better CEO

o  Simplified Styling

Why page layout is important in Landing Page

Layout design techniques help to establish a clear visual representation. Alignments, White spacing, not making the page look busy are ways to enhance the visual nature of the landing page.