Webstandard & Webdesign - CSS, HTML

 

Webdesign als Grundlage des Online Marketings

Online Marketing - Webdesign wird leider hinsichtlich verkaufsfördernder Maßnahmen häufig vernachlässigt, stellt es doch genau genommen das Grundgerüst erfolgreichen Online Marketings dar. Online Marketing bezieht sich auf Marketing-Maßnahmen, die mit Internetseiten, in welcher Form auch immer, erfolgen können und viele Unternehmen investieren Monat für Monat horrende Summen in Online Marketing. Im ersten Eindruck erscheint dies als äußerst werbewirksam. Doch allein Traffic (hohe Besucherzahlen) auf der Internetpräsenz nützt wenig, wenn sie nicht über ein ansprechendes Webdesign verfügen und dadurch wenig Geschäftsabschlüsse erhalten. Auch wenn es sich um hochwertigen (Konversion) Traffic handelt bedeutet dies nicht zwangsläufig, dass der Traffic auch Verkäufe verspricht. Nur wenn das Webdesign über eine gute Usability und Accessibility verfügt, werden Kunden auch Geld ausgeben.

Webdesign der Internetpräsenz

Wer heutzutage an der Entwicklung von Webdesigns beteiligt ist, steht vor vielen Herausforderungen: Die Webseite muss nach neuesten Standards erstellt sein, aktuelle Techniken wie CSS3 wollen berücksichtigt werden, die Webseite muss in möglichst vielen Browsern, Browserversionen und verschiedenen Endgeräten (Desktop-PC, Tablet, Smartphone,...) laufen, und nicht zuletzt soll natürlich auch das Design auch das gewisse Etwas haben. Die Struktur einer Website muss zudem klar und übersichtlich sein. Dabei sollte man vom Standard nicht abweichen und die Hauptnavigation nur oben oder links an einer Website einfügen. Die Ausnahme einer solchen Empfehlung stellen international ausgerichtete Projekte dar, die bspw. auch im arabischen Raum tätig sind. Hier sollte man die rechte Seite aufgrund der Schreib- und Lesegewohnheit bevorzugen. User wollen sich direkt auf eine Website zurecht finden und nicht erst lange suchen müssen. Ein sehenswertes Beispiel hierfür ist die Webseite des aus Abu Dhabi stammenden Medienunternehmens. "twofour54", so der Name der Agentur, welche Ihren Namen im übrigen von den geografischen Kooeridnaten Ihres Standpuktes hat, bietet Interessierten die Inhalte ihrer Webseite auf englisch und arabisch an. Die folgende Abbildung macht die Unterschiede deutlich.

Unterscheide im Design in Abhängigkeit zur Zielgruppe (englisch - links, arabisch - rechts)

Auch in Bezug auf Formen und Farben sollte man sich immer bewusst sein, welche Bedeutung diese haben. Ist die Verwendung einer Farbe im europäischen Raum unbedenklich, kann sie selbe Farbe im arabischen Raum zu Ablehnung führen. Gerade bei einem primären Call-to-Action Element ein unverzeichlicher Fehler. Erst wenn diese Gesichtspuntke bei einem Design berücksichtigt werden, hat man eine gute Voraussetzung für erfolgreiches Online Marketing. Bei Desktop-PC's kann man die ebenen beschriebene Regel der Ausrichtung durchaus anzuwenden und auch bei Tablets sollte dies durchaus noch in größtenteils möglich sein. Auf mobielen Endgeräten wie Smartphones, sollte man eine stets erreichbare Navigation allerdings eher oben oder unten ausreichen, so dass der Webseitenbesucher eines solchen Endgerätes jederzeit die Möglichkeit besitzt, sich schnell über diese Navigation im mobilen Angebot des Webseiten-Betreibers zurecht zu finden. Was vor 10 Jahren noch modern war, ist heute veraltet - eine Entwicklung die nicht zuletzt aufgrund der rasanten technischen Weiterentwicklung der Geräte kein Wunder ist. Dank HTML5 und CSS3 ist im heutigen Webdesign immer mehr möglich. Dank jQuery werden zum Beispiel Websites, auch ohne Flash, fast schon wie ein Video dargestellt. Doch es sollte nicht nur an das Design der eigentlichen Website gedacht werden.

Design in allen Online-Marketing-Bereichen

Sicherlich ist das Webdesign einer Internetpräsenz das wichtigst Grundgerüst für Online Marketing. Allerdings muss sich ein Design auch durch sämtliche Marketinginstrumente ziehen. Die Maßnahmen werden hierbei entsprechend der gesetzten Ziele gewählt und in einem Marketing-Mix gezielt strategisch umgesetzt.

Affiliatemarketing

Wer als Merchant (Händler) seine Produkte über Affiliate-Netzwerke verkaufen möchte, der sollte auch bei der Erstellung der Werbemittel wie Bild- oder Flash-Banner darauf achten, dass diese mit der Corporate Identity des Unternehmens harmonieren und Farben, Formen und Schriftarten sich nicht willkürlich abwechseln, sondern ein einheitlichen Bild abgeben, welches die Benutzerführung erleichtert. Denn nicht jedes Affiliate-Angebot befindet sich auf der Startseite, sondern bspw. auch auf Detailseiten. Eine gute und leichtverständliche Navigation ist in einem solchen Fall unabdingbar. Aber auch bei den Affiliate-Elementen selbst sollte man ein ausgewogenen und zielgruppengerechtes Design wählen. Oberstes Gebot bei Bannern: Seriösität! Banner die direkt wie Banner wirken, werden nur sehr ungern angeklickt und Verkäufe über Affiliatewebsites kommen somit kaum zustande. Nur wenn wenn das Design stimmt klicken Kunden auf die Werbebanner.

SEA - Landingpages und Image-Anzeigen

Oftmals wird der Fehler gemacht, dass Adwordskampagnen nur auf die Startseite einer Website verlinken. Die Wirkung der Anzeige verpufft, wenn das beworbene Produkt oder Service den Besucher nicht direkt zu einer möglichen Kauf- oder Buchungsaktion führt. Die Wege sollten kurz und für den potentiellen Kunden nachvollziehbar sein und dazu gehört eben auch, dass auch die Inhalte der Landingpage mit denen der Anzeige in Einklang gebracht wurden. Eine Abweichung an dieser Stelle, wird zu einer Unsicherheit beim potentiellen Kunden und somit mit hoher Wahrscheinlichkeit dann zum Abbruch führen.

In einem ausgewogenen und modernen Marketing-Mix ist Social Media Marketing als Bestandteil kaum noch wegzudenken...

In der heutigen Zeit ist mittels Content Management System das Erstellen einer extra Landingpage für ein Adwordskampagne vom Unternehmen selbst bzw. von einer Werbeagentur schnell und einfach möglich. Die Landingpages sollten zusätzlich für Suchmaschinen optimiert werden, denn davon profitieren Firmen doppelt. Auch das Erstellen von Image-Anzeigen für Adwords-Kampagnen hat nur einen wirksamen Erfolg, wenn die Anzeigen mit einem hochwertigen und werbewirksamen Design erstellt sind. Hier zählt das selbe wie bei dem Affiliatemarketing. Image-Anzeige oder Banner müssen seriös wirken.

Webdesign bei Social Media Marketing

In einem ausgewogenen und modernen Marketing-Mix ist Social Media Marketing als Bestandteil kaum noch wegzudenken. Aber wenn es in Erwägung gezogen wird, genügt das alleinige Erstellen einer Firmenpräsentation bei Social Media Plattforme wie Facebook, Twitter, Youtube oder Google Plus leider nicht. So sollte bei einer Facebook Fanpage immer eine extra Willkommens-Seite eingerichtet werden, die zum Corporate Design des Unternehmens passt. Die Twitter Profilseite bietet ebenfalls die Möglichkeit das Corporate Design mit einfließen zu lassen.

Social Media Marketing mit PlugIns wie "SexyBookmarks"

So kann hier unteranderem die Textfarbe ausgewählt, das komplette Hintergrundbild geändert oder ein kleines Symbol als Gravatar eingesetzt werden. Das Einbinden von Social Media Widgets oder Social Media Buttons wie der "Gefällt mir" Button, sollte nicht zuletzt wegen der höheren Gewichtung bei Suchmaschinen von Inhalten die durch Social Signale geteilt oder "geplust" wurden, stellen somit mittlerweile eine fast unverzichtbare Komponente Social Media Marketing dar. Wer Social Signale nutzen will, muss dies kommunizieren und über eine entsprechende Impplementierung und das Designkonzept mit beachten!

Newsletter

Auch wenn bei Newslettern oft noch mit Tabellen gearbeitet wird und gearbeitet werden muss, weil enstprechende Programme mit ausgelagerten Styles nicht klar kommen, können Newsletter durch ein seriöses Webdesign den gewünschten Zweck erfüllen. Mit Newsletter- oder auch E-Mail-Marketing kann man seine Kunden regelmäßig personalisiert ansprechen und über neueste Produkte, Services und Events informieren. Dadurch erhöhen man die Kundenbindung und besitzt somit die Möglichkeit, sonst eher passive Kunden zu reaktivieren. Aber auch hier muss für die Newsletter-Abonnenten ein der Zielgruppe entsrechendes Design umgesetzt werden. Dazu muss auch im Fall von Newsletter-Marketing eine emotionale Bindung (Eyetracking-Studie) hergestellt werden, die dann im Idealfall über ein entsprechend positioniertes primäres Call-to-Action die gewünschte Aktion (Registrierung, Buchung, ...) durchgeführt werden kann.

Fazit:

Bevor Unsummen für Online Marketing ausgegeben werden, sollten Firmen über ein Relaunch oder Redesign ihrer Website nachdenken. Manchmal reicht allerdings ein Facelifting der bestehenden Webseite aus, weil bspw. die richtigen Inhalte am geeigneten Design bereits vorliegen, aber eben noch an der falschen Stelle oder einfach noch nicht groß genug sind. In wenigen Schritten kann diesem Problem somit Abhilfe geschaffen werden und unter Umständen zu beachtlichen Uplifts bei der Konversionsrate verhelfen. Denn nur dann lohnt es sich auch Geld in Online Marketing wie Suchmaschinenwerbung (SEA), Suchmaschinenoptimierung (SEO), Affiliatemarketing oder Social Media Marketing zu investieren.

Über den Gastautoren

Gastautor dieses Artikels zum Thema Webdesign und Online Marketing ist Daniel Werner von der Werbeagentur webmatr1x aus Rimpar in der Nähe von Würzburg. Seine Agentur hat sich auf Webdesign, Suchmaschinenoptimierung und Online Marketing für mittelständische und kleine Unternehmen sowie öffentliche Organisationen spezialisiert.

Werde auch du Gastautor im Webstandard-Blog!

Um Themengebiete wie diese, für die sich die Leser interessieren anbieten zu können, möchten wir über diesem Wege weiterhin anderen Bloggern die Möglichkeit geben, ihr Fachwissen mit unseren Lesern als Gastautoren teilen zu können. Voraussetzung ist lediglich, dass sich diese Artikel in den vorhanden Kategorien unseres Blogs untergebracht werden können und der jeweilige Autor über entsprechendes Fachwissen verfügt.