Team Cards

Komponenten zur Darstellung von Team-Mitgliedern mit Bild, Rolle und Expertise.

Standard Team Card

DR

Dr. Sarah Schmidt

AI Research Lead

Expertin für Machine Learning und Natural Language Processing mit über 10 Jahren Erfahrung in der KI-Forschung.

Machine Learning NLP Python
MK

Marcus Klein

Innovation Manager

Verbindet Technologie mit Business-Strategie und unterstützt Startups bei der Integration von KI-Lösungen.

Strategy Innovation Startups
LM

Lisa Müller

Workshop Lead

Entwickelt praxisorientierte KI-Workshops und begleitet Unternehmen bei der digitalen Transformation.

Workshops Training Agile

Verwendung

<div class="team-card">
    <div class="team-card__image">DR</div>
    <div class="team-card__content">
        <h3 class="team-card__name">Dr. Sarah Schmidt</h3>
        <div class="team-card__role">AI Research Lead</div>
        <p class="team-card__bio">
            Expertin für Machine Learning und Natural Language Processing mit über 10 Jahren Erfahrung.
        </p>
        <div class="team-card__tags">
            <span class="team-card__tag">Machine Learning</span>
            <span class="team-card__tag">NLP</span>
        </div>
    </div>
</div>

Varianten

Mit echtem Bild

Team Member

Anna Weber

Data Scientist

Spezialistin für Data Analytics und Predictive Modeling.

Ohne Tags

TH

Thomas Hoffmann

Community Manager

Baut Brücken zwischen Tech-Community und Business-Welt. Organisiert Events und fördert den Austausch.

Grid Layouts

4 Spalten Grid

T1

Team 1

Role
T2

Team 2

Role
T3

Team 3

Role
T4

Team 4

Role
<div class="team-grid">
    <!-- Team cards hier einfügen -->
</div>

Best Practices

  • Verwenden Sie Initialen für Platzhalter-Bilder, bis echte Fotos verfügbar sind
  • Halten Sie Biografien kurz und prägnant (max. 2-3 Sätze)
  • Nutzen Sie maximal 3-4 Tags pro Person für bessere Übersichtlichkeit
  • Sorgen Sie für einheitliche Bildgrößen und -formate
  • Die Karten sollten in einem responsiven Grid angeordnet werden
  • Verwenden Sie aussagekräftige Rollenbeschreibungen