Ein umfassendes Projekt offenbarte sich uns, als wir den Webauftritt von Orange & Natural Wines aus Wien neugestalten durften. Mit einem umfassenden und wartungsfreien E-Commerce System von SHOMUGO wurde der in die Jahre gekommene Prestashop abgelöst und das Sortiment einem Frühjahrsputz unterzogen. Darüber hinaus wurde der damit verbundene Webauftritt einem Redesign unterzogen und von WordPress 4.7 auf die aktuellste Version upgegradet. Doch das Projekt war noch so viel mehr…
Inhaltsverzeichnis
Der orange Webauftritt
Der Webauftritt von Orange & Natural Wines war bereits in die Jahre gekommen. Was für Wein ein Vorteil sein kann, ist für Websites leider ein großer Nachteil. Das WordPress System wurde vom alten Administrator zurückgelassen und erlebte seit Jahren keine Aktualisierungen mehr. Dies rächte sich in der Sichtbarkeit bei Google und Co., denn neue Besucher fanden trotz des spannenden und gefragten Themas kaum noch auf die Website. Grund genug, einen umfassenden Frühjahrputz anzuvisieren, der uns anvertraut wurde.
Dabei galt es das Wiener Unternehmen Orange & Natural Wines e.U. in einem Licht zu präsentieren, der für das Unternehmen selbst, den angebotenen Weinen und den verlinkten Winzerbetrieben würdig war.
Heast, do happats
Alte Webauftritte, besonders jene die nicht mehr aktiv gepflegt werden, bieten viele Angriffsflächen für Hacker und kaum noch Relevanz für Suchmaschinen. Eine denkbar schlechte Kombination, die von vielen Websitebetreibern oft unterschätzt wird. In den letzten 10 Jahren hat sich viel im Bereich E-Commerce und Webdesign verändert. In den letzten 5 Jahren sogar noch mehr als man denkt. Aus diesem Grund analysieren wir immer ganz genau, wie ein Webauftritt aufgebaut und erstellt wurde, um vorhandene Fehler zu eliminieren und neue Fehler tunlichst zu vermeiden.
Wir erlauben uns einige Dinge aufzulisten, die uns bereits auf vielen, aktiven Webauftritten aufgefallen sind und schon lange nicht mehr State of the art sind:
- Demo-Content von importierten Demo-Websites wird nicht gelöscht und ist sogar in den Suchmaschinen indexiert
- Verlinkte URLs und hinterlegte PDFs werden im gleichen Fenster geöffnet. Dein Besucher ist somit verloren. Denn meist wird das Fenster geschlossen, wenn an dem Link oder dem PDF kein Interesse besteht.
- Komplexe Navigation samt umständlichen Menüs die den Besucher eher verwirren, anstatt zu unterstützen. Eine Reduzierung auf das Wesentliche sollte angestrebt werden.
- Keine nachvollziehbare Kategorisierung von Artikeln oder Seiten.
- Schwer zu lesendes Design mit nicht kombinierbaren Farben.
- Verlinkungen auf externe Webinhalte, die es nicht mehr gibt – dies lässt Google und Co übrigens vermuten, dass die eigene Website nicht gepflegt wird und lässt diese in den Suchergebnissen weit nach hinten verschwinden.
- PDFs für Produkte und Preislisten – womöglich sogar getrennt und nur durch Artikelnummern verbunden. Oje…
- Keine Verlinkung von relevanten Websites bei Artikeln, damit man z.B. mehr Informationen oder sogar einen Standort erhält.
- URL-Zeichenlänge ist viel zu lang
- Bilder sind kaum oder gar nicht optimiert und viel zu groß hinterlegt
- Eigene interne Links auf Dateien funktionieren nicht
- Spam-Kommentare werden zugelassen bzw. nicht bereinigt
- Vermischung von WordPress-Webseiten und eigenen HTML-Seiten
Neuerungen der Orange & Natural Wines Startseite
In dem ersten Bereich der Startseite war es uns und auch Egon-Julius Berger, dem Inhaber von Orange & Natural Wines wichtig, dass die Verbundenheit zur Natur und ihren Schätzen auf den Punkt gebracht wird. Es sollte nicht nur eine einfach Weinhändler-Website sein, sondern ein Statement aus Überzeugung und Verbundenheit zu orangen Weinen.
Aus diesem Grund haben wir uns für ein Hintergrundbild von einem Weinberg in Verbindung mit orangen Farbelementen entschieden. Egon war es zudem wichtig, dass der Dokumentarfilm „Slow Wine“ innerhalb der Website verankert wird. Welcher Platz ist dafür geeigneter als der Hero-Bereich?
Die alten Menüs wurden durch simple und aussagekräftige Navigationsmenüs ersetzt, die direkt zum Blog, zur exklusiven Weinverkostung oder zum neuen Online-Shop von Orange & Natural Wines weiterleiten. Zudem offenbart die Top-Menüleiste wichtige und vertrauenserweckende Kontaktdaten, die selbstverständlich klickbar sind und die entsprechende Anwendung direkt öffnen.
Der erste Bereich nach dem Hero-Bereich war auf der alten Website von Orange & Natural Wines recht minimal und versteckte sein wahres Potential. Mit der neuen Website haben wir deshalb dem Chef des Hauses einen Platz zur Einleitung und persönlichen Begrüßung, sowie einen Vorgeschmack auf vier wichtige USPs implementiert. Orange & Natural Wines bietet nicht nur eine Weinauswahl, sondern persönliche Beratung und nachhaltigen Genuß.
Der sehr informative Footer mit einer Vielzahl an interessanten Partnerlinks und Winzern, kam auf der alten Webpräsenz leider nicht mehr zu Geltung. Sei es durch einen CSS-Fehler oder durch ein Plugin-Update. Doch nicht nur die Sichtbarkeit selbst war eingeschränkt, auch der eine oder andere Verweis landete in einem 404-Fehler, da es die Website schlichtweg nicht mehr gab. Bei der Migration wurde natürlich jeder Link (!) einzeln geprüft und gegebenenfalls sogar korrigiert. Man vernetzt sich auch in der Weinwelt gerne.
Das Rampenlicht der Startseite
Doch seien wir uns ehrlich… eine Startseite kann doch viel mehr bieten. Nicht nur einen Hero-Bereich und einen Footer-Bereich. Eine Startseite bietet Platz für Besonderes und aus diesem Grund haben wir ausgewählte Artikel des Webshops von Orange & Natural Wines direkt eingebettet und ihnen den Platz gegeben, den sie verdienen:
Selbstverständlich sollte auch das passende Zubehör zum exquisiten Weingenuss beworben werden und gekonnt in Szene gesetzt werden, oder? Da Orange & Natural Wines das Sortiment der österreichischen Glasmanufaktur Zalto anbietet, könnte man das als eine Win-Win Situation beschreiben.
Zu guter Letzt wurde, der bereits sehr umfangreiche, Blog-Bereich von Orange & Natural Wines als Schlusselement in der Startseite verankert, um so auf relevante Informationen zuzugreifen und spannende Neuigkeiten aus der orangen Weinwelt zu erhalten. Dabei haben wir bewußt auf ablenkende Informationen wie Autor, Datum oder Metaangaben verzichtet.
Artikel zum lesen und verweilen
Die umfangreichen und lesenswerten Blogbeiträge luden durch die dunklen Farben nicht richtig zum Lesen und Verweilen ein. Auch die Kategorisierung war etwas schwerfällig und wechselte zum Teil dynamisch, je nach Kategorisierung des Artikels. Wir nutzen die Gelegenheit und haben alle Artikel im Zuge des Migrationsprojekts kategorisiert und aufpoliert. Dabei wurden vier Bereiche als essentiell empfunden: Allgemein, Locations, Medienberichte und Veranstaltungen
Durch ein spezielles Plugin verlinken sich die Beiträge und Seiten durch spezifische Keywords selbst, was die Navigation zum „Weiterlesen“ durchaus interessant gestaltet. Somit kann man mit einem Glas Wein bequem von einem Artikel zum nächsten Artikel gelangen.
Mehr Authentizität
Besondere Weine benötigen besondere Aufmerksamkeit. Besondere Aufmerksamkeit kann man unseres Wissens nur dann erwecken, wenn die Präsentation der Inhalte und Produkte ebenso einzigartig und authentisch ist wie der Inhaber selbst. Diesem Anspruch folgend, haben wir eine besondere „Über mich“ Seite gestaltet, die nicht nur die Einzigartigkeit der Orange Wines hervorhebt, sondern auch die Philosophie und Leidenschaft hinter dem Unternehmen und dem Unternehmensinhaber sichtbar macht.
Unser Ansatz war es, eine Geschichte zu erzählen – die Geschichte von Egon J. Berger, dem Gründer von Orange & Natural Wines, und seiner Reise durch die Welt der naturbelassenen Weine. Diese persönliche Note hilft nicht nur dabei, eine Verbindung zum Leser aufzubauen, sondern unterstreicht auch die Authentizität und Glaubwürdigkeit der Marke.
Mehr Sicherheit, mehr Speed
Bei einer Neugestaltung der Website geht es aber nicht nur um Inhalte. Es geht darüber hinaus ebenso um Sicherheit (schon alleine wegen der DSGVO) und um Geschwindigkeit. Eine Website die in den Top-Ergebnissen von Google und Co aufscheinen soll, kann noch so gut SEO-optimiert sein… wenn der Webhost keine Performance hat und Plugins die Website zudem ausbremsen, dann wird man es nie nach vorne schaffen. Wie auch?
Aus diesem Grund ist unser Ansatz stets das Eliminieren von überflüssigem Ballast bei WordPress Webseiten. Jedes zusätzliche installierte Plugin kann ein Tor für Hacker und/oder ein zusätzlicher Faktor für langsame Ladezeiten bedeuten.
Von mehr als 26 WordPress Plugins auf der alten Webpräsenz, blieben nur noch 9 Plugins übrig. Diese 9 Plugins sind für den kompletten Webauftritt von Orange & Natural Wines zuständig und beinhaltet sogar Features wie ein Anmeldeformular mit Verständigung, ein umfassendes Newsletter-System, ein SEO-Plugin und ein Backup-Plugin.
Selbst ungenützte Themes wurden entfernt. Alles ist durch das – bei unseren Webpaketen inkludierte – GeneratePress Theme von Tom Usborne realisiert. Dieses Theme baut auf den WordPress Block-Editor auf, bietet aber viel mehr Möglichkeiten individuelle Websites zu gestalten.
Der Newsletter Umzug
Orange & Natural Wines hat in den letzten Jahren fleißig Abonnenten für den eigenen Newsletter gesammelt. Diese mußten wir natürlich auf die neue Webpräsenz mitnehmen. Das eingesetzte Newsletter-Plugin „Newsletter“ von Stefano Lissa & Das Newsletter Team lag in der alten WordPress Installation unter der Version 4.7.0 vor – aktuell befand sich das Plugin in der Version 8.1.4
Kurzer Hand wurden alle 3.891 Abonnenten exportiert und vor dem Import in das neue Newsletter Plugin „Noptin – WordPress Newsletter Plugin“ von Noptin Newsletter grundlegend bereinigt. Spam-Anmeldungen, sowie jene Abonnenten die sich abgemeldet haben, wurden nicht mehr aufgenommen. Übrig blieben somit 1.417 treue Abonnenten, die über die neue Webpräsenz im Laufe der Umstellung informiert wurden.
Der Vorteil des neuen Newsletter-Plugins ist vor allem, die einfache Abo-Verwaltung für den Kunden selbst. Es gibt keinen Login, sondern nur einen verschlüsselten Link der in jedem Newsletter verankert wird. Dadurch kann sich der Kunde ganz einfach abmelden oder auch seine Daten und Präferenzen ändern.
Bessere Formulare, bessere Informationen
Auch der Informationsgehalt an sich, wurde auf der neuen Webpräsenz von Orange & Natural Wines e.U. komplett überarbeitet. So kann man sich nun ganz bequem und mit allen benötigten Informationen für eine exklusive Weinverkostung anmelden. Das Formular fragt alle benötigten Informationen ab, die dann an Egon Julius Berger übermittelt werden.
So profitieren nicht nur die Besucher von Orange & Natural Wines von einer effizienten Website, sondern auch der Eigenümer selbst. So wie man es eigentlich im Jahre 2024 erwarten kann.
Übrigens: Die Formulare werden mit dem, für unsere Webhost Kunden inkludierten, Formular-Plugin „Contact Form Plugin by Fluent Forms“ von Contact Form – WPManageNinja LLC realisiert. Diese bieten größtmöglichen Spielraum mit einer einfachen Bedienung.
Fazit: Neue Website mit mehr Besuchern und mehr Umsatz
Die Umstellung der alten WordPress Website hat Egon Julius Berger nicht nur ein Redesign beschert, sondern auch eine Steigerung der Sicherheit, der Geschwindigkeit und folglich auch der Sichtbarkeit. Wer nach „orange wein wien“ sucht, wird direkt auf Platz 1 mit der neuen Webpräsenz von Orange & Natural Wines konfrontiert. Und das ohne dafür zu bezahlen… also rein organisch.
Lust bekommen auch die eigene Webpräsenz neu gestalten und optimieren zu lassen? Wir stehen für Anfragen und Projekte gerne zur Verfügung. Kontaktiere uns doch ganz unverbindlich. Wir freuen uns auf Dich und Dein Projekt.