Person HTML-Vorlagen

Leistungsstarke Personen-HTML-Vorlagen für Websites, die Menschen präsentieren

Eine Personen-Vorlage ist ein Layout, das um eine einzelne Person herum aufgebaut ist: ein Foto, ein Name und eine Rolle, die zeigt, wo diese Person hingehört. Kataloge unter dieser Rubrik vereinen Verschiedenes. Einige Einträge sind vollständige persönliche Profile, andere Führungskräfte-Bereiche, Team-Karten oder Erfahrungsberichte von Kunden.

Eigenständige Profile im Vergleich zu Team-Karten

Eine Seite, die einem einzelnen Individuum gewidmet ist, und eine Karte, die sich in einem Mitarbeiterbereich wiederholt, erfüllen unterschiedliche Aufgaben, auch wenn beide gleich benannt werden. Gemeinsam haben sie eine kleine Reihe von Inhaltsgruppen:

• Identität: Porträt, Name und die darunter platzierte Rolle oder Berufsbezeichnung;
• Kontext: eine Biografie, ein Aufgabenbereich im Unternehmen oder eine kurze Geschichte;
• Nachweis: ausgewählte Arbeiten, Qualifikationen oder das Zitat von jemandem, der sie beauftragt hat;
• Nächster Schritt: Kontaktdaten, Social-Media-Links oder eine Schaltfläche, die ein Gespräch einleitet.

Ein eigenständiges Profil kann sich alle vier nacheinander leisten. Eine Karte innerhalb eines Rasters erhält meist eine Identität plus eine Zeile Kontext, während der Rest hinter einem Link wartet. Vorlagen, die beides unterstützen, ermöglichen es, eine Karte ohne zusätzliches Design zu einem umfassenderen Layout zu erweitern.

Wer abgebildet ist, verändert die Prioritäten

Das Profil einer Führungskraft und das Portfolio eines Fotografen verfolgen gegensätzliche Ziele. Das erste verlangt, dass Name, Titel und Unternehmen in der ersten Sekunde lesbar sind, mit einem formellen Porträt, das dem Text nicht im Weg steht. Das zweite kann das Porträt auf eine Ecke verkleinern und den Bildschirm den Arbeiten überlassen, da die Bilder selbst das Argument sind.

Dazwischen liegen die gewöhnlichen Fälle. Eine Klinik, die vierzig Mitarbeiter aufführt, benötigt einheitliche Karten, während ein Unternehmen Gründerbiografien von völlig ungleicher Länge veröffentlicht. Hier bricht die Konsistenz zuerst zusammen: Schreibt eine Person vier Sätze und eine andere zwölf, fällt das bei einer für vier Sätze gestalteten Karte sofort auf.

Porträts und Biografien auf dem Smartphone

Layouts für Personen scheitern auf kleinen Bildschirmen an vorhersehbaren Stellen. Ein Porträt, das für den Hero-Bereich der Desktop-Ansicht dimensioniert ist, nimmt den gesamten ersten Blick ein, und ein Name kann sich von seinem Titel entfernen, sobald Spalten umbrechen. Lange Biografien schieben Kontaktlinks so weit nach unten, dass kaum jemand scrollt.

Mit den Nicepage Responsive-Modi können Sie dasselbe Layout in der Desktop-, Tablet- und Smartphone-Ansicht öffnen. Die Dokumentation zu den Responsive-Modi erklärt, wie jede Ansicht angepasst wird und wie zweispaltige Porträt- und Biografie-Bereiche geprüft werden, wenn sie in eine Spalte umbrechen.

Bevor es an das Visuelle geht, sollte die Frage geklärt werden, wie viele Personen das Layout enthält und wie viel jede davon mitzuteilen hat. Eine einzelne ausführliche Biografie und ein Verzeichnis mit dreißig kurzen passen selten in dieselbe Vorlage – und die falsche Wahl erfordert mehr Nachbearbeitung, als der Download an Zeit gespart hat.