La Personne Modèles HTML

Modèles HTML performants pour les sites présentant des profils de personnes

Un modèle de profil de personne est une mise en page centrée sur une personne : une photo, un nom et un rôle qui indique sa place dans l’entreprise. Les catalogues sous cette rubrique regroupent différents éléments. Certaines entrées sont des profils complets ; d’autres sont des sections sur l’encadrement, des fiches d’équipe ou des témoignages clients.

Profils individuels vs Fiches d’équipe

Une page dédiée à une personne et une fiche répétée dans une section « Personnel » sont deux choses différentes, bien que leur intitulé soit identique. Elles partagent un petit ensemble de groupes de contenu :

• Identité : portrait, nom et rôle ou titre ;

• Contexte : biographie, responsabilités au sein de l’entreprise ou un court témoignage ;

• Preuve : exemples de travaux, qualifications ou témoignage d’un client ;

• Prochaine étape : coordonnées, liens vers les réseaux sociaux ou bouton d’échange.

Un profil individuel peut contenir ces quatre éléments successivement. Une fiche dans une grille comporte généralement une identité et une ligne de contexte, le reste étant accessible via un lien. Les modèles compatibles avec les deux formats permettent à une carte de s'ouvrir sur une mise en page plus complète sans nécessiter une seconde conception.

La présence de la personne sur la photo influence la priorité

Le profil d'un dirigeant et le portfolio d'un photographe ont des exigences opposées. Le premier exige que le nom, le titre et l'entreprise soient lisibles dès la première seconde, avec un portrait formel qui ne gêne pas la lecture du texte. Le second peut réduire le portrait à un coin et laisser la vedette aux photos, car ce sont elles qui parlent.

Entre ces deux extrêmes, on trouve les cas courants. Une clinique listant quarante membres du personnel a besoin de cartes uniformes, tandis qu'une entreprise publie des biographies de ses fondateurs de longueur très variable. C'est dans ce cas que l'uniformité est la première à poser problème. Une personne écrit quatre phrases, une autre douze, et une carte conçue pour quatre phrases le reflétera.

Portraits et biographies sur téléphone

La mise en page des profils présente des problèmes prévisibles sur les petits écrans. Un portrait dimensionné pour un ordinateur de bureau occupe tout l'espace visuel, et un nom peut se détacher de son titre une fois les colonnes réduites. Les biographies trop longues font passer les liens de contact sous la zone de défilement.

Les modes responsifs de Nicepage vous permettent d'afficher la même mise en page sur ordinateur, tablette et téléphone. La documentation sur les modes responsifs explique comment chaque affichage est adapté, notamment pour la présentation du portrait et de la biographie sur deux colonnes, qui se réduisent alors à une seule colonne.

Avant même de se concentrer sur l'aspect visuel, il est important de se demander combien de personnes la mise en page doit afficher et quelle est la valeur de chacune. Une longue biographie et un répertoire de trente biographies courtes coexistent rarement dans le même modèle, et un mauvais choix engendrerait un temps de modification supérieur au temps de téléchargement économisé.