Un gabarit est un modèle qui définit la structure d’un type de page d’un site : où se placent le menu, les titres, les contenus, les boutons et les autres fonctions. Les équivalents anglais sont wireframe, pour la maquette de conception, et template, pour le modèle technique.
À quoi ça sert
Le gabarit permet de réfléchir à l’organisation de l’information avant de s’occuper de l’apparence. Il est volontairement dépouillé : des blocs gris, des libellés, ni couleurs ni photos.
Ce dépouillement oblige à discuter de l’essentiel : la hiérarchie des contenus, le parcours du visiteur, l’ergonomie des formulaires. Corriger un bloc à ce stade coûte bien moins cher qu’après le développement.
Comment ça marche
Un site vitrine compte en général quelques gabarits : accueil, page de contenu, liste d’articles, contact. Une boutique en ajoute d’autres, comme la fiche produit ou le panier. Chaque nouvelle page réutilise l’un d’eux.
Le gabarit découle souvent d’un zoning, qui découpe la page en grandes zones. Il est ensuite habillé par la charte graphique, puis développé.
Et dans un CMS ?
Dans WordPress, PrestaShop ou Shopify, le mot désigne aussi le fichier de code qui affiche un type de page. Le principe reste le même : un modèle unique, appliqué à toutes les pages du même type.
Ce modèle garantit la cohérence des pages et facilite les évolutions : une modification du gabarit s’applique partout à la fois. Nous passons par cette étape pour les sites comme pour les outils métier.