Pages landing

Les landing sont des pages d’atterrissages de campagnes mail ou social média. Elles sont hors de l'arborescence MAIF.fr et peuvent être temporaires.
Par défaut, elles ne sont pas indexées par les moteurs de recherche.

  Visualisez son gabarit

Présentation

Une landing page utilise un header et footer réduits et éventuellement un menu "burger" pour accéder au menu de navigation du site maif.fr.


    Quelques bonnes pratiques pour la création d'une landing page :
  • un seul argument / produit / service, mis en avant,
  • une seule cible utilisatrice,
  • une invitation à l'action (CTA) dans la partie haute de la landing page : Bouton, ou incitation au scroll,
  • un ton et des choix de visuels adaptés à la cible utilisatrice,
  • une promesse claire, facilement partageable en une phrase (sur les réseaux sociaux ou en objet de mail par exemple),
  • une URL explicite et courte pour faciliter la diffusion et le partage.

Structure

  • Header light avec ou sans menu (menu placé à gauche en desktop et à droite en mobile),
  • Zone haute contenant le titre H1 de la page, soit avec une structure déjà prédéfinie ou soit avec une conception spécifique,
  • Contenu page composé d'une succession de lames,
  • Footer light.

Zone haute

img-template-landing.png
3 alternatives de compositions sont possibles :

    Un rendu prédéfini déjà structuré à privilégier :
    Il s’agit d’une composition avec une image en pleine largeur sur laquelle se superpose un bloc d’accroche portant le message principal.
    Elle est réalisable avec le " Template Landing cover "
  • un titre H1, obligatoire,
  • une image de fond en pleine largeur,
  • une description, facultative
  • un bouton, facultatif mais recommandé

    Une représentation spécifique dans un container :
    Pour ce fait, il convient d'utiliser le" Template Landing Entête HTML "
  • un titre H1, obligatoire,
  • zone dans un container en HTML.

    Une composition spécifique et entièrement libre :
    utiliser le composant " Spécifique "
  • un titre H1, obligatoire,
  • zone entièrement libre en HTML.

Contenu de page

Cette zone porte une succession de sections dites « lames » interchangeables. Pour une bonne compréhension, elles traitent d’un sujet unique. Il est clairement recommandé de débuter une section par un titre (H2) afin de poser un contexte sur les éléments de cette lame. Les sections sont produites avec le " Template Section "
    Elles ont un fond unique parmi les 3 choix suivants :
  • aucun (blanc),
  • uni
  • dégradé
Exemples de landing page
Exemple de page-type :

Pédigré

Création octobre 2020
Nom du template Jahia : " Maif Template Landing "
Lien vers la doc Jahia
Ce template fonctionne avec des sections / lames.

Information

Ce référentiel n'est accessible que via le réseau local .