Website Redesign ist ein übersehener Prozess, der deiner Website Vorteile bringen kann. Du kannst die Farben, das Layout oder die Typografie deiner Website ändern und sie besser, moderner und im Einklang mit den aktuellen Webdesign Trends aussehen lassen.
Es gibt eine ganze Reihe von Gründen, dies zu tun. Vielleicht hast du eine Website mit veralteten Designpraktiken, die ein schlechtes Benutzererlebnis bieten. Es könnte anhaltende technische Probleme geben, die behoben werden müssen, neue Funktionen hinzugefügt oder irrelevante entfernt werden müssen. Oder du möchtest sie einfach für die Feiertage oder einen anderen besonderen Anlass neu gestalten. Was auch immer deine Gründe sind, die Neugestaltung deiner Website kann große Vorteile haben.
Dieser Leitfaden wird dir helfen, die Neugestaltung deiner Website zu verstehen, zu wissen, wann du sie einsetzen solltest und dir die Methoden zur Verfügung stellen, wie du sie richtig durchführen kannst.
Was ist ein Website Redesign?
Ein Website Redesign ist der Prozess der Modernisierung, Reparatur oder Neupositionierung einer Website, um Traffic, Engagement, Umsatz und mehr zu steigern.
Bei Redesigns geht es nicht immer nur um oberflächliche Änderungen am Frontend Design. In manchen Fällen wird auch das technische Backend aktualisiert oder repariert, um die Leistung der Website zu verbessern.
Designer können jede Facette einer Website neu gestalten, einschließlich:
- Branding
- Navigation; Design oder Struktur
- Typografie
- Ikonografie
- Fotografie
- Farben
- Seiten Layouts
- CTA Schaltflächen
- Kontakt Elemente
- User Journeys
- Checkout-Prozesse
- Texte
- Und mehr
Verwechsle du ein Website Redesign nicht mit einer Website Auffrischung. Ein Website Redesign bezieht sich auf eine umfassende Überarbeitung des Designs und/oder der Funktionen einer Website, während es bei einem Website Refresh darum geht, den Großteil des Designs beizubehalten und gleichzeitig kleinere Änderungen an der gesamten Website vorzunehmen.
Warum brauchen wir ein Redesign von Websites?
Web Design Trends ändern sich. Unternehmen entwickeln sich weiter. Die Verbraucher werden wählerischer. Dies sind nur einige der Gründe, die von außen auf ein Redesign hinweisen.
In manchen Fällen ist es aber auch die Website selbst, die eine Veränderung notwendig macht. Oder es sind vielmehr die Daten, die uns darauf hinweisen, dass etwas nicht stimmt und ein Redesign helfen könnte, dies zu beheben.
Unabhängig davon, warum die Website neu gestaltet werden muss, ist das Ziel des Projekts dasselbe: eine bessere Benutzererfahrung auf der Website zu schaffen und die Website folglich zu einer erfolgreicheren Quelle für Leads, Umsatz, Benutzer, Leser usw. für das Unternehmen zu machen.
Wie Sie sich auf ein Website Redesign vorbereiten
Ein Website Redesign kann nicht einfach etwas sein, das du zusammenwerfen kannst. Es sollte ein datengesteuerter, nutzerorientierter Ansatz sein, der die Unzulänglichkeiten der Website behebt, egal wie groß oder klein sie sind.
Du musst also mit der gleichen Sorgfalt und Planung an die Sache herangehen, die du in die Erstellung von Websites von Grund auf investierst.
Hier ist, was du tun solltest, um sich auf das Redesign vorzubereiten:
1. Verstehe den Grund für das Redesign
In der Regel gibt es einen Auslöser für die Diskussion um ein Redesign. Wenn du den Ursprung erkennen kannst, hilft dir das bei der Wahl des besten Ansatzes.
Es könnte sein, dass dein Kunde das Alter der Website, das aktuelle SEO-Ranking, schlechte Popups, einen schlecht gestalteten Trichter, Probleme bei der Gewinnung von Leads usw. bemerkt hat.
Indem du verstehst, was der Auslöser für den Wunsch nach einem Redesign war, kannst du mit der Planung des richtigen Ansatzes beginnen.
2. Bringe deine Benutzer dazu, sich einzubringen
Es stehen dir eine Menge Daten zur Verfügung, die dir einen guten Einblick geben kannst, was funktioniert, was nicht funktioniert und worauf du sich bei der Neugestaltung konzentrieren musst.
Hier sind einige Tools, die du bei deinem Vorhaben unterstützen können:
Google Analytics
Google Analytics ist eine wertvolle Ressource bei der Neugestaltung einer Website. Jeder Verdacht, den dud oder deine Kunde bezüglich der Unzulänglichkeit des Designs der Website oder deines Inhalts hattet, kann mit einem Blick auf die Zahlen untermauert werden.
Das erste, was du dir ansehen solltest, sind deine Audience Daten:
Wer besucht die Website? Und ist es die Benutzer Persona, für die die Website ursprünglich konzipiert wurde?
Wenn ja, was hält sie dann davon ab, das zu tun, was sie tun sollen?
Wenn nein, liegt das Problem dann darin, dass die Website für den falschen Benutzer konzipiert ist? Stelle dir vor, wie wichtige Leistungskennzahlen wie Absprungrate, Verweildauer und Konversionen aussehen würden, wenn du die Website für diesen Benutzer neu gestalten würden.
Als nächstes solltest du dich die Leistung der einzelnen Seiten ansehen. Diese Informationen finden Sie unter Verhalten:
Wie zufrieden bist du insgesamt mit der Performance der Seite? Du findest diese Information in der obersten Zeile.
Wenn die Website als Ganzes ernsthaft unterdurchschnittlich performt, musst du andere Quellen nutzen, um die Probleme aufzuspüren.
Wenn das Problem auf bestimmte Seiten oder Teile deiner Website beschränkt ist, sind diese Daten nützlich. Zum Beispiel, welche Seiten haben die beste Performance in Bezug auf:
- Seitenaufrufe?
- Durchschnittliche Verweildauer auf der Seite?
- Absprungrate?
- Seitenwert?
Gibt es kritische Seiten, die in der Aktion fehlen oder ernsthaft unterdurchschnittlich abschneiden? Was vermutest du als Ursache für dieses Problem? Etc.
Versuche herauszufinden, warum deine scheinbar wertvollsten Seiten nicht den Traffic und das Engagement bekommen, das du brauchst.
Website Umfragen und Feedback
Deine vorhandenen Google Analytics Daten geben Aufschluss darüber, was mit deiner Website los ist und wo sie überarbeitet werden muss. Verlasse du dich aber nicht allein auf deine datenbasierten Annahmen. Du solltest direkt an die Quelle gehen.
Eine Möglichkeit, dies zu tun, ist das Hinzufügen einer Umfrage oder eines Feedback Widgets zu deiner Website. Auf diese Weise können Besucher, die sich über das Design deiner Website Gedanken machst, dir direkten Input geben.
Usability Tests
Eine weitere Möglichkeit, direkten Input von deinen Besuchern und Kunden zu erhalten, ist die Einrichtung von Usability Tests auf deiner Website. Mit Tools wie Heatmaps und Session Recordern kannst du sehen, was schief läuft, während sie sich auf deiner Website bewegen. Dies ist eine großartige Möglichkeit, um zu verstehen, wo dein Design oder deine User Journey die Besucher stört.
Einige der nützlichsten Tools zur Durchführung von Usability Tests sind Aurora Heatmap, Hotjar und Crazy Egg. Du kannst hier mehr über diese Tools lesen.
Die meisten dieser Tools haben die folgenden nützlichen Funktionen:
Heatmaps diese zeigt dir, die am meisten angesehenen Teile deiner Seiten sowie diejenigen, die die Leute ignorieren.
Aufzeichnungen damit kannst du die Sitzungen der Besucher aufzeichnen und sehen, ob sie sich auf deiner Seite bewegen und sich mit den Elementen beschäftigen, wie du es wolltest.
Umfragen damit du benutzerdefinierte Feedback Widgets erstellen kannst, die du an der Seite oder in der Ecke deiner Website platzieren kannst.
Usability Tests sind nur dann wirklich effektiv, wenn du eine große Stichprobe von Besucher Feedback und Eingaben hast, mit denen du arbeiten kannst und dieses Tool ermöglicht das, wenn du für den Business Plan bezahlst. Behalte das also im Hinterkopf, wenn du das Budget für dein Website Redesign Projekt festlegst.
3. Führe ein Website Audit durch
Als nächstes ist es an der Zeit, das Design und die Benutzerfreundlichkeit deiner Website zu bewerten. Es gibt eine Reihe von Dingen, die du tun musst, um dieses Audit durchzuführen:
Vergleiche das Design mit aktuellen Trends
Webdesign Trends können aus dem Nichts auftauchen und es gibt keine Garantie dafür, dass sie sich lange halten werden. So kann es leicht passieren, dass Websites veraltet aussehen, selbst wenn sie erst in den letzten ein oder zwei Jahren erstellt wurden.
Als Erstes solltest du überprüfen, ob deine Website an veralteten Designtrends oder Funktionen festhält. Oder ob eine früher akzeptable Designwahl jetzt aus der Mode gekommen ist.
Du solltest auch darauf achten, wie gut die Site die Best Practices des Webdesigns einhält, wie z. B. die Farbtheorie und die Regeln für die Kombination von Schriften. Es ist nichts falsch daran, einzigartige Design Entscheidungen für deine Website zu treffen, solange sie nicht im Gegensatz zu dem stehen, was am besten für die Benutzererfahrung funktioniert.
Gehe die Hauptaufgaben deine Website durch
Wenn es ein Problem mit der Erledigung von Aufgaben gibt, liegt das in der Regel daran, dass die Prinzipien des Webdesigns nicht befolgt wurden. Diese Prinzipien lehren uns, wie Faktoren wie Platzierung, Abstände, Größe und so weiter die Benutzerfreundlichkeit einer Website beeinflussen.
Macheeine Konkurrenzanalyse
Besuch ein paar Websites von Mitbewerbern, die am besten abschneiden, und vergleiche sie mit deiner eigenen.
Welche Art von Signalen senden deren Designentscheidungen im Vergleich zu deinen? Lässt zum Beispiel ein dunkles Design die Website jugendlicher und moderner erscheinen?
Wie effizient sind die User Journeys im Vergleich zu dir? Bieten beispielsweise das Sticky Menü und die Suchleiste ein schnelleres Einkaufserlebnis für Besucher?
Wenn du dieselben Benutzer bedienen, kannst du eine Menge darüber lernen, wie und warum dein Design die Besucher enttäuscht.
Überprüfe deine Technologien
Eine letzte Sache, die du dir ansehen solltest, ist deine Technologie. Denn nicht nur Design Entscheidungen kannst zu negativen Nutzererfahrungen führen auch eine schlechte Infrastruktur kann dies tun.
Du solltest Folgendes bewerten:
- Webhosting-Plan
- Content-Management-System
- Thema
- Page Builder
- Plugins
- Integrationen von Drittanbietern
Schaue du dir auch die Optimierungsprozesse deiner Website an, wie Caching, Bildkompression und SEO.
Wenn eine deiner Technologien Performance Probleme verursacht, solltest du während des Redesigns auf eine bessere Alternative umsteigen.
4. Erstelle du deine Redesign Roadmap
Bei einer Roadmap geht es nicht darum, ein Redesign durchzuführen. Es geht nur darum, den Umfang des Projekts zu bestimmen und dann einen Zeitplan und die zu erbringenden Leistungen dafür zu erstellen. Anders als bei einem Webdesign Projekt musst du die Tatsache berücksichtigen, dass die Website bereits in Betrieb ist und das Unternehmen sie nutzt, um Geschäfte zu tätigen.
Mit diesem Wissen kannst du ein Redesign Projekt nicht so planen, wie du es bei einer neu erstellten Website tun würdest. Es gibt viele Projektmanagement Tools, die dir bei dieser Aufgabe helfen kannst, darunter Monday, Asana, Trello und andere.
5. Bestimme du deine KPIs und setze messbare Ziele
Jetzt brauchst du eine Möglichkeit, die Leistung deiner Website nach der Implementierung zu überwachen. Das geht am besten, indem du ein paar Key Performance Indicators (KPIs) festlegst, die dir Aufschluss darüber geben, ob das Redesign ein Erfolg war oder nicht.
Wie sieht es mit CTA Button Klicks aus?
Genauso wie du die Schritte in deienr Redesign Roadmap aufgeschlüsselt hast, sollte jeder Schritt einen eigenen Satz von KPIs hast, die du überwachen kannst. Darüber hinaus solltest du ein messbares Ziel in Bezug auf den KPI festlegen.
Schau du dir die bisherigen Daten der Website an, lege einige Benchmarks fest und setze dann deine Ziele auf dieser Basis.
Wie man ein Website Redesign durchführt
Jetzt, da du weißt, was bei einem Website Redesign auf dem Spiel steht, ist es an der Zeit, darüber zu sprechen, wie man ein Redesign durchführt. Hier sind die 10 Schritte, die du unternehmen musst, um sicherzustellen, dass dein Redesign ein Erfolg wird:
Schritt 1: Erstelle den Website Redesign Vorschlag
Selbst wenn du weißt, was du vorhast, muss der Kunde mit dem, was du tun willst, einverstanden sein.
Erstelle einen Vorschlag für die Neugestaltung der Website, der Folgendes enthält:
- Umfang des Auftrags
- Projektkostenvoranschlag und Zahlungsfristen
- Zeitplan und Meilensteine
- Liste der zu erbringenden Leistungen
- Bedingungen für deine Geschäftsbeziehung
Verwende die hier dargelegten Schritte sowie die einzelnen Aufgaben, die du innerhalb der einzelnen Schritte erledigen werden, um deinen Redesign Auftrag in deinem Projektmanagement System einzurichten.
Scheue dir nicht, alles genau zu formulieren, z. B. wann und wie viel du deinem Kunden in Rechnung stellst, wenn die Meilensteine erreicht sind. Sobald du alle Aufgaben festgelegt und ihnen Fälligkeitsdaten gegeben hast, beginne damit, den Beteiligten Aufgaben zuzuweisen, damit sie sehen kannst, was auf sie zukommt.
Es ist auch keine schlechte Idee, ein Kickoff Gespräch mit dem Kunden und dem Team zu führen und den Zeitplan in Echtzeit mit ihnen durchzusprechen.
Schritt 2: Recherchieren, Planen und Organisiere
Alles, was oben unter „Wie man sich auf ein Website Redesign vorbereitet“ steht, wird in dieser Phase des Auftrags erledigt.
Stelle sicher, dass du alles an einem bestimmten Ort speicherst, damit du einen schnellen Satz von Referenzen hast, dein Team und deinen Kunden durch das Projekt führt.“
Schritt 3: Die Website sichern
Auch wenn du die Design und Entwicklungsarbeit auf einem Staging Server oder einer Subdomain durchführst, solltest du dennoch ein Backup deienr Website erstellen. Es gibt viele WordPress Plugins, die du bei dieser Aufgabe unterstützen kannst.
Schritt 4: Aktualisiere den Style Guide
Wenn die neu zu gestaltende Website noch keinen Styleguide hat, ist jetzt der richtige Zeitpunkt, einen zu erstellen. Wenn ein solcher vorhanden ist, solltest du den Inhalt überprüfen und sicherstellen, dass alle Änderungen dokumentiert werden.
Du weißt nie, wie oft du die Website aktualisieren wirst, daher ist es immer eine gute Idee, sie zu überprüfen und zu aktualisieren, bevor du etwas Neues machst.
Schritt 5: Erstelle ein Wireframe für alle Seiten, die umgestaltet werden sollen
Sofern du nicht nur oberflächliche Änderungen an der Benutzeroberfläche oder an Markenelementen vornimmst, werden sich das Layout deiner Seiten und der Fluss der Struktur deiner Website wahrscheinlich änderst.
Verbringe einige Zeit damit, Wireframes für alle Seiten oder Teile deiner Website zu erstellen, die von der Neugestaltung betroffen sein werden.
Wenn du der ursprüngliche Designer dieser Website warst und die ursprünglichen Wireframes hast, scheue dir nicht, sie wieder zu verwenden. Dur wirst dir die Zeit ersparen, sie von Grund auf neu zu erstellen.
Oder, wenn du es vorziehst, kannst du Elementor als Wireframing Tool verwenden.
Alles, was du tun müsstest, ist eine Kopie deiner aktuellen Website auf deinem Staging Server zu erstellen. Dann erstellst du eine neue Seite oder Vorlage und beginnen mit dem Wireframing deiner neuen Seiten oder Komponenten.
Du kannst sogar die Blockvorlagen von Elementor verwenden, um den Prozess zu vereinfachen:
Es gibt zwar Dutzende von vollständig gestalteten Blöcken, aber es gibt auch viele Blockvorlagen, die gut als grundlegende Platzhalter funktionieren würden.
Schritt 6: Erstelle die deine Mockups und/oder Prototypen
Das Tolle an der Erstellung von Wireframes in Elementor ist, dass du die Mockup Phase überspringst und direkt mit der Erstellung von funktionierenden Prototypen beginnen kannst.
Wenn du es vorziehst, deine Mockups mit Photoshop oder Sketch zu erstellen, ist das auch in Ordnung. Mit dieser Anleitung kannst du deine Entwürfe mühelos zu WordPress übertragen, wo du sie in Prototypen umwandelst.
Schritt 7: Teste das Redesign und lass es vom Kunden absegnen
Sobald deine Prototypen erstellt sind und das Redesign und/oder die Überarbeitung abgeschlossen ist, sende die Website, die gesamte Website an deine QA Person.
Wenn du es alleine machst, ist das auch in Ordnung. Gönne dir dich nur etwas Abstand zwischen der Arbeit des Designs und der Entwicklung des Prototyps und der Qualitätssicherungsprüfung.
Wenn du mit dem Ergebnis zu 100 % zufrieden bist, übergib es deinem Kunden und hole dich dessen Feedback dazu ein.
Schritt 8: Schalte das neue Design live
Wenn du die Genehmigung deines Kunden in der Hand hast und deine Pre Launch Checkliste abgearbeitet ist, kannst du deinen inszenierten Prototyp auf die Live Site übertragen.
Schritt 9: Überwache die Website während des nächsten Monats sorgfältig
Der ganze Sinn dieses Website Redesigns ist es, die Performance deiner Website zu verbessern. Wenn deine Daten das nicht widerspiegeln, solltest du alle Änderungen, die du vorgenommen hast, rückgängig machen oder eine alternative Strategie umsetzen. Einer der Vorteile von WordPress bei der Erstellung deiner Website ist, dass es automatisch frühere Versionen deiner Seiten speichert.
Wenn dein Inhalt weitere Probleme verursacht, gehe du einfach zu den Überarbeitungen deiner Seite und rolle sie zurück. Wenn dein Design das Problem verursacht, kannst du das alte Backup wiederherstellen.
Website Redesign FAQ
Hier sind einige Fragen, die du vielleicht noch hast, wenn du ein Website Redesign Projekt in Angriff nimmst:
1. Wirkt sich ein Website Redesign auf die Suchmaschinenoptimierung aus?
Die kurze Antwort ist „Ja“. Und es kann in beide Richtungen gehen.
Wenn du deine Website erfolgreich umgestalten und die Benutzerfreundlichkeit verbesserst, wird der Anstieg des Traffics, des Engagements und der Konversionen deiner Website einen Schub in der Suche gibst.
Wenn du hingegen bei der Neugestaltung Fehler machst und sie bei den Besuchern nicht gut ankommt, könnte das Ranking der Website dadurch sinken und du in eine schlechtere Position bringen als zuvor.
Es gibt noch eine weitere Sache zu beachten, wenn es um SEO geht.
Wenn du massive Änderungen am Inhalt und den Metadaten der Seite vornimmst, kann sich das negativ auf dein Ranking auswirken. Aber das ist nicht immer eine schlechte Sache.
Wenn du zum Beispiel einige deiner Seiten um bessere Schlüsselwörter herum neu ausrichtest, kannst du davon ausgehen, dass es einige Zeit dauern wird, bis deine Sichtbarkeit in der Suche wieder zunimmt.
Es wird nur dann zum Problem, wenn du etwas wie die URL änderst.
Wenn du also große Änderungen an der Website Struktur vornimmst, müsstest du daran denken, 301 Weiterleitungen zu verwenden, um die Besucher auf den aktiven Seiten zu halten und den Link Saft der ursprünglichen Seite in der Suche zu bewahren.
2. Wie lange dauert ein Website Redesign Projekt?
Auch hier hängt alles vom Umfang der Arbeit ab. Wenn du die Änderungen schrittweise implementierst, wird sich die Dauer des Projekts ebenfalls verlängern.
Aber nehmen wir an, du arbeitest an einer leichten Aktualisierung der Benutzeroberfläche. Wenn du die ganze Zeit, die du mit dem Sammeln und Analysieren von Daten und dem Festlegen von Zielen verbringst, mit einbeziehen, wird es wahrscheinlich ein oder zwei Monate dauern, bis alles erledigt ist.
Etwas Größeres oder Komplexeres hingegen kann sich über Monate hinziehen. Und obwohl deine Kunde vielleicht nicht begeistert ist, das zu hören, erinnere ihn daran, warum die Website überhaupt neu gestaltet werden muss: Sie funktioniert nicht so gut, wie sie sollte (wenn überhaupt). Erkläre ihm dann, wie wichtig es ist, bei der Neugestaltung methodisch vorzugehen.
Indem du die Teile der Website, die die größten Probleme verursachen, nach Prioritäten ordnest, wirst du bereits Fortschritte sehen, bevor die Arbeit abgeschlossen ist.
Redesign deiner Website mit Elementor, um ihr neues Leben zu geben und bessere Ergebnisse zu erzielen.
Das Redesign einer Website kann eine wunderbare Sache sein, wenn es angemessen eingesetzt und richtig gemacht wird. Es kann deiner Website neues Leben einhauchen, die Benutzerfreundlichkeit, die Konversionen und die Suchmaschinenoptimierung verbessern und es stellt sicher, dass du auf dem neuesten Stand der Webdesign Trends bleibst und nicht hinter deiene Konkurrenz zurückfällst.
Der eigentliche Prozess beinhaltet eine Menge Recherche vor und nach dem Redesign. Du solltest sicherstellen, dass du nur die Dinge umgestaltest, die sich negativ auf deine Website auswirken und diejenigen beibehalten, die einen positiven Effekt auf deine Website haben. Außerdem ist die richtige Recherche ein sicherer Weg, um deine Schwachstellen zu finden und sicherzustellen, dass das Redesign deiner Website korrekt und entsprechend den Bedürfnissen und Erwartungen deiner Nutzer durchgeführt wird.
Glücklicherweise kann Elementor dir bei diesem Unterfangen sehr helfen. Informiere dich also über alle Vorteile, die Elementor dir bieten kann, wie z.B. einfaches Redesign, zahlreiche benutzerorientierte Funktionen und eine ordentliche Kostenprognose, und beginne mit dem Redesign deiner Website.
Übersetzt von Nata Uchava
Von Website Freiburg
Quelle, unser Websoftware Partner Elementor Pro:
www.elementor.com/blog/website-redesign-guide/