Card Design

House Of Kacheln ;-)

Jeder dürfte sie unter anderem aus den sozialen Medien wie Pinterest oder von Google kennen und täglich nutzen: Cards bzw. Kacheln. Viele Webseiten setzen auf diese sehr übersichtliche Anordnung von Bild und Text. Im Webdesign nennt man das Card-Design. 

Kacheln sind ein visuelles Element im Webdesign, bei dem Inhalte in quadratischen oder rechteckigen Kacheln angezeigt werden. Sie werden häufig für Bilder, Videos, Kontakttypen und andere Inhalte verwendet. Kacheln sind eine gute Möglichkeit, Inhalte in einem übersichtlichen Layout anzuordnen, das leicht zu durchsuchen ist.

Meisten enthalten diese Kacheln ein Bild, eine Überschrift (Titel), einen "Anreißer-Text" (Teaser) und häufig dann noch einen Link "mehr lesen". 
Hier kannst Du lesen, wie Du diese Kacheln in unseren TYPO3-Projekten selbst erstellen kannst.

Card-Beispiel 1: Einfache Kacheln

20190929-DSC06363-Bearbeitet

Titel Seite 1

Teaser from: Abstract One - Ut non enim eleifend felisInteger ante arcu, accumsan…

20190929-DSC06364-Bearbeitet

Titel Seite 2

Teaser from: Abstract Two - Ut non enim eleifend felisInteger ante arcu, accumsan…

20190929-DSC06370-Bearbeitet

Titel Seite 3

Teaser from: Abstract Three - Ut non enim eleifend felisInteger ante arcu,…

Optimiert für alle Endgeräte

Responsive Cards

Cards basieren auf einen Gestaltungsraster, dem Grid. Dadurch sind sie für die Darstellung auf unterschiedlichen Endgeräten optimiert.

Grid-Inhalte

So ein Card-Design kann ein Content Manager unserer Themes bequem im Backend von TYPO3 als Content-Element anlegen - dort Titel, Teaser, mehr-Link per Hand eintragen und fertig sind für Suchmaschinen optimierte Cards.