Sie wollen eine neue Website erstellen – oder eine ältere überarbeiten – und wissen nicht genau, wo Sie anfangen sollen und was alles zu bedenken ist? Hier ein paar Gedanken, was Sie bei der Neugestaltung oder beim Relaunch im Hinterkopf behalten sollten.

1) Technische Plattform
Oder: Die Qual der Wahl.

Was hier schief gehen kann: Die Website funktioniert nicht auf dem Handy, sie ist nicht barrierefrei, sie ist technisch veraltet.

Ganz am Anfang, wenn ich mir mit einem Kunden zusammen erste Gedanken über einen neuen Webauftritt mache, beschäftigen wir uns mit der technischen Basis, auf der alles laufen soll. Dazu gehören natürlich Domainbuchung und Provider, vor allem aber auch die Entscheidung, mit welcher Technologie – auf welcher technischen Plattform – wir die Seite umsetzen wollen. Konkreter ausformuliert heißt das: Wollen wir eine dynamische Website mit Hilfe eines CMS (Content Management System) oder aber eine statische Website mit HTML/CSS erstellen?

WordPress: Schnelles und günstiges Arbeiten in Eigenregie

Im Bereich CMS arbeite ich bevorzugt mit WordPress. Es ist eines der am weitesten verbreiteten Systeme, das heute über 60% aller CMS-basierten Websites nutzen, auch große Sites wie beispielsweise Reuters | Time Magazine Online | Sony Music.

Vorteile von WordPress

• Leicht zu lernen: Auch ohne Programmierkenntnisse kann man Anpassung schnell und einfach selbst durchführen. Und wenn man möchte, gibt es im Format WordPress-Coaching Unterstützung auf Zuruf.
• Kostenlose OpenSource Software, die laufend von der Community weiterentwickelt wird und keine Lizenzgebühren.
• Schlankes, modulares System:
  • WordPress-Core ist grundsätzlich barrierefrei und nach gängigen Webstandards aufgebaut, was auch dem Ranking bei Suchmaschinen nützt.
  • Plugins sorgen für Funktionserweiterungen (Kurskalender, Mitgliederbereich, Mehrsprachigkeit, Shopsoftware…).
  • Themes als kostenfreie bzw. günstige Design-Vorlagen können bei Bedarf individuell weiter gestaltet werden; moderne Themes sind für Mobilgeräte optimiert, spätere Designwechsel sind ohne Datenverlust möglich.
• Hosting auf dem eigenen Server mit voller Datenkontrolle.

Nachteile von WordPress

• Wartung: WordPress erfordert regelmäßige Wartung inklusive Einspielen der Sicherheitsupdates. Das kostet Zeit, man kann die WordPress-Wartung aber auch delegieren.

Hier meine Angebote und Pakete im Bereich WordPress:

HTML und CSS: Sie läuft und läuft und läuft

Manche meiner Kunden legen keinen Wert darauf, ihren Webauftritt selbst kontinuierlich weiterzuentwickeln. Sie wollen ihre Daten im Netz sehen – und sich dann keine Gedanken mehr über Wartung etc. machen. In diesen Fällen rate ich zu einer klassischen Website, die mit HTML und CSS gestaltet ist.

Vorteile von Seiten mit HTML/CSS

• Zukunftsfähig: Eine standardkonforme Erstellung stellt sicher, dass die Website auch in Zukunft funktioniert.
• Keine Wartung nötig: Einmal erstellt gibt es quasi keinen weiteren (Pflege-)Aufwand.
• Responsivität, Barrierefreiheit und Suchmaschinenoptimierung sind jederzeit implementierbar.

Nachteile von Seiten mit HTML/CSS

• Anpassungen erfordern Kenntnisse: Zur Änderung der Website muss ein Editor verwendet werden. Manche meiner Kunden setzen sich mit dem Thema auseinander und führen die Anpassungen selbst durch, andere beauftragen mich damit. Die Kosten sind dabei normalerweise überschaubar.

Hier meine Angebote und Pakete im Bereich HTML/CSS:

Fazit: Überlegen Sie genau und lassen Sie sich ggf. beraten.

Die Wahl der richtigen technischen Plattform ist ein Abwägungsprozess. Eines der wichtigsten Kriterien für mich ist: Wie viele Änderungen gibt es durchschnittlich pro Jahr? Die zweite Frage, die ich meinen Kunden meist stelle, lautet: Haben Sie Lust, sich mit ein bisschen Technik auseinanderzusetzen – oder delegieren Sie lieber und kümmern sich um Ihr Hauptgeschäft?

2) Klare Positionierung
Oder: Nach Hause telefonieren!

Was hier schief gehen kann: Der Besucher versteht nicht, was er bei Ihnen bekommt. Oder warum ausgerechnet Sie der Anbieter sind, der ihm das liefert, was er braucht.

Was genau wollen Sie in Ihrer Website eigentlich kommunizieren? Was bieten Sie bzw. Ihr Unternehmen an? Wofür stehen Sie, welches Bild soll in den Köpfen Ihrer Kunden entstehen?

Klarheit ist der Dreh- und Angelpunkt in meiner Arbeit. Aus Klarheit in der eigenen Positionierung ergibt Klarheit in der Kommunikation und sie ist auch das Fundament eines jeden Gestaltungsprozesses.

Wenn Sie sich dem Thema einmal selbst systematisch nähern möchten, können Sie sich beispielsweise die folgenden Fragen stellen:

• Wer sind Sie und was motiviert Sie? Was genau tun Sie? Wofür sind Sie ein ausgewiesener Spezialist? Welche Tätigkeiten haben Sie früher angeboten, was heute? Was machen Sie nicht mehr? Warum? Gibt es, falls Sie ein sehr breites Angebotsportfolio haben, ein verbindende Merkmal all Ihrer Angebote? Warum tun Sie das, was Sie tun?
• Wer ist Ihr Kunde? Mit welcher Art von Kunden arbeiten Sie gerne? Mit welchen hat es noch nie gut geklappt? Was ist das Hauptproblem dieser Kunden, weswegen kommen sie zu Ihnen? Bzw. was sind die Probleme der verschiedenen Kundengruppen? Gibt es eine thematische Klammer für diese verschiedenen Probleme? Kann man Ihre Problemlösung in einem Satz formulieren? Etwa als Transformationsprozess von einem Zustand A hin zu einem Zustand B?
• Was genau bieten Sie an? Und warum ist ausgerechnet Ihr Angebot das richtige für Ihren Kunden?

Ein Ansatz, um sich diesen drei Fragen zu nähern, ist das Modell des Goldenen Kreises von Simon Sinek. Er hat es vor ein paar Jahren in einem legendären TED-Talk vorgestellt. Für Sinek ist das WARUM, also die eigene Motivation, der entscheidende Punkt in der Kommunikation. Aus dem WARUM ergeben sich dann das WIE und das WAS, also die eigene Vorgehensweise und das Endprodukt, als logische Ableitungen.

Ein weiterer Ansatz in der strategischen Kundenkommunikation ist der sogenannte Elevator-Pitch:

Der Elevator-Pitch: Darum bin ich der Anbieter, der Ihr Problem löst

In seiner Kurzform erlaubt der Elevator-Pitch, bei einem potentiellen Kunden das Eis zu brechen, seine Neugierde zu wecken und Lust auf ein weiteres, ausführlicheres Gespräch zu machen. Ganz generell hilft er aber auch dabei, überzeugend über sich selbst und das eigene unternehmerische Tun zu sprechen.

Wenn Sie jetzt Lust bekommen haben, Ihren eigenen Elevator-Pitch zu formulieren möchten und dazu nur einfach ein paar kluge Fragen und eine kurze Anleitung brauchen, sende ich Ihnen gerne mein Workbook zu. Kontaktieren Sie mich einfach.

Fazit: Positionierung ist ein Prozess von innen nach außen

Innere Klarheit bezüglich der eigenen Positionierung – also genau benennen zu können, wer man ist, was man anbietet und warum man tut, was man tut – ist das Fundament der eigenen Kommunikation. Es bedeutet, dass man weiß, auf welchem Platz man steht und wo im Gesamtgefüge dieser Platz ist. Und es bedeutet auch, dass man diesen Platz selbst, frei und wohlüberlegt gewählt hat – anstatt die Deutungshoheit Anderen zu überlassen.

Zugleich ist beim Thema Positioning aber auch klar: Diese Frage lässt sich nicht ein für alle Mal abschließend beantworten. Positionierung ist ein Prozess, der im Lauf der Zeit Verfeinerung mit sich bringen wird, manchmal sogar Wandel. Und zwar so lange Sie tätig sind.
Mehr Infos zu meiner Arbeitsweise: Wie ich arbeite

3) Struktur, Nutzerführung, Informationsarchitektur.
Oder: Don’t make me think!

Was hier schief gehen kann: Der Besucher weiß nicht, was er jetzt tun soll. Und er weiß nicht, wie er Sie kontaktieren kann.

Gut. An dieser Stelle haben wir entschieden, mit welcher Technik wir arbeiten wollen und wir wissen, was wir kommunizieren möchten. Der nächste Punkt, mit dem wir uns beschäftigen, ist die Struktur der Website. Was genau wollen wir den Besuchern zeigen, und v.a. wie? Wie sollen die Informationen, die wir vermitteln wollen, sprachlich umgesetzt und angeordnet sein? Welche Seiten brauchen wir, um unsere Themen zu präsentieren – und welche weiteren, weil sie vom Gesetzgeber gefordert sind?

Je kleiner und übersichtlicher eine Website ist, umso einfacher ist diese Aufgabe zu lösen. Was aber, wenn es viele Informationen und tief strukturierte Inhalte gibt, die vermittelt werden sollen? Seit das Thema Barrierefreiheit in den letzten Jahren stärker in den Fokus gerückt ist, haben sich hier Schwerpunkte verschoben und neue Arten der Nutzerführung etabliert. Z. B. verzichtet man inzwischen eher auf Navigationsleisten mit mehrstufigen Navigationsebenen. An ihre Stelle sind Navigationskonzepte getreten, die es dem Besucher erlaubt, die gesuchten Informationen auf andere Weise schnell und einfach zu finden. Um zu passenden Lösungen zu kommen, kann man beispielsweise folgende Punkte genauer bedenken:

• Zielgruppenanalyse: Warum kommen Besucher auf die Website? Wonach suchen sie? Wie schaffen wir es, sie mit möglichst wenigen Klicks zum Ziel zu bringen?
• Verständlichkeit: Ist die Navigation intuitiv zu bedienen und haben die Menüpunkte verständlicher Benennungen? Welche Bezeichnungen sind üblich, wo sind bestimmte Funktionen normalerweise zu finden, was sind Nutzer gewohnt und erwarten es deswegen?
• Vereinfachung: Wie können wir die Reise des Besuchers durch die Website bequemer machen? Beispielsweise durch Verlinkung zwischen Seiten mit Hilfe von Textlinks, einer Breadcrumb-Navigation und Call To Actions…

Fazit: Behalten Sie Ihre Besucher im Blick.

Machen Sie es Ihren Besuchern so einfach und so bequem wie möglich – denn Sie wollen ja, dass sie sich wohlfühlen und sich Zeit für Ihr Angebot nehmen. Und wenn etwas einmal nicht funktioniert bzw. nicht so gut ankommt: Das schöne an Webauftritten sind, dass sie nicht in Stein gemeißelt sind. Manchmal wird erst im Lauf der Zeit – auch durch Besucherfeedbacks – klar, wo Hürden liegen. Um diese sollte man sich dann spätestens bei der nächsten Überarbeitung kümmern.
Weiterführende Infos zum Thema Informationsarchitektur: Warum ein Pitchdeck keine Website ist
Und weil nach der Optimierung für Besucher meist irgendwann die für Maschinen kommt: Suchmaschinenoptimierung für Selbermacher

4) Optische Gestaltung
Oder: Du sollst deine Besucher nicht langweilen.

Was hier schief gehen kann: Die Website ist optisch nicht ansprechend.

Was wir bisher entwickelt haben, könnte man als reine Bleiwüste – schwarzer Text auf weißem Grund – publizieren. Der letzte Schritt zur gelungen Website fehlt uns noch: Gestalterische Elemente, die unsere Inhalte lebendig werden lassen und sie in eine visuelle Erlebnisreise verwandeln, die im Gedächtnis bleibt. Kernelemente, um dieses Ziel zu erreichen, sind:

• Fotos kommunizieren die eigene visuelle Identität:
  • Porträtfotos, unbedingt professionell und gerne in mehreren Settings fotografiert,
  • Stockfotografie, sorgfältig auswählt zur Illustration oder um Stimmungen zu kommunizieren; kostenpflichtig oder kostenfrei aus Bilddatenbanken, beispielsweise von
    • kostenfrei: https://unsplash.com | https://pixabay.com | https://www.pexels.com
    • kostenpflichtig: https://www.shutterstock.com | https://www.dreamstime.com
• Farben bzw. eine eigene Farbpalette aus 3-5 Farben unterstützt die Wiedererkennbarkeit. Onlinetools zum Thema Farbpalette bzw. Farbauswahl:
  • Verschiedene Tools, u.a. um eine Farbpalette anhand eines hochgeladenen Fotos zu bestimmen: https://www.canva.com/colors/
  • Verschiedene Tools, die Farbpaletten mathematisch berechnen, u.a. mit Deep Learning: http://colormind.io/ | https://coolors.co/ | https://mycolor.space/
• Schriften erhöhen ebenfalls den Wiedererkennungsfaktor; bewährt sind Kombinationen aus zwei Schriften – Überschriften bzw. Fließtext -, die sich optisch voneinander unterscheiden.
  • Onlinetools helfen bei der Auswahl: https://heyreliable.com/ultimate-google-font-pairings/ | https://www.fontpair.co/all | https://fontjoy.com/
  • Oder lassen Sie sich von Designvorlagen inspirieren: https://www.canva.com/templates/

Fazit: Halten Sie die Augen offen. Und bleiben Sie offen.

Mit guten Fotos, passenden und konsequent eingesetzten Farben und Schriften ist bei der optischen Gestaltung eines Webauftritts schon einmal viel gewonnen. Und was auf der Website funktioniert, lässt sich später auch gut offline für die weitere Unternehmenskommunikation nutzen. Sehen Sie sich also um und lassen Sie sich inspirieren. Sammeln Sie ansprechende Gestaltungselemente und gelungenen Designbeispiele in Moodboards o.ä.

Behalten Sie aber auch den Respekt vor den Fachleuten dieses Bereichs und nehmen Sie Rat an. Denn aus deren Perspektive besteht die Königsdisziplin immer wieder darin, die Kunden vor sich selbst zu schützen.