Neue Website planen | Mit 15 Tipps erfolgreich starten

Neue Website planen – Seite 2: Entwicklung und Design

Basis-Design für die neue Website

Unabhängig davon, ob du deine neue Website selbst erstellen oder einen Profi damit beauftragen willst, stellt sich die Frage nach dem Layout. Wie soll deine neue Website und besonders deren Startseite gestaltet und gegliedert sein und welche einzelnen Elemente und Funktionen soll sie enthalten?

Natürlich kannst du deine neue Website von Grund auf selbst programmieren, d. h. jede einzelne Code-Zeile schreiben (lassen). Bei den meisten Websites würde der Aufwand jedoch in keinem Verhältnis zum Ergebnis stehen. Deshalb basieren moderne Websites heute i. d. R. auf Themes.

Bei einem Theme handelt es sich um eine Zusammenstellung von grafischen Elementen, die das Aussehen von Benutzeroberflächen von Betriebssystemen, Computerprogrammen und Webseiten bestimmen. Innerhalb eines Systems bildet ein Theme eine in sich geschlossene Einheit, die ausgelagert ist und einzeln geladen wird. Dieser Ansatz erlaubt es, das Theme mit geringem Aufwand auszutauschen, ohne dabei andere Funktionseinheiten des Systems zu beeinflussen.
Quelle: arocom

Vor allem die meisten Premium-Themes sind heute so gut programmiert und so flexibel, dass für eine professionelle neue Website „das Rad nicht neu erfunden werden muss“. Neben Premium-Themes gibt es in diesen Zusammenhang noch drei weitere Optionen.

Kostenlose Themes

Innerhalb des WordPress-CMS kannst du beispielsweise selbst einfach ein kostenloses Theme, das dir gefällt, hochladen. Falls du ein komplettes Hosting-Paket gebucht hast, ist meistens bereits eine bestimmte Anzahl Themes zur Auswahl enthalten. Du brauchst für deine neue Website nur noch das passende aktivieren. Sollte es dir dann doch nicht gefallen, ist es ohne finanzielle Verluste durch ein anderes ersetzbar. Abgesehen von eventuell notwendigen kleineren Anpassung, musst du deine Seiten nicht komplett neu erstellen.

Abgesehen von der Kostenersparnis sind die Vorteile, dass du relativ schnell ein ansehnliches Resultat erzielst und die notwendigen Grundeinstellungen sehr überschaubar sind. Letzteres ist aber auch gleichzeitig der Nachteil. Denn die Möglichkeiten, das Gesamt-Layout, Farben, Schriften, Abstände, etc. zu ändern ist recht begrenzt. Darüber hinaus lässt sich auch der Werbe-Hinweis auf den Entwickler bzw. Anbieter im Footer (Powered by …) i. d. R. weder ausblenden noch an eine andere Stelle verschieben.

Page Builder

Um den Funktionsumfang insbesondere von kostenlosen Themes zu erweitern, wird häufig die zusätzlich Installation eines Page Builders (Seitenbaukastens) angeboten oder sogar empfohlen. Nicht selten ist in den fertigen Paketen ein Page Builder bereits vorinstalliert. Laut Werbeaussage vereinfacht es sehr die Gestaltung der Website. Abhängig davon, ob du die kostenlose oder die Pro-Version eines Page Builders verwendest, erhältst du eine großen Auswahl an Gestaltungselementen und Bausteinen, die du per Drag & Drop an die von dir gewünschte Stelle der Seite ziehst. Zwar können viele der einzelnen Elemente zusätzlich noch angepasst werden, tatsächlich geschieht dies jedoch selten. Denn die Möglichkeit zur Detailanpassung ist wiederum weniger intuitiv gelöst.

Um diesen großen Funktionsumfang überhaupt verwenden zu können, sind zusätzlich installierte Plug-ins Voraussetzung. Ohne diese funktioniert auch der Page Builder nur sehr eingeschränkt oder gar nicht. Daraus ergeben sich zwei große Nachteile für deine neue Website:

Alle Page Builder wirken sich negativ auf die Ladezeit aus, da auch Elemente und Plug-ins, die du gar nicht einsetzt, immer im Hintergrund mit geladen werden. Außerdem sind alle Page Builder von Haus aus nicht DSGVO-konform. Sie nutzen Google Schriften und bieten Funktionen an, die ohne selbst vorzunehmende, einschränkende Maßnahmen in der EU nicht zulässig sind. Darüber hinaus verführt das große Angebot und das einfache Einfügen dazu, die neue Website mit Spielereien zu überladen und Funktionen einzubauen, die nicht notwendig sind und eher von den, vom Besucher gewünschten, Informationen ablenken als sie hervorzuheben.

Fertige Homepages

Unter fertigen Homepages verstehe ich die in Hosting-Paketen oder bei den Rund-um-sorglos Anbietern (s. o.) enthaltenen Vorlagen. In der Regel handelt es sich um eine Auswahl mehrerer Themes für unterschiedliche Zwecke inklusive Page Builder und Plug-ins, die der Anbieter bereits entsprechend angepasst hat. Du als Kunde brauchst dich um fast gar nichts mehr zu kümmern, sondern ersetzt einfach nur die vorhandenen Platzhalter durch deine eigenen Inhalte. Da bei diesen Homepages oft auch schon eine Reihe von Bildern, Piktogrammen und Icons enthalten sind, musst du noch nicht einmal unbedingt eigene Bilder hochladen.

Was sich so super komfortabel anhört, hat gleich mehrere große Nachteile für deine neue Website. Bei jedem Aufrufen wird das gesamte Paket (s. auch Page Builder) geladen, unabhängig davon, welche Funktionen tatsächlich in Verwendung sind (= Bloatware). Darüber hinaus sind auch diese fertigen Homepages in den allermeisten Fällen nicht DSGVO-konform, was die Anbieter kaum interessiert, da du als Betreiber dafür zuständig bist. Auch dass eine notwendige Anpassung durch den Kunden mangels Zugriff auf die entsprechenden Einstellungen oft nicht möglich ist, scheint sie nicht ernsthaft zu kümmern.

Premium-Themes

Einerseits kannst du die meisten kostenlosen Themes upgraden. Andererseits gibt es aber auch einige Theme-Entwickler, die nur Premium-Themes anbieten. In jedem Fall benötigst du eine Lizenz, um sie verwenden zu können, wobei die Preise und die Verkaufsart variieren. Manche Entwickler bieten ein Abo-Modell an, das du jedes Jahr erneuern musst. Falls es sich um ein Upgrade eines kostenlosen Themes handelt, kannst du es jedoch auch weiter nutzen, wenn du die Lizenz verfallen lässt. Allerdings erhältst du dann keinen Premium-Support und keine Premium-Aktualisierungen mehr.

Bei anderen Entwicklern kannst du eine lebenslange Lizenz erwerben. Da diese teuerer ist, zahlt es sich erst aus, wenn du dir sicher bist, dass du das Theme über mehrere Jahre nutzen wirst. Sofern du es mit einem seriösen Entwickler zu tun hast, brauchst du jedoch anschließend nicht zu befürchten, keine Updates mehr zu bekommen – vorausgesetzt, der Entwickler stellt nicht seine Arbeit ein.

Der einzige Nachteil, der Preis, steht zahlreichen Vorteilen gegenüber. So erhältst du ein hochwertiges Theme und kannst deine neue Website wirklich individuell gestalten. Zwar liefern viele Entwickler ebenfalls Homepage-Vorlagen mit, die aber i. d. R. sauberer programmiert sind als die „fertigen Homepages“. Einerseits musst du diese nicht verwenden. Andererseits hast du selbst bei diesen fertigen Vorlagen die Möglichkeit, nicht benötigte Funktionen zu entfernen und/oder sie gemäß den Anforderungen der DSGVO anzupassen.

Natürlich kannst du für deine neue Website auch nur die Basis-Funktionen verwenden und alles drum herum neu und individuell aufbauen. Dementsprechend installierst du nur die Plug-ins, die du tatsächlich brauchst. Des Weiteren hast du mit einem Child-Theme die Möglichkeit, das Aussehen und die Funktionen beliebig mit eigenen Codes anzupassen, zu erweitern oder zu verändern. Viele Entwickler stellen auf ihren Websites auch eine Dokumentation zur Verfügung, in der du viele nützliche Tipps und Anregungen findest.

Wer entwickelt eine neue Website?

Bei der Planung stellt sich auch die Frage, ob du deine neue Website selbst erstellst oder einen Profi beauftragst. Nicht unwesentlich für diese Entscheidung ist, welchen Umfang und welche Funktionen deine neue Website haben soll und welche Zielgruppe du damit ansprechen willst. Einerseits empfiehlt es sich immer, jemanden an der Seite zu haben, der sich zumindest ein bisschen auf diesem Gebiet auskennt. Andererseits stößt du spätestens bei Geschäfts- und Unternehmensseiten relativ schnell an deine Grenzen, weshalb es sinnvoll ist, von Anfang an einen Profi einzuschalten.

Im Internet werden dir bei der Suche nach Fachleuten für die Erstellung von Websites mehrere (Berufs-)Bezeichnungen begegnen. Worin unterscheiden sie sich oder sind es nur mehrere Namen für ein und dasselbe Tätigkeitsfeld?

Web-Entwickler

› Web-Entwickler (Web-Developer) sind Programmierer, die mittels web-spezifischer Programmier- und Skript-Sprachen Software für Webanwendungen und Apps entwickeln. Hierfür müssen sie u a. HTML, HTML5, XHTML; CSS, CSS3; XML und XSLT; JSON; JavaScript/AJAX; PHP sowie die Prinzipien der objekt-orientierten Programmierung (OOP) beherrschen.

Bezogen auf einen Internetauftritt sind Web-Entwickler diejenigen, die für das Grundgerüst und die Grundfunktion einer Website sorgen. Zwar ermöglichen ihre Leistungen und Produkte (z. B. CMS, Theme, Plug-ins, etc.) überhaupt erst den Betrieb einer Website, du als Website-Inhaber/in wirst aber kaum je in direkten Kontakt mit den Web-Entwicklern kommen.

Website-Entwickler

Manche Webdesigner bezeichnen sich als Website-Entwickler, um sich von Designern/Grafikern abzugrenzen und zu betonen, dass sie nicht nur Gestalter, sondern auch Programmierer sind. Zwar gibt es den Begriff Website-Entwicklung für einen Teilbereich des Webdesigns (s. o.), den Beruf eines Website-Entwicklers gibt es jedoch nicht.

Webdesigner

Allgemein gesagt sind Webdesigner diejenigen, die einen Internetauftritt erstellen und ihn im Netz auffindbar machen. Folglich sind sie die Ansprechpartner, wenn es um eine neue Website oder das Überarbeiten bestehender Websites geht.

Da Webdesigner keine geschützte Berufsbezeichnung ist und es keine festgelegte Ausbildung dafür gibt, kann sich im Prinzip jeder so nennen. Dementsprechend reicht die Palette von Freizeit-Webdesignern, die damit etwas dazu verdienen wollen, über Grafik-Designer mit Zusatzkenntnissen und Marketing-Spezialisten bis hin zu studierten Informatikern. Daraus erklären sich auch die riesigen Qualitätsunterschiede in dieser Branche. Dasselbe trifft auch auf Webdesign-Agenturen zu, die zwar professioneller klingen, deren Arbeit aber nicht zwangsläufig auch qualitativ hochwertiger ist.

Backend- / Frontend-Entwickler

› Backend-Entwickler (Backend-Developer) kümmern sich um die serverseitige Programmierung von Websites. Sie entwickeln und warten die Datenbanken einschließlich der dort installierten Software und sorgen dafür, dass deine neue Website reibungslos funktioniert. Sie wirken also nur im Hintergrund. Als Benutzer oder Inhaber einer Website hast du mit ihrer Programmier- und Wartungstätigkeit nichts zu tun, denn du siehst nur, ob deine Website optimal läuft oder ob es irgendwo hakt, aber nicht woran es liegt.

Anders sieht es bei › Frontend-Entwicklern (Frontend-Developern) aus. Deren Tätigkeitsfeld überschneidet sich mit dem qualifizierter Webdesigner.

Leistungen von Webdesignern / Webdesign-Agenturen

Zu den Aufgaben von Webdesignern gehört im Wesentlichen alles, was du und die Besucher einer Website tatsächlich sehen. Da in dem Begriff Webdesign nicht nur Design, sondern auch Web steckt, überschneiden sich die Aufgaben teilweise mit denen von Web-Entwicklern / Backend-Entwicklern.

Selbstverständlich ist die Fähigkeit, eine neue Website optisch gestalten zu können, die Minimalanforderung an einen Webdesigner. Während die Kenntnisse insbesondere bei „Hobby-Webdesignern“ oft nicht wesentlich darüber hinaus gehen, beherrschen die absoluten Profis zusätzliche Teilbereiche rund um deine neue Website: Technik, Recht, Grafik-Design, SEO und Marketing. Die Übergänge vom Laien mit Grundkenntnissen zum Top-Experten sind fließend.

Je nach Größe beschäftigen Webdesign-Agenturen nicht nur (mehrere) Webdesigner, sondern auch Web-Entwickler, Grafiker, Texter und/oder Marketing-Fachleute. So arbeitet an einem Projekt mitunter ein ganzes Team, dessen Mitglieder jeweils ihren, für das Gesamt-Projekt erforderlichen, Teilbereich betreuen.

In den folgenden Ausführungen schließt die Bezeichnung Webdesigner sowohl Selbstständige als auch Webdesign-Agenturen ein.

Basis-Gestaltung

Was bereits über die Kompetenzen von Webdesignern im Allgemeinen gesagt wurde, gilt auch für die Vorgehensweise bei der Gestaltung. Dementsprechend verstehe ich unter Basis-Gestaltung all die Anpassungen, die sich ausschließlich auf die Optik und das Einfügen von Inhalt beziehen. Die hierzu notwendigen Minimalanforderungen an Webdesigner für eine neue Website, für die bereits ein Webhosting existiert, sind

• Installieren / Aktivieren eines Basis- oder fertigen Themes
• Anpassen der Farben für Hintergrund, Schrift(en), Links, Buttons (mittels vom Theme vorgegebener Farbtöne)
• Auswählen der Schrift(en) aus einem vorhandenen Angebot
• Ersetzen der Platzhalter auf der Startseite durch deine Bilder und Texte
• Erstellen der Pflichtseiten (Impressum und Datenschutz nach Vorlage) sowie weiterer gewünschter Seiten
• Einfügen des/der Menü/s sowie bereits vorinstallierter Sonderfunktionen (z. B. Kontaktformular)

Manche Webdesigner beschränken sich auf die oben genannten Leistungen und bieten nur wenige fertige Themes, oft in Verbindung mit Page Buildern, an. So gesehen könntest du deine neue Website eigentlich auch gleich selbst zusammenbauen.

Individuelles Webdesign

Webdesigner, die tatsächlich etwas von ihrem Job verstehen, haben wesentlich mehr zu bieten. Das fängt bei einer wirklich professionellen Gestaltung an:

• Erarbeiten eines Gesamt-Konzepts für die neue Website
• Aufbauen / Programmieren einer individuellen Startseite ohne fertiges Theme-Layout und/oder Page Builder
• Hinzufügen von besonderen Elementen, auch mittels eigener/bearbeiteter Codes
• Installieren und Anpassen von Plug-ins (Sicherheit, Datenschutz, spezielle Funktionen)
• Frei wählbare Farbgebung für Hintergrund, Schrift(en), Links, Buttons, etc.
• Installieren und Einbinden von Schrift(en)
• Anpassen der Schriftgröße für Titel, Überschriften und Text
• Gestalten eines individuellen Layouts für einzelne Seiten, Beiträge, Archive
• Erstellen der Pflichtseiten (Impressum und individuelle Datenschutzerklärung) sowie weiterer gewünschter Seiten
• Einfügen von Inhalten jeglicher Art inkl.Suchmaschnenoptimierung
• Erstellen und Einfügen eines oder mehrerer Menüs
• Einhalten der gesetzlichen Vorschriften (DSGVO, Urheberrecht)

Darüber hinaus kannst du bei professionellen Webdesignern noch einige der folgenden Zusatzleistungen erhalten:

• DESIGN:
• Unterstützung der Identität eines Unternehmens durch Corporate Design
• Erstellen von Logo, Web Icon, Piktogrammen und sonstigen Grafiken
• Bildbearbeitung
• Größenanpassung und Komprimieren von Abbildungen

• INHALTE:
• Alle Aspekte der Suchmaschinenoptimierung
• Gliedern und Anpassen von Inhalten (Online-Lesbarkeit, Barrierefreiheit)
• Optimieren von Titeln und Überschriften
• Überprüfen von Rechtschreibung und Grammatik
• Entwerfen und Schreiben von Texten

• TECHNIK:
• Unterstützung bei Fragen rund um die Website (Support)
• Überwachung der Funktion der Website
• Software-Aktualisierung und Fehlerbehebung über das CMS
• serverseitige Verwaltung und Wartung
• Hosting

Außerdem sind vor allem bei größeren Agenturen häufig auch Marketing-Experten (z. B. für die Social Media Präsenz) und Fotografen beschäftigt oder sie arbeiten mit entsprechenden Partnern zusammen, deren Service du zusätzlich buchen kannst.

Welche Kosten sind zu erwarten?

Hinsichtlich der Preisgestaltung gibt es nach oben so gut wie keine Grenzen. Dabei spielt nicht nur der Umfang und der Arbeitsaufwand eine Rolle. So kann dich eine neue Website sowohl bei Webdesignern als auch bei Agenturen wenige Hundert Euro, aber auch mehrere Tausend Euro kosten. Manche Webdesigner machen in ihrem Leistungsverzeichnis gar keine Preisangaben, andere geben dir anhand der angegebenen Basis-Kosten zumindest einen Anhaltspunkt und manche bieten preisgebundene Komplett-Pakete an.

Warum nicht die neue Website selbst erstellen?

Falls es sich nur um eine kleine, mehr oder weniger private Website handelt, kannst du es auch selbst versuchen. Aber selbst wenn du dich für eine „vorgefertigte“ oder ein „Rund-um-sorglos“- Website entscheidest, kannst du nicht davon ausgehen, dass sie auch wirklich professionell programmiert ist und den gesetzlichen Vorgaben entspricht.

1. Informiere dich über die aktuellen gesetzlichen Bestimmungen (DSGVO, Urheberrecht, Impressumspflicht)
2. Überprüfe, ob auf deiner Website Verknüpfungen mit Google-Diensten (Fonts, Analytics, Maps, Videos, etc.) bereits vorinstalliert sind
3. Erkundige dich bei deinem Hoster, ob es Verbindungen zu externen Servern (z. B. Cloudflare/CDN, AWS) gibt.

Einfügen von Inhalten

Unabhängig davon, ob du deine neue Website selbst gestaltest oder später Änderungen am Layout oder Inhalt vornehmen willst, nimm dir die Zeit, dich in das Redaktionssystem einzuarbeiten. Obwohl die modernen Redaktionssysteme sehr an Microsoft Word oder Apple Pages erinnern, gibt es doch einen gewaltigen Unterschied. So weicht die Textgestaltung für Webseiten relativ stark von der für Print-Medien oder sonstige Dokumente ab. Kurz gesagt, du schreibst nicht auf Papier und musst deshalb mit kleiner, enger Schrift, fehlenden Absätzen und Minibildchen auch keinen Platz sparen.

Die Struktur der Texte auf Websites wird durch HTML (Hypertext Markup Language) definiert. Wenn du die Texte aus Word/Pages in das CMS kopierst, werden die Anweisungen (Fett, Schriftgröße, Farben, Absätze, etc.) von Microsoft/Apple u. U. zwar mit übertragen, stellen aber nur unnötigen Ballast dar. Denn die Auszeichnungssprache der normalen Dokumente kann von Browsern nicht interpretiert und angezeigt werden.

Verwende möglichst für Schriften, Links und Buttons keine blassen Farben auf hellem Hintergrund. Insbesondere von Sehbehinderten, auf kleinen Bildschirmen oder bei sehr heller Umgebungsbeleuchtung sind sie sonst schlecht erkennbar / lesbar. Dasselbe gilt natürlich auch für dunkle Farben auf dunklem Hintergrund. Der Kontrast sollte immer ausreichend groß sein.

Neue Website – Zusammenfassung

Nachdem du dir über die wichtigsten Aspekte soweit im Klaren bist, prüfe die Hosting-Angebote mehrerer Unternehmen. Schau dabei nicht nur auf den Preis. Die wirklich billigen / nahezu kostenlosen Angebote sind nur durch starke Einschränkungen bei der technischen Ausstattung, der Individualität und der persönlichen Unterstützung (auch nach der Fertigstellung) möglich. Darüber hinaus sind die fertigen Pakete was Datenschutz und Sicherheit betrifft fast immer bedenklich bis mangelhaft. Wenn es dumm läuft, wandert das für deine neue Website eingesparte Geld irgendwann als Bußgeld in die Staatskasse.

Dasselbe gilt auch für das Redaktionssystem. Bausteine sind zwar ganz praktisch, haben aber mit einem auf die jeweiligen Anforderungen abgestimmten und fachgerecht umgesetzten Webdesign wenig zu tun. Zwar kannst du deine neue Website später ändern und/oder auf einen anderen Server/zu einem anderen Anbieter umziehen, aber das verursacht in jedem Fall zusätzliche Kosten. Gerade bei „Billiganbietern“ erstellte Websites lassen sich i. d. R. auch nicht einfach herunter- und woanders wieder hochladen. Infolgedessen müsstest du am Ende doch eine vollkommen neue Website einrichten.

Wenn deine neue Website geschäftlichen Zwecken dienen und potentielle Kunden oder Besucher außerhalb deines Bekanntenkreises ansprechen soll, ist das Beauftragen eines professionellen Webdesigners immer zu empfehlen. Wie auch beim Hosting sollte auch hier der Preis nicht der allein ausschlaggebende Faktor sein. In diesem Fall bürgt ein hoher Preis nicht unbedingt für Qualität und ein Webdesigner im mittleren Preissegment kann durchaus qualitativ hochwertige Arbeit leisten.

Bitte nach Möglichkeit um ein persönliches (kostenloses) Beratungsgespräch, in dem du deine Wünsche und Vorstellungen für deine neue Website darlegst. Achte darauf, wie dein Gesprächspartner darauf eingeht,

ob er nur seine „fertigen Produkte“ verkaufen möchte,
ob er dir zu mehr rät, als tatsächlich notwendig wäre und
ob er dich ggf. auch über die Vor- und Nachteile einzelner Optionen informiert.

Vor allem erkundige dich nach dem Service „rundherum“. Viele Webdesigner / Webdesign-Agenturen erstellen zwar deine neue Website, kümmern sich aber anschließend nicht mehr darum. Auch bei Nachfragen zur Pflege des Inhalts oder zu Updates wirst du später nicht selten allein gelassen oder es fallen für den Support u. U. relativ hohe Extra-Kosten an.

Fazit

Ohne jegliche Vorkenntnisse eine neue Website zu starten, führt selten zu einem wirklich professionellen Ergebnis. Überstürze nichts. Überlege zuerst, welche Zielgruppe du ansprechen möchtest sowie welchem Zweck die neue Website dienen und welchen Umfang sie haben soll. Behalte bei deiner Planung immer im Hinterkopf:

Schnell und günstig ist nicht gut,
gut und schnell ist nicht günstig,
schnell, gut und günstig gibt es nicht!
(Autor unbekannt)

Vergleiche dann das Preis-Leistungsverhältnis mehrerer Hosting-Anbieter und Webdesigner / Agenturen und wirf auch einen kritischen Blick auf deren Internetauftritt. Sieht er etwas „in die Jahre gekommen“ aus und sind wichtige Detail-Informationen nur schwer oder gar nicht zu finden? Dann sind Zweifel an der Kompetenz der Anbieter zumindest erlaubt. Ähnliches gilt für die Referenz-Websites. Sehen sie alle irgendwie gleich aus oder haben sie einen ihrem Zweck entsprechenden individuellen Charakter und passt der Gesamt-Eindruck zu dem jeweiligen Unternehmen / Produkt?

© eb | › Externe Verlinkungen: Dieser Beitrag enthält keine Affiliate-/Partner-Links.

Ergänzende Beiträge

Hosting von Websites | 8 Tipps für die Wahl des richtigen Anbieters

Professionelle Website erstellen | Theorie und Praxis

Schlecht gemachte Webseiten | 7 Tipps zur Optimierung