Kacheln

Verschiedene Kachel-Typen für Rasteransichten – Icon, Bild, Titel mit Links, sowie eine Kennzahl-Kachel als zusätzlicher Typ aus gängiger Praxis.

Icon und Text

Kompaktes Icon über kurzem Titel und Text – z. B. für Leistungsübersichten.

SAP Financials

Beratung bei der Einführung und Optimierung von SAP-Finanzmodulen.

Business Intelligence

Aufbau von Reporting- und Analyselösungen für fundierte Entscheidungen.

Datensicherheit

Schutz sensibler Kunden- und Versicherungsdaten während des gesamten Projekts.

Bild und Text

Bild oberhalb oder unterhalb von Titel und Text, je nach gewünschter Betonung.

Bild oben

SAP-Versicherungslösungen

Jahrelange Erfahrung bei der Einführung von SAP-Versicherungslösungen für Kunden in der Schweiz und Deutschland.

Bild unten

SAP-Versicherungslösungen

Jahrelange Erfahrung bei der Einführung von SAP-Versicherungslösungen für Kunden in der Schweiz und Deutschland.

Titel und Links

Titel mit einer kurzen Liste weiterführender Links – z. B. für eine Ressourcen-Übersicht.

Ohne Beschreibung

Mit Beschreibung

Buttons

Alle Button-Rollen (Primary, Secondary, Positive, Negative, Tertiary) in den Markenfarben.

Kennzahl

Aus der Praxis ergänzter Typ: eine hervorgehobene Zahl mit Beschriftung, häufig auf Unternehmensseiten verwendet.

20+

Jahre Erfahrung

Best Practices

Gleichmässiges Raster

Innerhalb eines Rasters sollten alle Kacheln denselben Typ und dieselbe Höhe verwenden – das Mischen von Icon-, Bild- und Link-Kacheln in derselben Reihe wirkt uneinheitlich.

Aussagekräftiger Alt-Text

Bild-Kacheln benötigen einen beschreibenden alt-Text, sofern das Bild inhaltlich relevant ist. Ist das Bild rein dekorativ, genügt alt="".

Ganze Kachel klickbar machen

Führt eine Kachel zu genau einem Ziel, sollte die ganze Fläche klickbar sein (nicht nur ein kleiner Link am Ende) – das vergrössert die Klickfläche, besonders auf Touchgeräten.

Externe Links kennzeichnen

Externe Ziele öffnen in einem neuen Tab (target="_blank" rel="noopener noreferrer") und zeigen automatisch das Pfeil-Icon arrow-up-right statt arrow-right.