Card Elemente
Die sogenannten Card Elemente bewähren sich gerade im responsiven Design, wo Websites unabhängig von der Größe des Endgeräts des Nutzers optimal dargestellt werden sollen. Selbst bei Websites, die sich ausdrücklich an Firmenkunden wenden, verzeichne ich (trotz steigender Zahl von Menschen im Homeoffice) eine Zunahme an Besucher:innen mit Mobiltelefonen. Die Verteilung zwischen Handy und Desktop ist ungefähr gleich, Tablets werden von weniger als zehn Prozent benutzt.
Cards sind flexibel
Cards bieten einen großen Freiraum hinsichtlich der Gestaltung. Sie enthalten in aller Regel verschiedene Elemente wie Multimedia bzw. Bild, Überschrift, Text, Links, Grafiken und ggf. Bildunterschriften. Medienabfragen ermöglichen die Neuordnung von Inhalten, damit sie auf jeden Bildschirm passen.
Cards sind intuitiv bedienbar
Lange Texte lassen sich vermeiden bzw. optisch und ästhetisch besser aufbereiten. Inhalte werden spannender. Besucher von Websites wissen intuitiv mit Cards umzugehen, auch wenn sie mit dem Konzept aus gestalterischer bzw. technischer Sicht nicht vertraut sind. Zur Vorstellung des Teams oder im Webshop zur Darstellung von Übersichtsseiten z. B. für Produktkategorien lassen sich die Karten nicht mehr wegdenken.
Kombi
Beispiel für eine flexible, individuell anpassbare, stapelbaren Karte für ein vielfältigeres Layout mit Bild, Überschrift, Text und Link.
Banner
Karten mit Bild als Hintergrund angelehnt an die Form eines Banner im Querformat mit Link zum Video der Kundin.
Video
Kurzes, selbst gehostetes Video in einem Card Baustein mit frei gestaltbarer Überschrift, Text und einem Button als Call-To-Action Element.
Navigation
Einsatz von Bildern bzw. Bildunterschriften für die Navigation innerhalb einer Seite mit Anzeige einer Textliste für besonders kleine Bildschirme.
Feeds
WordPress liefert von Haus aus einen zur Content Syndication, Feed und somit die Seite aktualisieren sich automatisch mit jedem neu veröffentlichten Beitrag.
Ich entwickle und programmiere die Bausteine für Ihre Website. Diese können unter WordPress in verschiedene Kategorien unterteilt und als Vorlage (Pattern) hinterlegt werden, sodass an gewünschter Stelle diese selbständig eingefügt bzw. geändert werden können. Cards, die auf allen Seiten gleich sind, können als wiederverwendbare Vorlage integriert werden. Bei einer Änderung müssen nicht alle Beiträge upgedated werden, sondern nur die Box an sich.
Cards bringen Struktur in die Seite
Sind die Elemente der Karten bzw. Boxen in etwa gleich hoch, können die Cards mittels einer Zeile im Stylesheet entsprechend gleichmäßig verteilt ausgegeben werden. Doch was tun, wenn dies nicht möglich oder nicht gewünscht ist? Und wie das ganze auch noch optimal auf Mobiltelefonen präsentieren. Hilfen bieten hier u. a. Scroll-Snap und die Darstellung als Kachel- bzw. Mauerwerk www.servicepraxis.com/cards-fuer-mobilgeraete.