La Personne Modèles HTML

Templates HTML de personnes performants pour les sites mettant en valeur des profils

Un template de personne est une mise en page structurée autour d'un seul individu : une photo, un nom et un rôle indiquant la place de cette personne. Les catalogues répertoriés sous cet intitulé regroupent plusieurs éléments. Certaines entrées sont des profils individuels complets ; d'autres sont des sections de direction, des cartes d'équipe ou des témoignages de clients.

Profils indépendants et cartes d'équipe

Une page dédiée à une seule personne et une carte répétée dans une section d'équipe répondent à des besoins distincts, bien qu'elles soient souvent désignées de la même façon. Elles partagent néanmoins un ensemble restreint de groupes de contenu :

• identité : portrait, nom et rôle ou titre placé juste en dessous ;
• contexte : une biographie, une responsabilité au sein d'une entreprise ou une courte histoire ;
• preuves : réalisations sélectionnées, qualifications ou témoignage d'un client ;
• étape suivante : coordonnées, liens sociaux ou bouton pour engager la conversation.

Un profil indépendant peut intégrer ces quatre éléments à la suite. Une carte au sein d'une grille se limite généralement à l'identité et à une ligne de contexte, le reste se trouvant derrière un lien. Les templates prenant en charge ces deux cas de figure permettent à une carte de s'ouvrir sur une mise en page plus complète sans créer de second design.

La personne mise en avant modifie les priorités

Le profil d'un dirigeant et le portfolio d'un photographe répondent à des logiques 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 le texte. Le second peut réduire le portrait dans un coin et accorder tout l'écran aux réalisations, car ce sont les images qui convainquent.

Entre ces deux extrêmes se trouvent les cas habituels. Une clinique répertoriant quarante collaborateurs a besoin de cartes régulières, tandis qu'une entreprise publie des biographies de fondateurs de longueurs très disparates. C'est ici que la cohérence est menacée en premier. Si une personne rédige quatre phrases et une autre douze, une carte conçue pour quatre phrases rendra cet écart flagrant.

Portraits et biographies sur mobile

Sur petit écran, les mises en page axées sur des personnes présentent des limites prévisibles. Un portrait dimensionné pour une section hero sur ordinateur s'empare du premier affichage, et le nom peut se détacher du titre lors de l'empilement des colonnes. Les biographies trop longues repoussent les liens de contact bien en dessous de la zone visible.

Les modes responsifs de Nicepage permettent d'ouvrir la même mise en page dans les affichages pour ordinateur, tablette et téléphone. La documentation sur les modes responsifs explique comment ajuster chaque vue et comment vérifier le passage de deux colonnes (portrait et biographie) à une colonne unique.

La première question à se poser avant de concevoir l'aspect visuel est de savoir combien de visages la mise en page doit intégrer et quel volume de texte chacun nécessite. Une longue biographie unique et un annuaire de trente présentations courtes trouvent rarement leur place dans le même template, et choisir le mauvais modèle demandera plus d'efforts d'édition que le temps économisé au téléchargement.