Heute möchte ich Ihnen eines unserer spannenden abgeschlossenen Projekte vorstellen. Ein Kunde wünschte die Überarbeitung seiner bestehenden und in die Jahre gekommenen Internetseite. Wir haben nicht nur die Gestaltung optisch umgesetzt, sondern auch SEO Maßnahmen unternommen, um die bereits gute Positionierung der Seite bei Google Suchanfragen noch weiter zu verbesser.

Ausgangssituation neue Homepage erstellen

Neue Homepage erstellen. Ausgangsseite

Oben sehen Sie die alte Internetseite, die relauncht werden sollte. Es handelte sich dabei um eine klassische statische Seite.

Das Briefing des Kunden

• Konkrete Vorgaben bestanden hinsichtlich des Logos und der Farben.
• Die Seite sollte die Möglichkeit beinhalten, dass auf der Startseite in einem Bereich „Aktuelles“ die Inhalte selbst verändert werden können
• Der Kunde wollte lieber Bilder als Texte sprechen lassen.

Unser Konzept

• Statt nur einen Bereich veränderbar zu gestalten, wurde die gesamte Webseite als Content-Management-System angelegt. So kann der Kunde alle Inhalte und Bilder selbst ändern und pflegen
• Rubriken und Inhalte wurden neu sortiert und überarbeitet
• Satt wie bisher eine statische Seite zu erstellen, wurde eine responsive Seite kreiert. Das heißt, das Layout der Seite passt sich automatisch an das Gerät und dessen Auflösung an. So wird die Homepage auch auf Smartphones und Tablets korrekt dargestellt.

• Bilder, die bisher selbst mittels einer eigenen Kamera geschossen wurden, wurden komplett überarbeitet und für die Webseite optimiert.
• Ein spezielles Modul, das vorher nachher Fotos übereinander legt und via Schieber die Unterschiede zeigt, wurde angepasst und in das Projekt eingebunden.

• Bestehende Bilder wurden durch Korrektur der Perspektive und Farbanpassungen so bearbeitet, dass sie nahezu deckungsgleich übereinander liegen

• Zusätzlich wurde eine Fotografin beauftragt, neue / professionellere Fotos zu machen

Arbeiten, die man nicht im Layout sieht

• Obwohl die Seite bereits vorher bei den Suchergebnissen via Google sehr gute Positionen erhielt, konnte das Ranking nochmals gesteigert und die Positionierung noch weiter auf die ersten Plätze verbessert werden. Dabei wurden gleich mehrere Suchbegriffe und Kombinationen optimiert
• Eine Recherche hatte ergeben, dass die bisherige Seite eines der wichtigsten Suchbegriffe zu diesem Thema gar nicht berücksichtigte. Dieser Suchbegriff lag bereits nach 1 Woche auf der ersten Seite.
  

  Google+ Profil und Erste Plätze bei Suche…

• Die komplette Seite wurde hinsichtlich Google optimiert und entsprechend programmiert
• Zur Steigerung der Suchergebnisse wurde ein Google+ Profil angelegt, mit der Seite verbunden. Ebenso wurde Google Analytics zur Auswertung eingebunden sowie Google Web-Fonts. Alle Maßnahmen wirken sich positiv auf das Ranking aus.

Das Content-Management-System

Als Content-Management-System wurde eine sehr komfortable und nutzerfreundliche Variante gewählt. Nach Anmeldung mit einem Passwort sind alle veränderbaren Bereiche (Texte, Bilder, vorher-nachher-Show) markiert. Mit einem Klick auf das Symbol öffnet sich ein Fenster und die Inhalte können aktualisiert werden.

Normale Browser Ansicht

Browser Anzeige nach Anmeldung in Content-Management

Einfacher Editor nach Aktivierung eines Textelementes

Der Vorteil dieses Systems liegt in seiner Übersichtlichkeit: Kein Frontend / Backend, keine abstrakte Trennung von Inhalt und Design. Die Inhalte werden einfach dort angepasst, wo sie stehen: auf der Webseite.

Passende Visitenkarten

Passend zum Design der neuen Webseite wurden neue Visitenkarten kreiert

Visitenkarten im neuen Look

KRquadrat.com

Für die Erstellung einer neuen oder die Überarbeitung einer bestehenden Homepage ist gute Planung Voraussetzung.

Eine Homepage ist ein Marketinginstrument, und als Unternehmer sollten Sie sich im Vorfeld genau überlegen, was Sie mit der Seite erreichen möchten. Es besteht die Gefahr, dass eine schlecht umgesetzte Homepage mehr Schaden als Nutzen bringen kann. Mit dem Motto „dabei sein ist alles“ helfen Sie dann nur Ihrem Mitbewerber.

Je genauer Ihre Vorüberlegungen sind, desto besser können Sie Ihre Agentur briefen. Mit Ihren Vorgaben wird ein guter Webdesigner die Homepage so optimieren, dass diese von Ihrer Zielgruppe gesucht und gefunden wird. Die äußere Gestaltung ist dabei nur ein Kriterium, Programmierung und Optimierung für die Suchmaschinen nehmen im Projekt deutlich mehr Platz ein.

Die Werbung vermittelt den Eindruck, eine Webseite sei mit einem Baukasten in 30 Minuten fertiggestellt. Wenn Sie die folgenden Punkte lesen werden Sie erkennen, das kann nicht funktionieren. Baukastensysteme sind allenfalls etwas für Hobbyseiten. Eine professionelle und moderne Seite ist damit nicht zu realisieren.

Im Folgenden skizzieren wir das Vorgehensmodell zur Erstellung einer neuen Webseite:

Ihre Vorüberlegungen
– Welche Zielsetzung soll Ihre Internet-Seite haben? Z.B.

° Firma / Menschen / Produkte / Dienstleistungen vorstellen
° Image stärken
° Leistungen präsentieren
° Firmenmaterial zur Verfügung stellen
° Abläufe vereinfachen
° Verkauf (eShop)
° Dokumentenverwaltung
° etc

– Wer sind Ihre größten Mitbewerber
– Was sind Ihre Stärken
– Was unterscheidet Sie von den Mitbewerbern
– Gibt es ein besonderes Merkmal, das Sie einzigartig macht
– Soll Ihre Seite dynamische oder statische Inhalte haben
(dynamisch = werden Inhalte öfter geändert oder sollen diese ergänzt werden?)
– Möchten Sie Ihre Webseite selbst pflegen (CMS)
– Wer ist die Zielgruppe
– Wo ist die Zielgruppe

Erste Besprechung – Kennenlernen
– Kennenlernen Ihres Unternehmens
(Präsentation Ihrer Vorüberlegungen, Ihre Philosophie, Ihre Ziele)
– Welche Produkte / Dienstleistungen sollen angeboten werden
– Was sind die bestehenden Vertriebskanäle
– Ist das Corporate Design definiert, gibt es eine Corporate Identity
– Welche bestehende Werbung gibt es
– Welche traditionellen Werbemittel nutzen Sie
(Auswahl zusammenstellen)
– Schalten Sie Anzeigenwerbung
– Wie sehen die Geschäftspapiere aus

Strategie festlegen
– Was / wer soll mit der Internet-Seite erreicht werden?
– Welche Funktionalität muss sie haben?
– Welchen Domain-Namen soll sie haben
(ist gegebenenfalls bereits eine Domain registriert. Wo?)

Sortieren
– Einsammeln der vorhandenen Print Unterlagen
– Sind (gute / professionelle) Fotos / Bilder vorhanden?
– Domain-Name frei? Reservierung…

Festlegung Gestaltung
– Struktur festlegen
– Farben, Schriften etc. festlegen
– Layout entwerfen
– Inhalt festlegen
– Funktionen definieren
– besondere Tools und/oder Funktionselemente besorgen oder in Auftrag geben

Festlegung Inhalt
– Fehlende Fotos herstellen oder dazukaufen
– Vorhandenes Bildmaterial für Internet optimieren
– Gegebenenfalls Bildmaterial nachbearbeiten
– Texte und Inhalte recherchieren
– Schlüsselworte definieren (für Weboptimierung)

Umsetzung
– Formulierung der Texte, Optimierung nach Schlüsselwörter
– Codierung der Webseite
– SEO Optimierung (Search Engine Optimizing)
– Funktionstests

Übergabe
– Erstellung von Anleitungen
– Übergabe mit Einarbeitung und Erklärung, wenn notwendig

Freigabe
– Nach Test und Freigabe durch Kunden erfolgt Freischaltung
– Einbindung und Aktivierung der Google Tools
– Revolvierende Kontrolle der Besucherstatistik
– Revolvierende Optimierungsschritte