SecData-Website · Vorschau

Teaser-Boxen auf den Übersichtsseiten: drei Varianten

Beispiel ist die Seite „Datenschutz & Sicherheit“ mit ihren vier Produkten, echte Texte und Bilder von der Live-Seite. Alle drei Varianten nutzen die vorhandenen Farben, die Schrift und die Eckenradien der Seite und laufen auf Handy, Tablet und Desktop.

Warum die heutigen Boxen matschig wirken

Drei der vier Hintergrundbilder sind nur 100 × 80 Pixel groß und werden auf über 600 Pixel Breite gezogen. Dazu liegt eine dunkle Fläche über dem ganzen Bild, damit der weiße Text lesbar bleibt. Egal welche Variante Sie wählen: Die Bilder müssen in voller Größe rein, die passenden liegen schon im Repo (Screenshots 1500 × 750 und die KI-Motive der Produktseiten).Aktuelles Teaser-Bild in Originalgröße 100 × 80 Pixel

A

Bildkarten

Bild oben, Text auf Weiß darunter. Der Text liegt nie auf dem Foto, deshalb bleibt alles lesbar und die Bilder dürfen hell und echt sein. Beim Überfahren hebt sich die Karte, eine rote Linie zieht oben auf.

Passt, wenn
  • je Bereich 2 bis 6 Produkte stehen
  • gute Bilder vorhanden sind (Screenshots wirken hier sehr glaubwürdig)
  • KI-Bilder bekommen wie überall das kleine KI-Badge
Unsere Lösungen

Datenschutz & Sicherheit im Überblick

B

Bühne + Liste

Das wichtigste Produkt bekommt links eine große Bühne mit Foto und rotem Knopf, die übrigen stehen rechts als kompakte Zeilen mit Vorschaubild. Wirkt hochwertig und führt den Blick, braucht aber eine Entscheidung, welches Produkt vorne steht.

Passt, wenn
  • es je Bereich ein Leitprodukt gibt (hier: der Datenschutzbeauftragte)
  • 3 bis 5 weitere Produkte daneben stehen
  • der Text auf der Bühne kurz bleibt (abgedunkelt nur unten, wo er steht)
Unsere Lösungen

Datenschutz & Sicherheit im Überblick

C

Zeilen mit Nummer

Ruhige Liste statt Kacheln: Nummer, Titel, Beschreibung und zwei Stichworte links, rechts ein Vorschaubild und ein Pfeil. Liest sich wie ein Inhaltsverzeichnis, alle Produkte sind gleich gewichtet, und es funktioniert auch mit acht Einträgen.

Passt, wenn
  • Bereiche viele Produkte haben (Compliance, Handbücher)
  • die Seite ruhiger und beratender wirken soll
  • Stichworte je Produkt gepflegt werden (hier Beispiele)
Unsere Lösungen

Datenschutz & Sicherheit im Überblick