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.
Les pages produits sont accessibles via le menu principal.

  Visualisez son gabarit

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.

Présentation

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".

    2 particularités sont attendues pour les pages de type Produit générique :
  • elles doivent être rapidement et facilement modulable,
  • elles doivent proposer dès le début de page une amorce de parcours ou un CTA.
écran de la page Plan Épargne Retraite en version Desktop et Mobile
Exemple de page produit générique

Accéder à une page-type : Plan Épargne Retraite Responsable et Solidaire

Structure

structure d'une page
Élément structurant une page produit générique
    Elle est divisée en 2 zones :
  • Zone d'introduction immuable contenant le titre H1, obligatoire, de la page, avec un rendu de fond unique ou contenu de type "amorce" superposé sur 
2 rendus de fond.
  • Contenu page modulable constitué d'une succession de sections alternant des fonds de couleur.

Zone introductive

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 ».

Contenu (type amorce) superposé sur 2 rendus de fond : 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.


Rendu de fond unique : 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.

Contenu de page

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 produites avec le "Template Section".
Dans chacune des sections, il est possible d'ajouter de un à un nombre non limité de modules dédiés.
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.

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.
À 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 du contenu de la 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.

Pédigré

Création Février 2020
Nom du template Jahia : " Maif Template Produit Générique "
Lien vers la doc Jahia .

Information

Vous souhaitez consulter la documentation du CMS JAHIA utilisé pour MAIF.fr ? Elle est accessible ici : Documentation Jahia
Vous souhaitez accéder aux maquettes HTML/CSS de MAIF.fr ? Elles sont accessibles ici : Maquettes statiques

Ces liens ne sont accessibles que via le réseau local.