Page Produit générique

Ce template permet de présenter le produit, de proposer un accès rapide au parcours de devis/souscription et de mettre en avant les garanties.

écran de la page Plan Épargne Retraite en version Desktop et Mobile
Exemple de page produit générique

Les pages produits sont accessibles via le menu principal.
Accéder à une page-type : Plan Épargne Retraite Responsable et Solidaire

Attention

Ce template est défini pour présenter un produit et son argumentaire produit. Merci de l'utiliser uniquement dans ce cas. D'autres templates existent pour présenter des projets, ou des landing pages

Pourquoi encore un template pour les pages produits

L'objectif de ce template est de présenter dans la page web, les garanties du produit considéré et les spécificités MAIF plutôt que de présenter un comparatif de formules comme avec le gabarit Comparatif produit.

Structure de la page

structure d'une page
Structure d'une page " Maif Template Produit Générique "
    Ces 2 particularités  :
  • elle doit être rapidement et facilement modulable,
  • elle doit proposer dès le début de page une amorce de parcours ou un CTA.

    Le template " Maif Template Produit Générique " est divisé en 2 zones :
  • une zone haute,
  • un contenu page.

Zone haute

focus sur zone haute de la page produit

Il convient de définir si la page contient une amorce de parcours de type devis, simulation via un CTA/bouton d'action afin de déterminer quel module utiliser. Quoiqu'il en soit cette partie porte obligatoirement le titre H1 de la page avec la class « heading type 2 »

Avec amorce : utiliser "section en-tete HTML"
Ce module spécifique permet l'ajout d'une section libre et de l'intégrer entièrement en code html. L'objectif de proposer du code html à ce niveau de la page est venu du fait qu'il faut être réactif en cas d'évolution / modification des arguments et de l'accroche de la page.

    Ce module placé en première proposition et recommandé en cas d'amorce, doit contenir :
  • un titre avec sa balise H1,
  • un sous titre,
  • une image représentant le contexte de la page produit,
  • l'amorce vers un parcours de devis / simulation du produit, via un CTA.


Sans amorce : privilégier "Section En-tete"
Pour tous les autres cas de page produit appliquer le module développé pour contenir le titre H1 de la page

Zone basse

focus structure zone basse template produit générique
Focus sur la zone basse

La " zone basse" est plus 'cadrée' que la " zone haute " car elle laisse moins la latitude dans le développement, elle doit être constituée d'un agrégat de sections.
Et dans chaque section il est possible d'ajouter des modules existants.
Pas de contraintes dans le nombre de sections utilisées, et l'alternance de couleurs de fond des sections est même préconisée pour mieux structurer l'information de la page, et donner du rythme.

Pédigré

Création Février 2020
Nom du template Jahia : " Maif Template Produit Générique "
Lien vers la doc Jahia . Accès réservé à l'interne.
Ce template fonctionne avec des sections / lames.
Template configuré pour fonctionner un point de rupture de 960.

Pour rappel, les différents templates pour concevoir une page produit :

Liste des modules

Afin de structurer/composer au mieux la page, vous disposez d'un certain nombre de modules qui peuvent être appelés dans les sections.
Ces modules sont issus :

  • des composants communs,
  • et des composants liés aux landing page.

À noter que l'ensemble des composants communs n'ont pas pour but d'être appelés dans ce template. Seule une partie de ces modules sont accessibles depuis le module section.

Pour commencer, les modules Titre et Bouton simple vous permettent de définir le squelette de la partie Page.

Lorsque que vous souhaiterez mettre en place une Foire aux Questions, vous pourrez utiliser le module Texte accordéon. S'agissant de la FAQ, elle permet d'augmenter le référencement naturel. Le code html associé au module permet au moteur de recherche d'afficher les données structurées lors de la restitution de la recherche.

Si votre produit est co-construit ou co-brandé avec d'autres partenaires, vous pourrez utiliser le module label partenaire afin d'afficher le logo des paretanires et quelques informations sur le partenaire.

A noter que le module Conseils, vous permettra de mettre en avant une sélection d'articles. Comme pour la FAQ, ce module doit plutôt être positionné en bas de page pour une page Produit.

Si vous devez intégrer des mentions légales, le module Mention est fait pour vous. Ce module est plutôt positionné en bas de page.