Acht eigene Layouts zum Vorstellen deines Teams, vom Fotoraster bis zu gruppierten Abteilungen, mit bearbeitbarem HTML und CSS und einem Raster-Generator für Spalten, Fotoform und Abstand.
Eine Teamseite gibt deinem Unternehmen Namen, Gesichter und Rollen, damit Besucher wissen, mit wem sie es zu tun haben. Die Layouts unten reichen von einem einfachen Fotoraster über gruppierte Abteilungen bis zur Geschichte eines einzelnen Gründers. Jedes ist eigenständig erstelltes, bearbeitbares HTML und CSS, und der Raster-Generator legt Spalten, Fotoform und Abstand für dich fest.
Ein Layout nach Teamgröße wählen
Menschen kaufen bei Menschen, besonders bei Dienstleistungen wie Praxen, Agenturen, Handwerksbetrieben und Restaurants. Eine Teamseite beantwortet, wer hinter dem Unternehmen steht, und macht die erste E-Mail oder den ersten Besuch weniger zum Sprung ins Ungewisse. Die Beispiele hier zeigen Initialen statt Fotos, sodass du deine eigenen Bilder ohne Layoutänderungen einsetzen kannst.
Mindestens Name, Rolle und ein Foto jeder Person. Ergänze einen Satz dazu, was sie für Kunden tut, und einen Kontaktlink, wo es hilft. Eine kurze Einleitung oben erklärt, wie das Team zusammenarbeitet.
Nenne die Person und ergänze die Rolle, wenn sie nicht neben dem Foto steht, zum Beispiel alt="Ana Ruiz, physiotherapist". Steht der Name bereits in einer Bildunterschrift direkt neben dem Bild, vermeidet ein kurzer Alt-Text oder nur der Name lange Wiederholungen.
Gib dem Bild mit aspect-ratio ein festes Seitenverhältnis und nutze object-fit: cover. Das Bild füllt seine Box, und Überstehendes wird abgeschnitten, statt das Gesicht zu stauchen.
Kleine Unternehmen bringen das Team oft auf der Über-uns-Seite unter. Sobald du mehr als etwa acht Leute hast oder Teams, die Kunden direkt kontaktieren, hält eine eigene Seite die Über-uns-Seite auf deine Geschichte fokussiert.
Ja. Initialen, Illustrationen oder ein einzelnes Gruppenfoto funktionieren, wenn Leute lieber nicht abgebildet werden möchten. Lass Namen und Rollen sichtbar, damit die Seite ihren Zweck trotzdem erfüllt.
Farbige Initialen stehen für Fotos. Ersetze jeden .av-Block durch ein img mit derselben Klasse.
Runde Fotos, Name und Rolle zentriert. Funktioniert für fast jedes Team von vier bis zwölf Personen.
Eine kurze Zeile dazu, was jede Person für Kunden tut, macht aus einer Wand voller Porträts etwas Nützliches.
Für ein Unternehmen mit einer oder zwei Personen haben ein einzelnes Foto und ein paar ehrliche Sätze mehr Gewicht als ein Raster.
Überschriften pro Team helfen Besuchern, in einem größeren Unternehmen die richtige Person zu finden.
Größere Karten für die Entscheider, eine kompakte Leiste für alle anderen.
Zeilen mit Name, Rolle und Team lassen sich leicht überfliegen und mit der Suchfunktion des Browsers durchsuchen.
Jede Person bekommt einen Mail-Link, damit Kunden gleich beim ersten Mal die richtige Stelle erreichen.
Wenn Leute keine Einzelporträts möchten, verbinden ein gemeinsames Bild und eine Bildunterschrift trotzdem Namen mit dem Unternehmen.
Team-Raster-Generator
Wähle Spalten, Fotoform und Abstand. Start-CSS:
Spalten auf breiten Bildschirmen: {n}
Fotoform
Kreis
Abgerundet
Quadrat
Abstand: {n}px
Vorschau des Team-Rasters
CSS kopieren
Kostenlos starten · Keine Kreditkarte nötig