Möglichkeiten zur Annäherung an eine Neugestaltung der Website

Es ist nicht ungewöhnlich, dass alle 3 bis 5 Jahre ein Redesign für eine bestimmte Website stattfindet. Wir können ein Redesign auf verschiedene Arten betrachten, aber kurz gesagt, es ist ein „neuer Look“, in dem man sich ändern kann:

1. Nur visuelle Elemente - Inhalt, Seiten und alles andere bleiben gleich, aber die Website sieht jetzt moderner aus.
2. Inhalt und Grafik - Dies wären die ersten + Inhaltsänderungen wie Zielseiten, Neuordnung von Artikeln, neue Datentypen und mehr

Der erste ist für einen Designer viel einfacher, da es nicht so viele Inhalte geben sollte, die vorbereitet werden müssen. Das bringt uns zur ersten Phase der Neugestaltung einer Website, nachdem dies natürlich entschieden wurde:

Erstellen Sie neue Inhalte oder verwenden Sie die alten

Ein Designer muss wissen, mit welchen Inhalten er arbeiten wird. Zum Beispiel - wie würde der Titel der Homepage lauten, würde es Untertitel, Absätze danach geben, vielleicht eine Liste, ein Video, ein Bild? All dies sind Informationen, die der Designer benötigt, um wirklich etwas zu präsentieren.

Und dies ist die erste Entscheidung, ob der Inhalt der vorhandenen Website unverändert bleibt oder ob er neu geschrieben wird. Wenn es gleich bleibt, muss der Kunde (oder das Marketing-Team) nur die allgemeine Richtung bestimmen.

Wenn der Inhalt jedoch überarbeitet werden soll, muss der Designer warten, bis der neue Text fertig und endgültig ist. Eine Möglichkeit, es zu präsentieren, sind Drahtgitter, bei denen es sich nur um Felder mit Text handelt, die der Designer bestellt, oder es handelt sich um ein einfaches PDF mit Inhalten pro Abschnitt.

Sobald die gesamte Website fertig ist, kann das Redaktions- und Marketingteam natürlich mit den Inhalten arbeiten und Änderungen vornehmen. Mit einer Kopie des Inhalts vom ersten Tag an kann der Designer zwar auch die richtigen Entscheidungen für die visuellen Elemente treffen, die den Inhalt begleiten würden. Sei es Länge, Anzahl der Überschriften, Listen, Funktionen, Medien und mehr.

Entscheide dich für den visuellen Stil

Als nächstes wäre "Wie soll es aussehen?" Dies scheint eine Frage zu sein, die der Designer beantworten würde, aber das ist nicht wirklich der Fall. Tatsächlich ist dies eine Frage, die der Designer dem Kunden häufig stellt.

Die visuelle Ausrichtung kann durch die Umbenennung des Unternehmens vorgegeben werden. Dies kann darin bestehen, die Website zu modernisieren und an eine bestimmte demografische Gruppe anzupassen, oder es kann sich lediglich um ein neues und aktualisiertes Erscheinungsbild der gesamten Website handeln. Manchmal, die Neugestaltung der Website, die Konzepte des Designers, konnten alle ein Rebranding des Unternehmens in Gang setzen, nicht umgekehrt. Und wir sprechen hier nicht immer von großen Unternehmen. Kleinere Marken könnten aufgrund der Arbeit des Webdesigners auf ihrer neuen Website auch dazu inspiriert werden, ihre Verpackung, ihre soziale Präsenz und vieles mehr zu überarbeiten.

Dies ist auch die Phase, in der Designer ihre Produkte häufig als „Konzept“ bezeichnen. Das ist eine andere Art zu sagen, dass es darum geht, die richtige Sprache, das richtige Aussehen und / oder Gefühl zu finden. Während einer solchen Phase drehen sich Designs normalerweise nur um die Homepage oder die Hauptansicht der Site / App.

Abhängig von der Kommission / dem Umfang können viele Konzepte erstellt werden. Mit solchen Konzepten können Entwickler, Kunden, Marketingteams und Designer diskutieren, welcher Weg der richtige ist, welche Art von Elementen gut zusammenarbeiten und ob es inhaltliche Änderungen oder technische Bedenken gibt.

Die Konzeptphase ist vielleicht auch eine der schwierigsten, da hier die meisten Entscheidungen getroffen werden.

Hier sind Beispielfragen, die ein Designer möglicherweise beantworten muss:

• Wäre es bildlastig, sehen die Grafiken sauber / minimal aus?
• Welchen Stil hätten sie, wenn Grafiken verwendet würden?
• Welche Schriftarten sollen verwendet werden?
• Sollte das alte Farbschema modernisiert werden oder sollte ein neues das alte ersetzen?
• Wie interaktiv sollte die Site sein?

Abhängig von der Richtung sind in den Konzepten einige Dinge zu beachten:

• Sollte das ursprüngliche Gefühl der Site gleich bleiben? Das können Farbschemata, Grafiken, Typografieregeln und mehr sein.
• Sollte stattdessen ein völlig neues Gefühl eingeführt werden? Das würde bedeuten, dass die einzige Einschränkung, die ein Designer haben würde, der Inhalt ist.

Wenn ein Konzept ausgewählt wird (was nach vielen Überarbeitungen passieren kann), kann die nächste Phase beginnen:

Erstellen Sie die Design Comps

Wenn in den ursprünglichen Entscheidungsschritten entschieden wurde, dass der Inhalt / die Site-Struktur gleich bleibt, ist die Arbeit des Designers etwas einfacher. Sie müssen lediglich das alte Design in ein neues Konzept verwandeln. Das bedeutet, dass er / sie im Allgemeinen nur Seite für Seite gehen und jede Komponente überarbeiten kann, um dem neuen Erscheinungsbild zu folgen. Hier sehen Sie kleinere Änderungen wie die Überarbeitung von Komponenten - Abstände, Typografie, Farben oder größere Änderungen wie Layoutänderungen - Position von Elementen, Reihenfolge und mehr.

Die wichtigen Teile einer Neugestaltung der Website sind die einzigartigen Ansichten. Solange eine Seite ein anderes Layout und andere Komponenten hat, sollte ein Entwurf für das Entwicklungsteam erstellt werden. In Bezug auf das Design ist es auch ziemlich einfach, eine geringfügige Abweichung zu präsentieren, da nur das Kopieren und Einfügen einer Zeichenfläche mit einer geringfügigen Änderung der Reihenfolge / des Inhalts erforderlich wäre. Dies ist also definitiv ein Schritt, der es nicht wert ist, übersprungen zu werden.

Wenn die Entwürfe fertiggestellt sind, sollten sie von den Designern und dem Kunden sowie von allen anderen Beteiligten - Marketing, Vertrieb, Entwickler - erneut überprüft werden. Dies ist der letzte ideale Schritt bei größeren Änderungen, da die Entwürfe im Vergleich zur Entwicklungsphase relativ einfach zu überarbeiten / zu ändern sind.

Die Entwicklungsphase

Hier sind die Designer normalerweise mit ihrer Arbeit fertig und übergeben das Projekt an das Entwicklungsteam. Ab hier beantworten die Designer meistens nur noch Fragen, stellen Assets bereit und entwerfen gelegentlich bestimmte Komponentenzustände, die in den Entwürfen fehlen.

Im Idealfall sollten Designänderungen nicht während der Entwicklungsphase vor dem Start der neuen Site vorgenommen werden, da dies häufig zu einer verspäteten Lieferung oder unnötigem Stress für alle Beteiligten führt.

Während der Entwicklung gibt es normalerweise zwei Möglichkeiten, sich dem anzunähern:

1. Ein neuer Build
2. Eine Überarbeitung der bestehenden Site

Im Kontext von WordPress dreht sich ein neuer Build häufig darum, ein neues Projekt einzurichten, die Datenbank von der alten Site zu importieren, ein brandneues Thema mit einer sauberen Codebasis zu erstellen und das Design von Grund auf neu zu implementieren. Darüber hinaus würde es in diesem Fall außer den möglichen Plugins und der Integration des Themas keinen Legacy-Code geben.

Wenn es eine sehr enge Frist gibt, gibt es zwei Möglichkeiten, um rechtzeitig mit einem neuen Thema zu starten:

1. Gehen Sie nicht mit allem live. Dies ist der vernünftigste Ansatz. Listen Sie die Seiten mit der höchsten Priorität auf und entwickeln Sie genau diese. Gehen Sie mit ihnen live und rollen Sie in den Wochen nach dem Start alle anderen Funktionen und / oder Seiten aus.
2. Gehen Sie mit einer groben Version. Dies bedeutet, dass Sie alle Seiten implementiert haben sollten, aber nicht unbedingt bearbeitbar. Möglicherweise müssen Sie sogar ein oder zwei Elemente ausblenden oder Fehler beheben, weil Sie nur wenig Zeit für Tests haben oder weil Sie keine Zeit hatten, sie zu beheben.
3. Vereinfachen Sie UI-Elemente im Design, die die meiste Zeit der Entwickler in Anspruch nehmen würden. Dies können beispielsweise komplizierte Navigationsmenüs (Desktop und Mobile), Karten / Umschaltungen / Suchen, Schieberegler oder komplexe Layouts sein.

Abhängig von den Prioritäten - der Frist oder der Qualität - sollte der Kunde auswählen, an welcher der beiden Prioritäten die Agentur oder die Freiberufler zuerst arbeiten sollen.

Wenn die Überarbeitung jedoch schrittweise über einige Wochen erfolgen muss, muss die Agentur oder der Freiberufler das vorhandene Thema häufig überarbeiten. Hier erstellen die Entwickler meistens ein neues Stylesheet für die neue Site, das migriert werden kann, wenn alles erledigt ist, und beginnen mit der Neuerstellung vorhandener Vorlagen ab Kopf- / Fußzeile.

Durch das Ersetzen von Seite für Seite und das Ausrollen von Updates würde die Site auf den Seiten nicht mit dem alten und dem neuen Aussehen übereinstimmen. Windows 10 ist zwar keine Website, aber ein Beispiel dafür:

Going Live-Phase

Dies ist die lang erwartete Phase der Inbetriebnahme. Im Allgemeinen entsprechen die meisten Qualitätssicherungen und Überprüfungen der Website den gleichen Schritten wie die Inbetriebnahme einer brandneuen Website - viele Tests, überall klicken, sicherstellen, dass jeder Menüpunkt funktioniert, dass die Seiten gut funktionieren, dass der Inhalt gut ist und dass Alle Integrationen sind funktionsfähig.

Der Hauptunterschied zwischen einer Neugestaltung und einer neuen Website besteht in vorhandenen Inhalten, insbesondere wenn sich die Struktur der Website geändert hat. Würden alte URLs funktionieren? Würde es verlorenen Inhalt geben? Wurden alle alten Daten kürzlich migriert? Es gibt eine ziemlich lange Liste von „Starttagen“, für die es am sichersten ist, die Dienste einer guten Webentwicklungsagentur zu nutzen.

Zusammenfassung

Die Neugestaltung einer Website ist ein langer Prozess, an dem viele Menschen beteiligt sind. Es sind auch viele schwierige Fragen zu beantworten und technische Hürden zu überwinden. Zum Glück die meiste Zeit. Diese Änderung ist für eine Marke sehr positiv.