Landing Creation Rules

What is landing page:

  1. Landing page is an every separate page except FAQ, Wiki, Blog, Learn (educational pages with videos), Documentation;

  2. Landing should be done using SPML;

  3. Each landing should have main CTA (button at the Header) and secondary CTA's — buttons on the rest on the page.

 

Landing structure:

  1. Header block (exception pricing pages);

  2. The first block can be a text block, a video, or a scheme;

  3. Special blocks between text blocks: quotes,  schemes, offers, partners, tables, etc.;

  4. Content blocks (text, tables, etc);

  5. Related video list if applicable;

  6. Common questions block:

    1. WB - list of related FAQs

    2. Accounting - "Have any questions?" block

All blocks:

  1. One block — one complete idea;

  2. The first block section after the Hero must use a white background with a 50/50 two-column layout;

  3. Each  block has an introduction of 1—2 sentences.

  4. Lists must end with a sentence or a CTA button.​​​​​​;

  5. Not more than 2 same blocks in a row (rotate the backgrounds and the image position, if same blocks follow each other);

  6. Text should take 50-70% of the block composition (example below)

Header:

  1. H1 (clear value proposition);

  2. Header should have a coloured background with planets;

  3. Only add a CTA button if there is one main action on the page (start, buy, sign up);

  4. Add an SVG image on the right side (don't add it if there is an enter field).

Quote:

  1. Each quote should contain: avatar (picture), full name, URL to socials (LinkedIn, or etc.), job position, company location, company URL (if available), company logo (if exists);

  2. If there are 2+ quotes one after another, they should be in one block.

Text blocks:

  1. One block — one complete idea;

  2. The first section after the Hero must use a white background with a 50/50 two-column layout;

  3. Each block has an introduction of 1—2 sentences;

  4. Lists must end with a sentence or a CTA button;

  5. Not more than 2 same blocks in a row (rotate the backgrounds and the image position, if same blocks follow each other);

  6. Alternate background colours (Soft White and Whisper Gray) and image sides for blocks that go together;

  7. Text should take 50-70% of the block composition (example below)

Correct and Bad example:

Until Launch:

  1. Check the last 20 tickets and if the landing answers users questions

  2. Test it with 2+ potential users for 30-60sec. Ask questions how they understood the content
  3. Ask the landing expert what is most important and then show the landing
  4. Landing content must match the main keyword(s)
  5. Landing must meet common SEO standards: correct title, completed description where alt tags and title are required
  6. The landing must be reachable in the menu or other pages

 

Texts:

  1. All variables added to translation system
  2. Follow Text rules