Webdesign-Grundlagen für 2021: Wie man eine robuste WordPress-Website gestaltet

Eine Online-Präsenz zu haben, ist nicht länger eine Option, sondern eine Notwendigkeit. Ihre Website ist Ihre Marke und Identität im Internet.

Egal, ob Sie ein vollwertiges Unternehmen leiten oder als Einzelunternehmer arbeiten, oder ob Sie nur als Teil Ihrer Arbeit Websites entwerfen müssen, das Wissen, wie man eine Website entwirft, und zwar eine gute, ist entscheidend.

Es mag wie eine schwierige Aufgabe klingen, aber sobald Sie verstanden haben, wie Sie den Prozess des Webdesigns beginnen und mit welchen Werkzeugen Sie ausgestattet sein müssen, wird die Arbeit rationalisiert.

Das Wichtigste bei der Gestaltung Ihrer Website ist eine gut durchdachte Strategie. Wie alle anderen Prozesse in einem Unternehmen, erfordert auch die Gestaltung einer Website ein wenig Planung, um sicherzustellen, dass Sie einen Fahrplan haben, dem Sie folgen können. 

Sie müssen kein technisches Genie sein, um eine gute Website zu erstellen. Mit all den Tools und Diensten, die Ihnen zur Verfügung stehen, kann jeder lernen, wie man eine Website von Grund auf erstellt.

Hier teilen wir eine Schritt-für-Schritt-Anleitung, die Ihnen hilft, Ihre Website mit minimalem Aufwand zu planen und zu erstellen.

1. Definieren Sie den Zweck und die Strategie Ihrer Website

Wenn Sie an die Gestaltung einer Website denken, müssen Sie zunächst definieren, warum Sie die Website überhaupt brauchen. Welchen Zweck soll die Website für Sie erfüllen? Ihre Website muss ein einzigartiger Identifikator Ihrer Marke sein, also muss sie im Einklang mit Ihren geschäftlichen Anforderungen gestaltet werden.

Sie müssen entscheiden, welche Inhalte Sie auf Ihrer Website veröffentlichen wollen. Ob es sich um einen Online-Shop oder ein Informationszentrum für Ihre Kunden handelt oder ob es eine Nachrichtenseite sein soll. 

Es gibt im Großen und Ganzen drei strategische Optionen, aus denen Sie wählen können - Produkte oder Dienstleistungen verkaufen, Leads generieren und geschäftliche Referenzen aufbauen. Dazu gehören Online-Shops, Portfolio-Sites, Blogs, Landing Pages, Lebenslauf-Sites, Event-Sites und mehr, die jeweils ein anderes Ziel verfolgen.

Der Zweck Ihrer Website wird auch Ihr Website-Design beeinflussen. Welche Funktionen Sie in die Website einbauen müssen, wird anhand ihres Zwecks entschieden. 

Dementsprechend benötigen Sie auch eine geeignete Content-Strategie, die festlegt, welche Art von Inhalten Sie auf die Website stellen werden.

2. Wählen Sie Ihre Website-Plattform

Sobald das Ziel für Ihre Website festgelegt ist, müssen Sie entscheiden, welche Plattform Sie für die Entwicklung Ihrer Website verwenden werden. Es gibt viele Plattformen online, aus denen Sie wählen können.

Eine der beliebtesten Möglichkeiten ist WordPress. Fast 20% von selbst gehosteten Websites Weltweit wird WordPress eingesetzt, was für eine einzelne Plattform enorm ist.

WordPress bietet Ihnen so viele Gestaltungsmöglichkeiten, dass Sie sich 10 völlig unterschiedliche Websites mit extrem unterschiedlichen Designs und Elementen ansehen könnten, und sie könnten alle auf WordPress aufgebaut sein.

Mit WordPress können Sie makellose und einzigartige Website-Designs erstellen, aber bevor Sie beginnen, müssen Sie einen Hosting-Plan auswählen.

Sie müssen auch Ihr Theme kaufen und hochladen, bevor Sie mit dem Aufbau Ihrer Website beginnen. Lassen Sie uns einen Blick auf die Schritte werfen, die mit dem Design einer WordPress-Website verbunden sind. Dies wird Ihnen helfen, den Prozess besser zu verstehen.

  • Benennen Sie Ihre Website

Dies ist wahrscheinlich der einfachste und auch der kritischste Teil des Prozesses. Einen Namen für Ihre Website auszuwählen ist einfach, aber Sie müssen auch bedenken, dass dies der Name ist, mit dem die Leute Ihre Marke in Verbindung bringen werden. Treffen Sie Ihre Wahl also mit Bedacht. 

  • Kaufen Sie eine Domain und Hosting

Es gibt mehrere Unternehmen, die einen neuen Domainnamen für Sie registrieren können. Einige der beliebtesten Unternehmen sind BlueHost, DreamHost, GoDaddy, Hostinger und weitere. Nehmen wir für den Moment das Beispiel von BlueHost. 

BlueHost ist ein für WordPress optimiertes Hosting-Angebot. Es ist recht erschwinglich und anfängerfreundlich, sodass Sie es nicht zu überwältigend finden würden.

Sie gehen also auf die BlueHost-Website und wählen einen Hosting-Plan, der zu Ihnen passt. Sie können zwischen drei verschiedenen Plänen wählen - Basic, Plus und Choice Plus. Wenn Sie gerade erst anfangen, ist der Basic-Tarif gut genug. 

Der nächste Schritt ist die Eingabe des Domainnamens, den Sie für Ihre Website ausgewählt haben. BlueHost gibt Ihnen auch einen kostenlosen Domainnamen für 1 Jahr, wenn Sie einen benötigen. Anschließend können Sie Ihre persönlichen Daten eingeben, die Zahlung vornehmen und den Kauf abschließen. 

  • WordPress installieren

Sie können WordPress manuell installieren oder Sie nutzen BlueHost dafür. Sobald Sie sich bei BlueHost angemeldet haben, können Sie sich in Ihr Kundenprofil einloggen. BlueHost stellt Ihnen einen einfach zu bedienenden Assistenten für die Installation von WordPress zur Verfügung.

Sie können auch auf die Registerkarte "Meine Sites" gehen und den Domainnamen für Ihre neue Site sowie den Benutzernamen oder das Passwort angeben, das Sie für WordPress verwenden werden. Wenn der Assistent mit der Installation fertig ist, kann Ihre Site angepasst werden. 

  • Permalinks in WordPress setzen

Ein Permalink bestimmt, wie Ihre URLs innerhalb Ihrer Website strukturiert sind. Die gebräuchlichste und bequemste Struktur ist eine, die den Namen der Website zusammen mit dem Seitentitel enthält.

Zum Beispiel kann die Preisseite auf einer SaaS-Website die URL "XYZ.com/pricing" haben. 

Um den Permalink in WordPress auszuwählen, gehen Sie zu Einstellungen und dann zu Permalinks und wählen den gewünschten Stil aus. 

  • Machen Sie Ihr WordPress-Website öffentlich

Damit Ihre Website für alle sichtbar ist und in der Suche erscheint, muss Google die Seite finden und indizieren. Dazu müssen Sie wieder in die Einstellungen von WordPress gehen, dann auf Lesen gehen und das Häkchen bei "Suchmaschinen von der Indizierung dieser Seite abhalten" entfernen.

  • Titel und Tagline festlegen

Der nächste Schritt besteht darin, den Titel und die Tagline Ihrer WordPress-Website festzulegen. Gehen Sie dazu in die Einstellungen und geben Sie in den Feldern mit der Bezeichnung Set Title und Tagline den gewünschten Titel und die Tagline ein.

Je nach dem von Ihnen gewählten Thema können der Titel und die Tagline an mehreren Stellen auf Ihrer Website erscheinen. Er wird auch in der SEO-Beschreibung erscheinen, die von Google verwendet wird, wenn Ihre Website in den Suchergebnissen aufgeführt wird. 

Die Tagline ist jedoch nicht zwingend erforderlich und kann leer gelassen werden, wenn Sie keine benötigen. 

  • Kommentare, Pingbacks, etc. zulassen oder deaktivieren.

Um Benutzern das Kommentieren von neuen Beiträgen, Pingbacks usw. zu erlauben oder einzuschränken, können Sie zu Einstellungen und dann zu Diskussionen gehen und die entsprechenden Kästchen an- oder abwählen, um die Änderungen vorzunehmen.

  • Einstellen der Zeitzone

Die Einstellung Ihrer Zeitzone macht die Veröffentlichung Ihrer neuen Beiträge und Seiten sinnvoller oder vorhersehbarer. Sie können die Zeitzone auf den Ort einstellen, an dem Sie sich befinden, oder auf den Ort, an dem sich Ihr Zielpublikum befindet, je nachdem, was dem Zweck besser dient.

  • Ein Thema kaufen

Als nächstes müssen Sie sich ein WordPress-Theme für Ihre Website besorgen. Es gibt ein paar kostenlose und kostenpflichtige Optionen auf WordPress selbst, aber wenn Sie eine größere Auswahl wünschen, müssen Sie auf einen Online-Marktplatz wie ThemeForest oder einen unabhängigen Theme-Store wie ThemeIsle.

Sie können das Theme Ihrer Wahl von diesen Seiten kaufen und die Zip-Datei auf WordPress herunterladen. Sobald es der WordPress-Bibliothek hinzugefügt wurde, kann das Theme einfach installiert werden, indem Sie zu Darstellung → Themes gehen, das Theme auswählen und auf Installieren klicken. Und um es auf Ihrer Website zu aktivieren, müssen Sie nur auf die Schaltfläche Aktivieren klicken, die erscheint. 

  • Plugins installieren

Eine weitere sehr wichtige Sache, die Ihnen später bei der Verwaltung Ihrer Website helfen wird, sind die Plugins, die Sie verwenden. Egal, ob Sie Analysen mit Ihrer Website verknüpfen möchten, einen Online-Shop erstellen wollen oder das Design Ihrer Website einfach ändern müssen, ein Plugin ist unerlässlich.

Wählen Sie also sorgfältig aus den Tausenden von verfügbaren WordPress-Plugins aus und installieren Sie sie in diesem Stadium.

Damit sind die Grundlagen für das Design Ihrer Website fast fertig. Jetzt müssen Sie noch ein wenig an der Feinabstimmung arbeiten, um sie funktionaler und auch ansprechender zu gestalten.

3. Recherchieren Sie das Neueste Web-Design Trends

Obwohl Ihre Webdesign-Entscheidungen eher von Ihren persönlichen Vorlieben beeinflusst werden, ist es dennoch ratsam, die neuesten Webdesign-Trends im Auge zu behalten, um sicherzustellen, dass Ihre Website nichts verpasst. 

Schauen Sie sich an, was Ihre Konkurrenten tun. So erfahren Sie, was die neuesten Trends in Ihrer Branche sind und können dann entscheiden, ob Sie diesem Trend folgen oder einen neuen setzen wollen. 

Zu den Trends kann alles gehören, von den Farben, die auf anderen konkurrierenden Websites verwendet werden, über die Schriftarten bis hin zu der Art der Interaktion, die Marken mit ihren Kunden haben, und vieles mehr.

4. Entscheiden Sie sich für Ihr Branding

Branding ist extrem wichtig, wenn es um das Design einer Website geht. Ihre Website ist die Repräsentation Ihrer Marke im Internet und muss daher mit Ihrem gesamten Branding konsistent sein.

Alles, von Ihrem Logo, den Schriftarten, dem Farbschema bis hin zu den verwendeten Bildern, sollte im Einklang mit Ihrer Branding-Strategie stehen. 

Das Farbschema, das Sie zum Beispiel verwenden, sollte einen Besucher sofort an Ihr Unternehmen erinnern. Es sollte eine gewisse Relevanz für das Image Ihres Unternehmens haben.

Wenn Sie zum Beispiel Topfpflanzen online verkaufen, sollte das Farbschema Ihrer Website idealerweise Grüntöne enthalten, damit die Besucher Ihr Geschäft mit der Website in Verbindung bringen können.

Jede Farbe im Spektrum steht für bestimmte Eigenschaften, wie z. B. Rosa steht für etwas Weibliches oder Mädchenhaftes, Rot für Energie oder Lebendigkeit, Gelb für Optimismus und Fröhlichkeit. Der richtige Einsatz von Farben ist also wichtig. 

Abgesehen davon sollten Ihr Logo und Ihre Schriftarten mit dem übereinstimmen, was Sie auf anderen Plattformen verwenden. Die Verwendung von maßgeschneiderten Bildern, an den richtigen Stellen auf der Website kann auch gut für Ihr Branding funktionieren. 

5. Erstellen Sie Ihren Lageplan

Das nächste, was Ihre Website braucht, ist eine Sitemap. Die Sitemap bestimmt, wie viele Seiten Sie erstellen müssen. Die Sitemap gibt Ihnen ein klares Bild davon, was Ihre Website umfassen wird.

Der Aufbau einer Website ohne Sitemap kann sehr schwierig sein, weil Sie keine Vorstellung davon haben, welchen Umfang Ihre Website haben soll.

Eine ideale Sitemap hat in der Regel die folgenden Seiten:

  • Startseite
  • Über Seite
  • Produkt- oder Service-Seiten
  • Blog
  • Kontakt Seite

Einige Websites benötigen möglicherweise auch Folgendes 

  • Ressourcen
  • Preisgestaltung
  • Angebote etc.

Jedes Unternehmen hat einzigartige Funktionen und Bedürfnisse, daher muss Ihre Sitemap alle wichtigen Aspekte des Unternehmens abdecken.

Die Erstellung eines Flussdiagramms, das zeigt, welche Seiten enthalten sein sollen und in welcher Navigation der Website diese Seiten liegen sollen, macht die Sache viel einfacher zu visualisieren.

6. Webseiten-Design erstellen

Der nächste wichtige Schritt besteht darin, ein einzigartiges Design für Ihre Website zu erstellen und dabei alle Elemente zu berücksichtigen, die wir bisher besprochen haben. Jetzt gibt es online leicht verfügbare Themes und Vorlagen, die die meisten Anfänger am liebsten verwenden.

Aber eine Sache, die Sie hier bedenken sollten, ist, dass eine Vorlage Ihrer Website niemals das einzigartige Erlebnis geben wird, wie ein individuelles UI- oder UX-Design. 

Hierfür benötigen Sie die Hilfe von erfahrenen Grafikern und UI/UX-Designern oder einige wirklich gute Design-Tools. Das Design sollte klar definieren, wie jede Seite auf Ihrer Website aussehen wird, wo der Inhalt auf einer Seite platziert werden soll, wo Ihre CTA-Schaltflächen und Opt-in-Formulare platziert werden sollen und mehr. 

Wenn Sie planen, die Webseiten selbst zu gestalten, können Sie mit einer groben Skizze beginnen, wie die Seite aussehen soll. Auf der Grundlage dieser ersten Skizze können Sie ein Mock-up der Seite erstellen. Wenn dieses gut aussieht, können Sie fortfahren und einen Prototyp erstellen, um zu testen, ob die Webseite wie erwartet funktioniert.

7. Schreiben Sie Ihren Website-Text

Ein weiterer sehr wichtiger Aspekt Ihrer Website ist die Website-Texte. Ihre Website sollte nicht nur ansprechend und in der Lage sein, mehr Besucher auf Ihre Website zu ziehen, sondern sie sollte auch dazu beitragen, dass die Website in der Suche erscheint. Idealerweise sollte der Website-Text kurz und prägnant sein.

Längere Inhalte sind für andere Plattformen wie Blogs gedacht. Der Text sollte auf die Zielgruppe ausgerichtet sein, die Sie ansprechen möchten.

Wichtige Wörter und Phrasen sowie CTAs sollten fett gedruckt oder zumindest deutlich sichtbar sein. Der Webseitentext sollte auch für die Suche optimiert werden, indem die richtigen Schlüsselwörter verwendet und der Inhalt richtig strukturiert wird.

Keine Zeit, einen eigenen Webseitentext zu schreiben? Sisu Digital bietet Copywriting-Service je nach Bedarf wie Website-Texte, Werbetexte, Blogs usw.

8. Erstellen Ihrer Webseiten

Wenn Ihr Webseitendesign, die Grafiken und der Text fertig sind, ist es an der Zeit, die Seite zu erstellen. Bei WordPress kann dieser Vorgang einfach oder etwas komplexer sein, je nachdem, welches Theme Sie gewählt haben.

Einige Themes kommen mit einfachen Webseitenerstellern, aber einige Themes erfordern ein wenig manuellen Aufwand. 

Um den Prozess unter WordPress zu vereinfachen, können Sie einige Page-Builder-Plugins ausprobieren, wie z. B. Elementor Page Builder, der mit einer Vielzahl von Funktionen ausgestattet ist, die die Ausführung Ihres Designs deutlich beschleunigen.

9. Interaktive Erlebnisse & CTA hinzufügen 

Sie haben einige Ziele für Ihre Website, sei es die Generierung von mehr Leads oder die Förderung des Verkaufs. Was auch immer das Ziel sein mag, Sie müssen die Besucher dazu bringen, eine Aktion auf Ihrer Website durchzuführen. Deshalb braucht Ihre Website einen Call to Action. 

Das Hinzufügen eines Kontaktformulars auf einer Seite Ihrer Landing Page oder ein Pop-up, das zum richtigen Zeitpunkt in der Reise des Besuchers erscheint, kann hier Abhilfe schaffen.

Es ist jedoch wichtig, dass Sie Ihre Besucher nicht mit Pop-ups und CTAs spammen. Halten Sie sie subtil und gut getimt, damit die Seite nicht zu verkaufslastig wirkt.

Sie können auch einige interaktive Erlebnisse zu Ihrer Website hinzufügen. Wie z. B. ein kostenloses interaktives Tool, eine Art Taschenrechner oder ein sich drehendes Rad für Angebote, wenn Sie eine E-Commerce-Site aufbauen.

10. Starten Sie Ihre Website

Wenn all dies erledigt ist, ist Ihr Website-Design fertig und Sie können Ihre Website starten. Veröffentlichen Sie Ihre Website und bewerben Sie sie auf anderen Plattformen. Teilen Sie den Link auf Ihren Social-Media-Seiten.

Nehmen Sie Kontakt zu Influencern in Ihrer Nische auf, um mit ihnen zusammenzuarbeiten und Ihre Seite zu bewerben. Wenn Sie eine E-Mail-Liste haben, erstellen Sie eine E-Mail-Kampagne, um die Seite zu bewerben.

Vermarkten Sie die Website auf jede erdenkliche Weise. Eine gute digitale Marketingstrategie kann an dieser Stelle sehr hilfreich sein.

11. Optimieren, Analysieren und Verbessern

Sobald Ihre Website eingerichtet ist und läuft, können Sie nun ihre Leistung in Echtzeit messen. Es ist wichtig, die Leistung der Website zu überwachen und zu verfolgen, um sicherzustellen, dass sie die festgelegten Ziele erfüllt. Wenn Sie bereits Analytics in Ihre Website eingebaut haben, können Sie die Leistung leicht nachverfolgen.

Sie können Google Analytics auch verwenden, um bestimmte Dinge zu messen und zu verfolgen, z. B. die Anzahl der Seitenaufrufe, die Anzahl der Zeit, die Nutzer auf einer Seite verbringen, die Konversionsrate, die Absprungrate und mehr.

Diese Metriken helfen Ihnen, Probleme mit Ihrer Website zu identifizieren und zu verstehen, woran es mangelt. Sie können Ihnen auch helfen, die SEO Ihrer Website zu verbessern, damit sie in den Suchergebnissen besser rangiert. Die Analysen zeigen Ihnen auch, wie Ihre Website im Vergleich zur Konkurrenz dasteht.

Fazit

Unabhängig davon, welche Art von Website Sie erstellen, sind diese Schritte für alle Arten von Webdesign gleich. Wenn sie richtig befolgt und gut ausgeführt werden, können Sie mit dieser Schritt-für-Schritt-Anleitung in kürzester Zeit ansprechende und ästhetische Websites erstellen.

Auch wenn Ihre Website bereits live ist, denken Sie daran, dass eine Website nie wirklich vollständig ist. Sie muss sich mit der Zeit weiterentwickeln und verändern, und dieses Handbuch kann sich als nützlich erweisen, wenn Sie Ihre Website neu gestalten müssen.

Brauchen Sie eine Website für Ihr neu gegründetes Unternehmen oder benötigt Ihre Website ein Upgrade? Sisu Digital bietet Web-Design-Dienstleistungen für Landing Pages, einseitige Websites und mehrseitige Websites.

Sie sehen nicht, was das Richtige für Ihr Unternehmen ist? Wir entwickeln auch Websites, die auf Ihre Geschäftsanforderungen zugeschnitten sind.

Diesen Beitrag teilen

Teilen auf linkedin
Teilen auf facebook
Teilen auf twitter
Teilen auf email

Hat Ihnen dieser Artikel gefallen?

Wir haben noch viel mehr! Tragen Sie sich in unsere E-Mail-Liste ein und erhalten Sie die neuesten Nachrichten und Artikel wöchentlich direkt in Ihren Posteingang

Mehr Beiträge

Erstellen Sie eine hoch-konvertierende Landing Page in 10 einfachen Schritten

Erstellen einer hoch-konvertierenden Landing Page in 10 einfachen Schritten

Landing Pages bringen Traffic auf Ihre Website, bauen Ihre Marke auf und verbessern SEO. Sie können sie leicht in eine erfolgreiche PPC-Strategie einbinden. Mehr als 68% der B2B-Unternehmen haben eine hoch konvertierende Seite, um Leads für die Konvertierung zu gewinnen. Erstellen Sie eine hochkonvertierende Landing Page mit diesen 10 einfachen Schritten.

Mehr lesen "