Website Relaunch zaac

Projektbeschreibung

Wechsel von einer statischen Website mit einzelnen HTML-Dateien zu einer WordPress-Website.

Vorgaben der Kundin:

  • Beibehalten der Farbgebung und der Spirale
  • Zweisprachige Website Deutsch und Englisch
  • Verschlüsselung der E-Mail-Adresse und Telefonnummer

Verwendete Tools:

  • WordPress
  • Divi Premium Theme

Link zum Projekt:

Website zaac – Angelika Zerfass

Praktische Umsetzung
    • Erstellung der Website mit WordPress und Divi
    • Individuelle CSS und JS Programmierung (u.a. Hover-Navigation auf Startseite)
    • Responsives Design
    • Kontaktformular, einschließlich Einrichtung eines sicheren E-Mail-SMTP-Versands
    • Verschlüsselung von E-Mail-Adresse und Telefonnummer
    • Einrichtung Firewall und Crawler-Verbot
    • Einrichtung eines Übersetzungsplugins
    • Indexierung Google Search Console
    • Einrichtung von 301-Weiterleitungen der alten Seiten und 404-Fehlerseite

    Screenshots:

    Fallstudie Website Relaunch

    Ausgangssituation

    Die Website der Kundin hatte sich seit der Erstellung 2008 nur minimal verändert und das Design war nicht mehr wirklich zeitgemäß.

    Es gab eine Navigation, deren Texte auf Grafiken hinterlegt waren und somit nicht einfach zu bearbeiten waren.

    Die Bearbeitung der Texte auf den statischen HTML-Seiten war nur durch Download, Änderung im HTML-Code und Upload der HTML-Dateien möglich.

    Ein Blog, der im Laufe der Zeit hinzugefügt worden war, entsprach nicht dem Corporate Design.

    Die Website war auf Deutsch und Englisch verfügbar und verfügte über sehr schnelle Ladezeiten.

    Grund zur Kontaktaufnahme mit Verena Isele

    Die Website war nicht für die Anzeige auf mobilen Geräten ausgelegt und es bestand weiterhin der Wunsch, das Design zu modernisieren und die Seiten selbst einfacher bearbeiten zu können.
    Im Verlauf des ersten Gesprächs und nach der Analyse der Website ergaben sich noch weitere Baustellen, wie z.B. die fehlende SSL-Verschlüsselung und die nicht normgerechte Platzierung des Impressums und der Datenschutzerklärung.

    Ablauf der Zusammenarbeit

    In einer Online-Sitzung wurden zunächst die Wunschliste der Kundin erstellt sowie die Prioritäten der einzelnen Punkte festgelegt.
    Jeder einzelne Punkt der Wunschliste wurde detailliert besprochen, in einer Testumgebung zur Verfügung gestellt und anhand eines schriftlichen Feedbacks der Kundin bearbeitet.

    Nachdem das Design und das Layout der einzelnen Seiten vorhanden war, wurden die Übersetzungen über ein Plugin in WordPress eingetragen.
    Anschließend wurden die responsiven Elemente erstellt, um die Website besser auf einem mobilen Endgerät anzeigen zu können.

    Wichtige Anliegen der Kundin, wie z.B. die Beibehaltung des Farbschemas, eine Verschlüsselung der E-Mail-Adresse, ein Kontaktformular, ein Download-Bereich für Dokumente und eine individuelle Navigation auf der Startseite konnten alle umgesetzt werden, z.T. mit Hilfe von Plugins und zusätzlicher Programmierleistung.

    Herausforderungen

    Obwohl die Inhalte der bestehenden Website zum großen Teil beibehalten wurden, musste durch den Wechsel auf WordPress die Website von Grund auf neu erstellt werden.

    Die größte Herausforderung war der Wunsch der Kundin, auf der Startseite eine Art Navigation über das Firmenlogo (bunte Spirale) zu gestalten. Beim Überfahren einer farbigen Spiralspalte mit der Maus sollte ein Text erscheinen, der einen kurzen Überblick über die angebotene Dienstleistung geben sollte. Beim Klick auf die Spiralspalte sollte die entsprechende Unterseite geöffnet werden.

    Technisches

    Auf technischer Ebene sollte für das Kontaktformular eine Bestätigung auf der Website erscheinen sowie eine E-Mail-Kopie an den Kontaktsuchenden verschickt werden (über SMTP).

    Weiterhin wurde die Website bei Google indexiert, eine Weiterleitung für nicht mehr existierende Seiten der alten Website angelegt und eine Firewall eingerichtet. Auch die Ladegeschwindigkeit der Seite wurde über ein Plugin beschleunigt.

    Feedback der Kundin

    Ich bin mit dem Ergebnis sehr zufrieden, da alle meine Wünsche umgesetzt werden konnten und ich nun eine Website habe, die ich einfacher selbst bearbeiten kann.

    Ich bedanke mich für die gute Betreuung, die vielen hilfreichen Ideen und vor allem auch die Hinweise zu Standards und gesetzlichen Vorgaben für eine Web-Präsenz.

    Angelika Zerfaß

    Trainerin TM-Software, zaac.de

    Interview mit Angelika Zerfaß zum Projekt

    Nach erfolgreicher Live-Schaltung der neuen Website habe ich mich noch einmal mit der Kundin zu einem Abschlussgespräch getroffen.

    Isele
    Frau Zerfaß, Ihre neue Website steht und nun würde mich interessieren, wie Ihnen das Ergebnis gefällt und wie Sie die Zusammenarbeit erlebt haben.

    Zerfaß
    Ich bin mit dem Ergebnis sehr zufrieden, da alle meine Wünsche umgesetzt werden konnten und ich nun eine Website habe, die ich einfacher selbst bearbeiten kann. Vorher musste ich die HTML-Dateien herunterladen, manuell darin Änderungen vornehmen und diese dann wieder hochladen. Vor allem bei Änderungen, die alle Seiten betrafen, z.B. bei der Navigation, war das ein Aufwand, den ich gerne vor mir hergeschoben habe.

    Isele
    Die Navigation war ja auch schon in Ihrer alten Website etwas Besonderes, mit Menüleisten, die nach oben ausgefahren sind. Und auch in der neuen Website gibt es eine ganz spezielle Navigation auf der Startseite.

    Zerfaß
    Richtig. Ich wollte gerne die Spirale meines Logos so nutzen, dass die verschiedenen Farben der Spiralleiter für verschiedene Dienstleistungsbereiche stehen. Ich weiß, das war eine ziemliche Herausforderung, weil dafür einige Tricks nötig waren, aber ich freue mich sehr, dass es so schön funktioniert hat und bin Ihnen sehr dankbar, dass Sie das für mich möglich gemacht haben.

    Isele
    Ja, es war eine Herausforderung, aber genau das macht mir bei meiner Arbeit viel Freude – nicht immer nur die gängigen Wege gehen, sondern Neues schaffen. Außerdem arbeite ich mich gerne auch in Themen ein, mit denen ich bisher noch nicht so viel zu tun hatte.

    Zerfaß
    Das ist es auch, was mir an der Zusammenarbeit so gut gefallen hat. Meine Ideen wurden aufgenommen, auf Machbarkeit geprüft und wenn etwas nicht direkt möglich war, dann gab es doch immer eine gute Alternative. Als Laie in Sachen Web-Design/Web-Programmierung ist es nicht immer einfach abzuschätzen, was machbar ist und wie groß der Aufwand sein würde. Da haben Sie mir mit Ihrem Wissen, Ihrer Erfahrung und Ihrem Willen zur Recherche wirklich sehr weitergeholfen.

    Isele
    Freut mich, dass Sie das so sehen. Aber das bedeutet natürlich auch, dass Sie als Kunde immer wieder gefragt sind, Ideen zu überdenken und mit mir zusammen Alternativen zu prüfen. Eventuell bedeutet das ja dann auch, dass ein bisheriges Konzept etwas verändert werden muss. Oft erkennt man ja erst dann, wie etwas aussehen sollte, wenn man es einmal wirklich sehen kann. Ich denke da an die Darstellung der Tabelle mit den Bildern mal links, mal rechts im Bereich Support. Hier haben wir ja viele verschiedene Darstellungen ausprobiert.

    Zerfaß
    Stimmt, hier haben wir viel ausprobiert, was Aufteilung, Abstände, Einrückungen und Art der Bilder betrifft. Da haben Sie mir wirklich gutes Feedback gegeben, was die Nutzerfreundlichkeit und Lesbarkeit betrifft. Man sollte gar nicht glauben, wie sehr einen solche Kleinigkeiten manchmal in Anspruch nehmen können. Da muss man auch als Kunde einfach Zeit investieren, um auch diese Dinge gut und einheitlich zu gestalten. Sie haben wirklich ein gutes Auge für Details.

    Isele
    Vielen Dank, ja, mir fallen solche Kleinigkeiten immer direkt auf. Ist wohl der Perfektionist in mir.
    Abschließend freut es mich, dass Sie noch mein Angebot eines Wartungsvertrags angenommen haben, damit Ihre Website auch in Zukunft störungsfrei läuft und alle Plugins in WordPress immer auf dem neuesten Stand sind.

    Zerfaß
    Dafür bin ich sehr dankbar, denn ich habe meist keine Zeit (um nicht zu sagen auch wenig Lust) mich um die technischen Details zu kümmern. Da passt so ein Wartungsvertrag perfekt. Vor allem habe ich damit die Gewissheit, dass ich über Störungen oder notwendige Änderungen der technischen Voraussetzungen immer auf dem Laufenden bin, dass die Backups gemacht werden usw.

    Auch die Anleitung, wie ich meine Inhalte in WordPress pflegen und ergänzen kann, fand ich sehr gut. Als Trainerin weiß ich, dass eine gut gemachte Anleitung mit passenden Screenshots sehr hilfreich sein kann und ich freue mich darauf, in Zukunft Änderungen an meiner Website einfacher vornehmen zu können.

    Isele
    Vielen Dank, Frau Zerfaß für dieses Gespräch.

    Zerfaß
    Auch ich bedanke mich für die gute Betreuung, die vielen hilfreichen Ideen und vor allem auch die Hinweise zu Standards und gesetzlichen Vorgaben für eine Web-Präsenz.

    <- zurück

    Ähnliche Projekte

    WordPress Training und Service | Entspannt zur individuellen und rechtssicheren Website