Huit mises en page originales pour présenter votre équipe, de la grille de photos aux services regroupés, en HTML et CSS modifiables, avec un générateur de grille pour les colonnes, la forme des photos et l'espacement.
Une page équipe met des noms, des visages et des rôles sur votre entreprise pour que les visiteurs sachent à qui ils auront affaire. Les mises en page ci-dessous vont de la simple grille de photos aux services regroupés, en passant par l'histoire d'un fondateur. Chacune est en HTML et CSS originaux et modifiables, et le générateur de grille règle pour vous les colonnes, la forme des photos et l'espacement.
Choisir une mise en page selon la taille de l'équipe
On achète à des personnes, surtout pour des services comme les cliniques, les agences, les artisans et les restaurants. Une page équipe répond à la question de savoir qui se cache derrière l'entreprise et rend le premier e-mail ou la première visite moins intimidants. Les exemples présentés ici utilisent des initiales à la place des photos, pour que vous puissiez insérer vos propres images sans modifier la mise en page.
Au minimum, le nom, le rôle et une photo de chaque personne. Ajoutez une phrase sur ce qu'elle fait pour les clients, et un lien de contact quand c'est utile. Une courte introduction en haut explique comment l'équipe travaille ensemble.
Nommez la personne, et ajoutez le rôle s'il n'est pas écrit à côté de la photo, par exemple alt="Ana Ruiz, kinésithérapeute". Si le nom figure déjà dans une légende juste à côté de l'image, un alt court ou le nom seul évite de répéter un long texte.
Donnez à l'image un ratio fixe avec aspect-ratio et utilisez object-fit: cover. L'image remplit son cadre et l'excédent est rogné au lieu d'écraser le visage.
Les petites entreprises intègrent souvent l'équipe à la page à propos. Au-delà d'environ huit personnes, ou si les clients contactent directement certaines équipes, une page séparée permet à la page à propos de rester centrée sur votre histoire.
Oui. Des initiales, des illustrations ou une seule photo de groupe fonctionnent quand les gens préfèrent ne pas être photographiés. Gardez les noms et les rôles visibles pour que la page remplisse toujours son rôle.
Des initiales colorées remplacent les photos. Remplacez chaque bloc .av par un img qui utilise la même classe.
Photos rondes, nom et rôle centrés. Cela fonctionne pour presque toute équipe de quatre à douze personnes.
Une courte ligne sur ce que chaque personne fait pour les clients transforme un mur de portraits en quelque chose d'utile.
Pour une entreprise d'une ou deux personnes, une seule photo et quelques phrases sincères ont plus de poids qu'une grille.
Des titres par équipe aident les visiteurs à trouver la bonne personne dans une entreprise plus grande.
Des cartes plus grandes pour les décideurs, une bande compacte pour tous les autres.
Des lignes avec nom, rôle et équipe, faciles à parcourir et à rechercher avec la fonction de recherche du navigateur.
Chaque personne a un lien mail, pour que les clients joignent le bon interlocuteur du premier coup.
Quand les gens préfèrent ne pas avoir de portrait individuel, une photo commune et une légende mettent tout de même des noms sur l'entreprise.
Générateur de grille d'équipe
Choisissez les colonnes, la forme des photos et l'espacement. CSS de départ :
Colonnes sur grand écran : {n}
Forme des photos
Cercle
Arrondie
Carrée
Espacement : {n}px
Aperçu de la grille d'équipe
Copier le CSS
Commencer gratuitement · Sans carte bancaire