
Webdesign
Webdesign – für Ihr Unternehmen!
Sie möchten eine neu Firmenwebseite erstellen oder Ihre vorhandene Firmenhomepage modernisieren?
Gerne unterstützen ich Sie bei dieser Aufgabe! Ich bin spezialisiert auf Webdesign Lösungen basierend auf dem Content Management System WordPress unter Verwendung von Etch als sogenannten “Pagebuilder”.
Webdesign – eine kurze Einführung
Webdesign wird oft als Synonym für kompletten Aufbau einer Webseite genannt, ist aber im eigentlichen Sinne nur ein Teil dieses gesamten Prozesses, wie weiter unten dargestellt (im Detail ist es der vierte Schritt. die Umsetzung). Nicht desto trotz wollen wir im folgenden weiter von Webdesign sprechen, wenn wir den kompletten Umsetzungsprozess beschreiben.
Webdesign ist daher der ganzheitliche Prozess zur Websiteerstellung. Er verbindet Kunst, Funktion und Ästhetik und ist visuelle Kommunikation.
Was ist wichtig für ein gutes Webdesign?
Schön anzuschauende Webseiten kann man natürlich auch mit einem Website-Baukasten der verschiedenen Anbieter zusammen klicken, aber wirklich gutes Webdesign geht weit darüber hinaus. Die wichtigsten Aspekte für gutes Webdesign sind:
-
Kundengewinnung
Eine Webseite ist nicht zum Selbstzweck da sondern ist ein Marketinginstrument zur Gewinnung neuer Kunden. Daher ist es wichtig, dass eine Webseite so aufgebaut ist, das sie konvertiert, Ihnen also neue Kunden bringt. -
Benutzerfreundlichkeit
Der Websitebesucher soll sich intuitiv auf der Webseite zurechtfinden und alle Inhalte einfach finden. -
Barrierefreiheit
Auch für Menschen mit Behinderungen oder Einschränkungen soll der Besuch der Webseite ohne Hindernisse möglich sein. Dies beinhaltet Optimierungen für Screenreader, alternative Texte in Bildern und vieles mehr. -
Ästhetik
Bei Webseiten ist der visuelle Eindruck entscheidend. Hier gibt es kein Schema “F”, jede Webseite muss für seine Zielgruppe designed werden. -
Branding
Die Webseite muss zum Brand passen und diesen befördern. - Geschwindigkeit
Kein Besucher wartet gerne auf das Laden neuer Inhalte. Daher gilt es, Besucher vor dem Verlassen der Webseite auf Grund von Ladezeiten zu bewahren. Das bedeutet nicht, dass eine Webseite einfach und schmucklos sein muss – mit Hilfe vieler Techniken können auch komplexe, grafisch aufwändige Seiten schnell laden. - Responsivität
Da Sie nie wissen, mit welchem Gerärt ein Besucher die Seite besucht, muss diese auf allen Geräten, vom großen Computermonitor bis zum Smartphone immer optimiert dargestellt werden!
Erfahren Sie im Folgenden, wie ich diese Bereiche adressiere und Sie bei der Erstellung einer Webseite unter Berücksichtigung dieser Aspekte unterstützen kann!
Webdesign
Das Prozessmodell
Bei der Erstellung einer neuen Webseite gehe ich nach einem fünfstufigen Phasenmodell vor. Diese fünf Phasen stelle ich Ihnen im Folgenden vor.
-
Discovery
In dieser ersten Phase geht es darum festzulegen, welche Ziele mit der Erstellung der Webseite überhaupt erreicht werden sollen. Ohne diese Informationen ist der Aufbau einer Webseite sinnlos. Es geht darum den Kunden, seinen Markt und die Mitbewerber zu verstehen, um die Webseite entsprechend zu planen zu können. Dieser erste Teil ist essenziell für den Erfolg des Projektes!
-
UX-Design
In dieser Phase wird basierend auf den Ergebnissen aus dem Discovery Prozess für jede wichtige Seite (Startseite, Serviceseiten, Blogseiten etc.) ein grobes Konzept basierend auf Wireframes festgelegt. Diese Wireframes sind nur Platzhalter (ohne Design) für die Inhalte, zeigen aber bereits die Struktur der fertigen Website. Die Erstellung solcher Wireframes ist ggf. ein iterrativer Prozess zwischen mir und dem Kunden. Nach Abnahme des Wireframes geht es in die nächste Phase, dem UI Design
-
UI-Design
Auf Basis der Wireframes aus Phase 2 wird nun die Website gestaltet. Die Farben, Schrifttypen, Bilder und textuellen Inhalte werden festgelegt. Diese Phase wird entweder komplett durch mich durchgeführt (Designumsetzung nach Vorgabe des Kunden, Erstellung von textuellen Inhalten (Copywriting), Beschaffung des notwendigen Bildmaterials) oder auch in einer Arbeitsteilung, wenn z.B. der Kunde mit einem Designer zusammenarbeitet und dieser das Design zur Verfügung stellt.
-
Umsetzung
In diesem Schritt werden die zuvor mit dem Kunden festgelegten Inhalte technisch in Etch designed und an die verschiedenen Gerätetypen angepasst. Auch wird hier sichergestellt, das der erzeugte Code fehlerfrei und semantisch sauber gestaltet ist.
-
Launch
Nachdem die finale Abnahme des Kunden erfolgt ist, wir die Webseite live genommen. Dazu gehört dann u.a. auch die Anmeldung bei Google in deren Webmaster-Tool und das Onboarding in mein Managementsystem MainWP, die Aufnahme in unsere 24×7 Überwachung uns einiges mehr. Mit diesem Schritt wird die Webseite in den Maintenance-Plan überführt, in dem ich mich darum kümmern, dass alles zu Ihrer Zufriedenheit läuft.
Framework
Die folgenden Produkte bilden die Basis der von mir erstellten Webauftritte. Natürlich kommen weitere Lösungen standardmäßig oder optional zum Einsatz, aber die unten aufgelisteten sind die mit Abstand wichtigsten in meinem Core-Framework.
WordPress
WordPress ist das weltweit am meisten genutze Content Management System zur Erstellung von Webseiten. Auch ich vertraue und arbeite seit Jahren auf diesem System.
Etch
Um unter WordPress ansprechende, leicht zu pflegende und technisch saubere Webseiten unter WordPress zu erstellen, setze ich seit 2025 auf die Entwicklungsumgebung Etch. Die zuvor verwendeten Pagebuilder Elementor und Bricks werden nur noch in Bestandsprojekten eingesetzt.
Automatic CSS
Automatic CSS ergänzt den Etch Pagebuilder u.a. durch sogenannte CSS Klassen, mit denen konsitente und semantisch saubere Ergebnisse erzielt werden können.
Frames
Als Zusatzprodukt zu Automatic CSS setze ich Frames ein. Diese Library von sog. Wireframes ermöglicht es mir, vorgefertigte Komponenten für meine Kundenwebseiten aus einem Baukasten für den vorgesehenen Zweck auszuwählen.
Webdesign
Leistungen
Diese Lesitungen sind in den Webdesign-Angeboten enthalten oder können optional zugebucht werden.
Webdesign
€Preis gemäß AngebotPreis nach Aufwand. Die folgenden Leistungen sind Basisleistungen.
Initiale ErstellungSecurity Paket BasisPerformance Paket BasisEinrichtung Datensicherung24 x 7 ÜberwachungSpam ProtectioneRecht24 ToolsOptionen
€Preis nach LeistungPreise nach Aufwand. Deteils zu den Advanced Plänen weiter unten.
Matomo AnalyticsCloudflare IntegrationBuchungssystemDynamische Datenabfragen3rd Party Integrationen
Zusätzliche Services
Die hier aufgeführten Leistungen sind zum Teil in den Basisleistungen enthalten oder können zugebucht werden.
Website Management
Im Rahmen des Lifecycles kümmern wir uns um das Management Ihrer Webseite.
Sicherheit
Ein sicherer Webauftritt ist für Unternehmen und Organisationen unerlässlich!
Optimierung
Oftmals muss nach einer initialen Erstellung noch Hand an die Seite im Hinblick auf die Optimierung gelegt werden.