TL;DR: Sie machen eine benutzerdefinierte WordPress-Website einzigartig, indem Sie von einer Vorlage ausgehen und dann die Teile ändern, die jeder andere auf Standard belässt. Kein Code erforderlich.
- Vorlage anpassen: Entfernen Sie, was Sie nicht brauchen, und ordnen Sie den Rest neu an.
- Wählen Sie Ihre eigenen Farben: Brechen Sie mit der Standardpalette, mit der Ihr Theme geliefert wird.
- Wählen Sie ausgefallene Schriftarten: Gehen Sie über Open Sans und Roboto hinaus.
- Überarbeiten Sie das Layout: Verwerfen Sie das Muster aus Hero-Bereich und drei Spalten.
- Interaktive Blöcke hinzufügen: Karussells, Zähler und Hotspots statt einfachem Text.
- Entwerfen Sie eine benutzerdefinierte Kopfzeile und Konversionspunkte: Behandeln Sie beides als Teil der Marke, nicht als Standard.
Ich muss Sie leider enttäuschen, aber Ihre Website sieht wahrscheinlich genauso aus wie tausende andere.
Aktuellen Studien zufolge nutzen über 800 Millionen Websites WordPress, und ein erstaunlicher Teil davon verwendet die gleiche Handvoll beliebter Themes und Vorlagen. Dies schafft, was ich die „Vorlagen-Tsunami“ nenne, eine Welle von ähnlich aussehenden Websites, die alle gleich aussehen.
Aber das Problem betrifft nicht nur das Aussehen Ihrer Website. Wenn Ihre Website wie die aller anderen aussieht, tragen Sie Tarnung in einer Welt, in der es darum geht, aufzufallen.
In diesem Leitfaden zeige ich Ihnen, warum eine einzigartige Website wichtig ist und wie Sie Ihre zu einer benutzerdefinierten WordPress-Website machen, die wirklich hervorsticht.
Warum sehen so viele Websites gleich aus?
Die meisten Websites sehen gleich aus, weil sie vom selben Punkt ausgehen: einer beliebten Vorlage, einer Standardfarbpalette und einem Layout, das fast jeder wiederverwendet.
Der neueste Treiber ist KI. KI-Website-Generatoren und One-Click-Builder spucken jetzt in Sekundenschnelle nahezu identische Layouts aus, sodass eine neue Welle von Websites dieselbe Struktur und dasselbe Styling aufweist.
Dies ist die häufigste Beschwerde, die ich derzeit in Webdesign-Communities sehe. Leute bauen etwas mit KI und stellen dann fest, dass es genau wie die anderen Websites aussieht, die auf die gleiche Weise erstellt wurden.
Haben Sie bemerkt, wie bestimmte Layouts demselben Muster folgen? Hero-Bild oben, drei Feature-Boxen darunter, Testimonial-Bereich und ein Kontaktformular unten.
Nichts davon ist Zufall. Frameworks wie Bootstrap und jetzt KI-Builder machen professionell aussehende Websites schnell und günstig produzierbar.
Das ist größtenteils eine gute Sache, aber es hat einen unerwarteten Nebeneffekt: visuelle Monotonie im gesamten Internet.
Zeit- und Budgetbeschränkungen spielen ebenfalls eine Rolle. Ich habe mit mehreren Leuten zusammengearbeitet, die ihre Websites gestern online haben mussten, mit minimalem Aufwand.
Der einfachste Weg ist, ein beliebtes WordPress-Theme zu nehmen und kleinere Änderungen vorzunehmen. Das Problem bei diesem Ansatz ist, dass er Sie auf lange Sicht Geld kosten kann.
Was kostet eine generische Website Ihr Unternehmen?
Eine generische Website kostet Sie Wiedererkennungswert, und das wirkt sich direkt auf den Umsatz aus. Wenn Ihre Website wie die der Konkurrenz aussieht, haben die Kunden nichts, woran sie sich erinnern können.
Denken Sie darüber nach: Würden Sie sich in einer Menge von Tausenden an einen Pinguin erinnern?
Design ist ein wichtiger Teil dieses ersten Eindrucks. Berichten zufolge 75 % der Menschen beurteilen, ob eine Marke vertrauenswürdig ist, allein anhand ihres Website-Designs.
Der klarste Beweis liegt in den Konversionszahlen. Nehmen wir Visser Labs, deren Webdesign veraltet, langsam und konvertierungsschwach war.
Nach einem individuellen Redesign mit Fokus auf Branding und Geschwindigkeit verzeichneten sie einen Anstieg der Konversionen auf der Preisseite um 10 %. Eine Website, die heraussticht und gut funktioniert, kann die Zahlen bewegen, die wichtig sind.
Wie ein Reddit-Nutzer es ausdrückte:
„Stellen Sie es sich wie ein Ladengeschäft vor. Wenn Ihr Geschäft aussieht, als wäre es zuletzt in den 1970er Jahren gewartet worden und nach verbranntem Kaffee und Zigarettenrauch riecht … wer möchte es dann betreten?“
Sie haben etwa 50 Millisekunden Zeit, um diesen ersten Eindruck zu prägen. Ein einzigartiges Design lässt diese Millisekunden zu Ihren Gunsten wirken.
Mit einem einzigartigen Webdesign hervorzustechen, zahlt sich auf einige konkrete Weisen aus:
- Menschen erinnern sich leichter an Ihre Marke
- Besucher verbringen mehr Zeit auf Ihrer Website und interagieren mehr mit ihr
- Mehr Besucher werden zu Kunden
- Ihre Website kann in den Google-Suchergebnissen höher erscheinen
- Leute teilen Ihre Website und erzählen ihren Freunden davon
- Besucher nehmen Ihre Produkte oder Dienstleistungen als wertvoller wahr
Woher wissen Sie also, ob Ihre eigene Website in generische Gefilde abgerutscht ist? Ein paar Muster verraten es.
- Ein überdimensioniertes Logo: Ein riesiges Logo im Header signalisiert eine Vorlage, die nie angepasst wurde.
- Eine einzige Systemschriftart: Standard-Schriftarten überall wirken wie unberührte Standardeinstellungen.
- Übermäßiger Einsatz von Stockfotos: Dieselben lächelnden Teams und Händeschüttel-Fotos erscheinen auf Tausenden von Websites.
- Zu viele Farben: Die meisten Websites, die ich sehe, haben kein Farbproblem, sie haben ein Problem mit zu vielen Farben.
- Das gleiche vorhersehbare Layout: Hero-Bereich, drei Spalten, Testimonials, Footer, in genau dieser Reihenfolge.
Wenn Sie zwei oder drei dieser Punkte auf Ihrer eigenen Website entdecken, ist der nächste Abschnitt für Sie. Das Studium von echten WordPress-Website-Beispielen nach Website-Typ erleichtert es auch, zu sehen, was herausragende Websites anders machen.
7 Wege, eine benutzerdefinierte WordPress-Website zu erstellen, die auffällt (ohne Code)
Nun, da Sie wissen, warum Einzigartigkeit wichtig ist, erfahren Sie hier, wie Sie sie tatsächlich erreichen. All dies geschieht innerhalb von WordPress mit einem Drag-and-Drop-Builder, sodass Sie keinen Theme-Code oder CSS anfassen müssen.
Ich benutze gerne SeedProd, um wirklich individuelle WordPress-Websites zu erstellen. Es ist schnell und Sie müssen keine Entwickler einstellen oder sich mit Code herumschlagen.
SeedProd's AI Builder kann in wenigen Minuten einen ersten Entwurf für Sie generieren, was ein wirklich nützlicher Vorsprung ist. Aber ein KI-Entwurf ist immer noch ein Ausgangspunkt, keine fertige Website.
Dieser Entwurf wird wie jede andere KI-generierte Website aussehen, bis Sie ihn zu Ihrer machen. Die sieben unten aufgeführten Techniken sind der Weg, wie Sie einen generischen Ausgangspunkt in eine individuelle WordPress-Website verwandeln, die sich wie Ihre Marke anfühlt.
Sie müssen nicht alles auf einmal neu gestalten. Beginnen Sie mit Ihrem Header und arbeiten Sie sich dann durch den Rest, während Sie fortfahren.
1. Eine Starter-Vorlage anpassen
Wenn Sie eine Vorlage aus der Bibliothek von SeedProd mit über 300 Designs auswählen, achten Sie auf ein sauberes Layout, eine klare Struktur und Funktionalität. Sie wollen das Rad nicht neu erfinden, sondern es nur an Ihre Bedürfnisse anpassen.
Wenn ich eine Vorlage anpasse, beginne ich damit, alles zu entfernen, was ich nicht brauche. Nur weil eine Vorlage eine schöne Galerie enthält, heißt das nicht, dass ich sie behalten muss, wenn ich sie nicht benutze.
Nachdem ich das Überflüssige entfernt habe, organisiere ich den Rest neu, um einen einzigartigen Fluss zu schaffen. In Ihrem Fall könnte das bedeuten, dass Sie Ihren Call-to-Action-Button höher setzen oder Inhalte neu anordnen, um die Geschichte Ihrer Marke zu erzählen.
Nun kommt der spaßige Teil: das Hinzufügen besonderer Akzente, die Ihre Marke hervorheben. So machen Sie die Vorlage zu Ihrer ganz persönlichen.
Vielleicht möchten Sie ein einzigartiges Portfolio oder eine ansprechendere Preistabelle als die üblichen drei Spalten.
Passen Sie schließlich die Abstände und Größen verschiedener Elemente an, um sie visuell interessant zu gestalten. Selbst kleine Änderungen am Raum um Text und Bilder lassen eine Website einzigartig wirken.
Für weitere Hilfe bei der Anpassung der Elemente Ihrer Website finden Sie diese einfachen Anleitungen:
- So fügen Sie einen Schatteneffekt (Box Shadow) in WordPress hinzu
- So ändern Sie Ränder in WordPress
- So machen Sie eine Seite in WordPress bildschirmfüllend
- So fügen Sie Text auf einem Bild in WordPress hinzu
2. Ihr Farbschema personalisieren
Viele WordPress-Vorlagen verwenden ähnliche Farbpaletten, die grundlegenden Farbkonventionen folgen. Grün für Natur und Wachstum oder Lila für Luxus. Wenn Ihre Website auffallen soll, brechen Sie mit dieser Norm.
Ein hervorragendes Beispiel ist Monzo. Anstelle des für Finanzen typischen Blaus verwendeten sie Korallenorange. Orange suggeriert Veränderung und passt daher zu einer disruptiven Marke wie Monzo.
Überlegen Sie, wie Ihre Marke mit einzigartigeren Website-Farben für Aufsehen sorgen kann.
Ein guter Ausgangspunkt sind die benutzerdefinierten Farbpaletten von SeedProd. Jede enthält fünf Farben, die zusammen für ein klares, professionelles Aussehen sorgen.
Sie können diese mit der Farbauswahl bearbeiten, um Farben für Ihre gesamte Website zu erstellen und anzuwenden.
Sie können auch die Farbe jedes Elements auf der Seite ändern, einschließlich Hintergründen, Text, Schaltflächen und Links. Die Auswahl ermöglicht es Ihnen, jeden Farbton auszuwählen oder genaue Codes einzugeben, wenn Sie Markenfarben im Sinn haben.
3. Typografie zu Ihrem eigenen machen
Typografie im Webdesign scheint eine Kleinigkeit zu sein, kann aber die Persönlichkeit Ihrer Website ausmachen oder zerstören. Die meisten WordPress-Websites bleiben bei einfachen Schriftarten wie Open Sans oder Roboto. Das sind gute Schriftarten, aber sie sind überall.
Nehmen Sie zum Beispiel Mailchimp. Sie verwenden eine Schriftart namens Graphik, die ihrer Marke ein freundliches, zugängliches Gefühl verleiht.
Es unterscheidet sich von dem, was man von einem Technologieunternehmen erwarten würde, und genau deshalb funktioniert es.
SeedProd erleichtert es, sich von typischen WordPress-Schriftarten abzuheben. Sie können mit voreingestellten Schriftkombinationen beginnen, die Überschriften und Fließtext gut aufeinander abstimmen.
Hören Sie aber nicht dort auf. Passen Sie diese an, um Ihren eigenen Look zu kreieren.
Versuchen Sie, Ihre Überschriftenstile zu ändern. Machen Sie sie größer, fetter oder mischen Sie verschiedene Schriftarten.
Halten Sie Ihren Fließtext einfach lesbar. Auffallen ist unwichtig, wenn die Leute Ihre Inhalte nicht lesen können.
Sie können die Typografie für jedes Element auf Ihrer Seite anpassen, von Schlagzeilen über Schaltflächen bis hin zu Menüpunkten.
Ändern Sie Schriftfamilie, Größe, Stärke und sogar den Buchstabenabstand, bis es sich genau richtig anfühlt.
Weitere Informationen finden Sie in unserem Leitfaden zum Ändern von Schriftarten in WordPress-Themes.
4. Layouts und Abschnitte neu strukturieren
Denken Sie an die letzten fünf Websites, die Sie besucht haben. Ich wette, sie hatten alle ein ähnliches Layout:
- Hero-Bild oben
- Drei Spalten mit Funktionen
- Referenzen
- Fußzeile
Dieses Layout funktioniert, ist aber vorhersehbar.
Mit SeedProd können Sie sich von Standardlayouts befreien und Anordnungen schaffen, die Aufmerksamkeit erregen. Versuchen Sie statt des üblichen Musters etwas anderes.
Hier sind einige meiner Lieblings-Layout-Tricks.
Unterteilen Sie Ihre Inhalte mit Abschnittstrennlinien anstelle von geraden horizontalen Linien. Dies erzeugt Bewegung und lenkt das Auge die Seite hinunter.
Oder experimentieren Sie mit überlappenden Elementen. Wenn sich Bilder oder Textfelder leicht überlappen, entsteht ein geschichteter, professionellerer Look.
Weißraum ist ein weiterer wirkungsvoller Trick. Manchmal ist das, was Sie weglassen, genauso wichtig wie das, was Sie einfügen, und leerer Raum um wichtige Elemente lässt diese hervorstechen.
Sie können sogar <a id="x1">subtile Animationen hinzufügen</a>, während Besucher scrollen. Ein leichter Einblend- oder Schiebeeffekt lässt Inhalte dynamischer wirken, ohne abzulenken.
Das Beste daran ist, dass Sie all diese Effekte erstellen können, ohne Code anzufassen. Ziehen Sie einfach per Drag & Drop, passen Sie an, bis Ihr Layout frisch wirkt.
5. Benutzerdefinierte Inhaltsblöcke hinzufügen
Die meisten WordPress-Seiten verwenden die gleichen grundlegenden Bausteine: Text, Bilder, vielleicht ein oder zwei Schaltflächen. Wenn Ihre Seite hervorstechen soll, brauchen Sie etwas Interessanteres.
SeedProd kommt mit erweiterten Inhaltsblöcken, die über das Grundlegende hinausgehen. Um Kundenbewertungen anzuzeigen, überspringen Sie die langweiligen Textfelder und verwenden Sie stattdessen ein Karussell mit sanft scrollenden Testimonials.
Wenn Sie einen Ausverkauf haben, erwähnen Sie nicht nur die Frist. <a id="x1">Fügen Sie einen Countdown-Timer hinzu</a>, der echte Dringlichkeit erzeugt.
Zahlen können langweilig sein, aber nicht mit <a id="x1">animierten Zählern</a> und Fortschrittsbalken. Diese erwecken Statistiken zum Leben, während Besucher scrollen.
Es ist perfekt, um Dinge wie „1.234 zufriedene Kunden“ oder „98 % Zufriedenheitsrate“ anzuzeigen.
Eines meiner Lieblingsfeatures ist der Hotspot-Block. Er ermöglicht es Besuchern, mit der Maus über Teile eines Bildes zu fahren, um Tooltips anzuzeigen.
Es ist eine großartige Möglichkeit, Produkten Kontext zu geben oder Mitglieder Ihres Teams vorzustellen.
Und vergessen Sie nicht Videohintergründe. Sie können einen einfachen Hero-Bereich in etwas verwandeln, das ins Auge fällt und Besucher interessiert.
6. Benutzerdefinierte Header und Navigation gestalten
Ihr Header ist erstklassiger Platz, um Ihre Seite einzigartig zu machen. Er ist das Erste, was Besucher sehen, und er erscheint auf jeder Seite. Warum also bei einem einfachen Logo und Menü bleiben?
Einer meiner Lieblingstricks ist ein <a id="x1">Sticky Header</a>, der sich ändert, wenn Besucher scrollen. Beginnen Sie mit einem Header in voller Größe und verkleinern Sie ihn dann zu etwas Schlankem und Minimalem, während sich die Leute durch Ihre Inhalte bewegen.
Sie können auch diese Anleitung sehen, um <a id="x1">eine vertikale Navigationsleiste zu erstellen</a>.
Vergessen Sie nicht die Aktionsschaltflächen in Ihrem Header. Vielleicht eine „Jetzt buchen“-Schaltfläche oder ein kleiner Countdown-Timer für Ihren letzten Ausverkauf. Diese verwandeln Ihren Header von einer einfachen Navigation in ein Conversion-Tool.
Sie können sogar Social Proof wie „2.000+ zufriedene Kunden“ oder „Wie in Forbes gesehen“ direkt in Ihrem Header einfügen. Es ist eine clevere Möglichkeit, Vertrauen aufzubauen, sobald jemand auf Ihrer Seite landet.
7. Einzigartige Conversion-Punkte erstellen
Seien wir ehrlich, diese einfachen „Senden“- und „Kontaktieren Sie uns“-Schaltflächen tun Ihrem Website keinen Gefallen. Generische <a id="x1">Call-to-Action-Buttons</a> und Formulare können Ihre Conversion-Raten beeinträchtigen.
SeedProd gibt Ihnen die Werkzeuge, um Konversionspunkte zu erstellen, die Aufmerksamkeit erregen.
Anstatt einer einfachen rechteckigen Schaltfläche, gestalten Sie etwas Einzigartiges mit benutzerdefinierten Formen, Farben und Hover-Effekten. Selbst kleine Änderungen wie abgerundete Ecken oder dezente Schatten machen Schaltflächen klickbarer.
Formulare müssen auch nicht langweilig sein. Mit <a id="x1">WPForms</a> können Sie <a id="x2">mehrstufige Formulare</a> mit Fortschrittsanzeigen erstellen und sie dann mit dem Formularblock von SeedProd anzeigen.
Dies lässt das Ausfüllen von Formularen weniger überwältigend erscheinen und kann die Abschlussraten erhöhen. Sie können auch anpassen, wie die Formulare aussehen, um sie an Ihre Marke anzupassen.
Möchten Sie Ihre Formulare noch effektiver gestalten? Fügen Sie in der Nähe Vertrauenssignale hinzu, wie ein „Sichere Zahlung“-Badge neben Ihrem Checkout-Formular oder <a id="x1">Kundenrezensionen</a> neben Ihrem Kontaktformular.
Diese kleinen Ergänzungen können einen großen Unterschied bei den Konversionsraten bewirken.
Häufig gestellte Fragen
Was lässt eine Website generisch aussehen?
Eine generische Website teilt normalerweise die gleichen Standardeinstellungen wie Tausende andere: ein übergroßes Logo, eine einzige Systemschriftart, Stockfotos und das Standardlayout mit Hero-Bereich und drei Spalten.
Sie sieht generisch aus, weil nichts daran vom Ausgangspunkt geändert wurde. Die Lösung besteht darin, Farben, Schriftarten, Layout und Inhaltsblöcke anzupassen, damit die Website Ihre Marke widerspiegelt und nicht die Vorlage.
Kann man eine WordPress-Website ohne Code einzigartig machen?
Ja. Ein Drag-and-Drop-Website-Builder wie SeedProd ermöglicht es Ihnen, Farben, Schriftarten, Layouts, Header und Inhaltsblöcke visuell zu ändern, ohne Theme-Code oder CSS zu benötigen.
Sie bearbeiten alles in einer Live-Vorschau und sehen jede Änderung, sobald Sie sie vornehmen. So baue ich benutzerdefinierte WordPress-Websites, ohne einen Entwickler beauftragen zu müssen.
Warum sehen KI-generierte Websites alle gleich aus (und wie behebt man das)?
KI-Website-Generatoren werden auf gängigen Mustern trainiert, daher verwenden sie standardmäßig dieselben Layouts, Farbauswahlen und Abschnittsreihenfolgen. Das führt zu Websites, die fast identisch aussehen.
Behandeln Sie die KI-Ausgabe als ersten Entwurf, nicht als fertige Website. Ändern Sie die Farbpalette, tauschen Sie die Schriftarten aus, ordnen Sie die Abschnitte neu an und fügen Sie benutzerdefinierte Blöcke hinzu, damit das Ergebnis Ihre Marke widerspiegelt.
Bereit, eine einzigartige Website zu erstellen?
Bei einer benutzerdefinierten WordPress-Website geht es darum, auf einprägsame Weise anders zu sein, was Ihrem Unternehmen dient. Mit SeedProd haben Sie alles, was Sie brauchen, um sich von der Monotonie der Vorlagen zu befreien.
Hier ist Ihr Aktionsplan für den Einstieg:
- Überprüfen Sie Ihre aktuelle Website auf generische Elemente
- Wählen Sie zuerst einen Abschnitt zum Anpassen aus (ich empfehle, mit dem Header zu beginnen)
- Verwenden Sie SeedProd, um ihn einzigartig zu machen
- Testen Sie die Änderungen mit echten Benutzern
- Passen Sie nach und nach andere Abschnitte an
Das Internet braucht keine weitere generische Website. Ihr Unternehmen verdient Besseres, und Ihre Kunden erwarten Besseres. Machen Sie also den ersten Schritt:
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Konversation auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
