MENÜ

Webdesign & Webentwicklung

Kreatives Webdesign und smarte Webentwicklung für Unternehmen, die online gänzen wollen.

Foto eines Macbooks mit beispielhaftem Webdesign und Webentwicklung in WordPress

Warum ist eine professionelle Website essenziell?

In der heutigen digitalen Welt ist eine moderne und ansprechende Website unerlässlich für den Erfolg eines jeden Unternehmens. Sie dient nicht nur als digitale Visitenkarte, sondern auch als zentraler Ort für Informationen, Produkte und Dienstleistungen. Eine gut gestaltete und optimierte Website kann das Vertrauen potenzieller Kunden gewinnen, die Markenbekanntheit steigern und die Umsätze erhöhen.

Warum WordPress?

Wir entwickeln Websites in der Regel in WordPress mit Elementor. WordPress bietet als führendes Content-Management-System (CMS) zahlreiche Vorteile: Es ist benutzerfreundlich, flexibel und skalierbar. Mit einer Vielzahl an Themes und Plugins können Websites individuell gestaltet und erweitert werden. Zudem ermöglicht WordPress durch seine einfache Handhabung, dass Inhalte auch ohne technische Vorkenntnisse selbst verwaltet werden können. Perfekt für Unternehmen jeder Größe, die eine professionelle Online-Präsenz benötigen.

Einige Projekte aus Webdesign & Webentwicklung

Einige Projekte aus Webdesign & Webentwicklung

Der Ablauf

Schritt für Schritt
zur neuen Website

Vom ersten Kennenlernen bis zur finalen Umsetzung – unser strukturierter Ablauf sorgt dafür, dass euer Website-Projekt reibungslos verläuft. Hier geben wir euch einen Einblick, wie ein Webprojekt des Umfangs Business-Plus in der Regel abläuft:

Wir starten mit einem entspannten Kennenlerngespräch, in dem wir:

  • Eure spezifischen Bedürfnisse und Ziele erkunden
  • Den Projektumfang gemeinsam abstecken
  • Einen ersten Zeitplan skizzieren
  • Eure Fragen klären

 

Nach dem Gespräch erhaltet ihr von uns ein maßgeschneidertes Angebot. Bei Zusage umfasst dies:

  • Einen detaillierten Vertrag aller abgestimmten sowie eine erste Anzahlungsrechnung, mit der wir die Zusammenarbeit absichern
  • Zugang zum persönlichen Kundenportal
  • Erstellung eines individualisierten terminierten Projektplans, inkl. zu erreichender Meilensteine
  • Erste Abstimmung zur Meeting-Kadenz und Kick-Off Meeting

Im Kick-Off-Meeting legen wir gemeinsam die Grundsteine für euer Projekt:

  • Workshop zur detaillierten Anforderungsanalyse (1-2 Stunden)
  • Abstimmung zu Inhalten & Funktionen (Fragebogen)
  • Festlegung der Projektmeilensteine & Ziele

 

Nach dem Kick-Off:

  • Ihr habt nach dem Kick-Off noch Zeit, um einzelne Antworten im Fragebogen zu ergänzen/überarbeiten
  • Wir erstellen einen detaillierten Projektplan, den ihr im Kunden-Dashboard jederzeit einsehen könnt
Typischer Ablauf eines Web-Projektes
Unser Kunden-Dashboard

In dieser Phase entwickeln wir die strukturelle Basis eurer Website:

  • Erstellung einer Sitemap
  • Definition der Navigationshierarchie
  • Planung der User Flows & Conversion-Pfade
  • Festlegung der wichtigsten Seitenelemente

 

Deliverables für euch:

  • Wireframes
  • Strukturierte Übersicht der Websitearchitektur
  • Vorschläge für Seitenaufbau & Contentbereiche
  • Grundlage zur Erstellung der Inhalte

 

Nach eurem Feedback:

  • Anpassung der Wireframes nach Wunsch
  • Feinabstimmung der Seitenstrukturen
  • Finale Abstimmung vor Start der Designphase
  • Beginn der Texterstellung (durch euch oder optional externe*n Texter*in)
Beispiel für eine Sitemap
Beispiel für Wireframes

In der Designphase gestalten wir das visuelle Erscheinungsbild eurer Website:

  • Entwicklung des Webdesigns in Figma
  • Je nach Paket: Design der Startseite oder aller (Unter-)Seiten
  • Erstellung eines klickbaren Prototypen zum Testen der User Experience
  • Bis zu 3 Feedbackrunden zur Optimierung des Designs

Nach jeder Feedbackrunde:

  • Zeitnahe Umsetzung eurer Änderungswünsche 
  • Anpassung von Layout, Farben und Elementen
  • Update des interaktiven Prototypen
  • Feinabstimmung aller Details
Webdesign in Figma

In der ersten Entwicklungsphase bringen wir dein Design zum Leben:

  • Technisches Setup von WordPress & Elementor PRO
  • Einrichtung der Grundstruktur & Navigation 
  • Umsetzung des Designs für Desktop-Ansicht
  • Implementierung aller Basis-Funktionalitäten

 

Was wir umsetzen:

  • Installation notwendiger Plugins & Themes
  • Aufbau der Seitenstruktur in WordPress
  • Entwicklung wiederkehrender Elemente
  • Integration von Formularen & Funktionen

 

Technische Basis:

  • Optimierte WordPress-Installation
  • Sichere Server-Konfiguration
  • Einrichtung der Entwicklungsumgebung
  • Vorbereitung für responsive Anpassungen

In der zweiten Entwicklungsphase perfektionieren wir deine Website:

  • Mobile Optimierung für Smartphone & Tablet 
  • Integration aller finalen Inhalte & Medien 
  • Performance-Optimierung für schnelle Ladezeiten 
  • Technische SEO-Implementierung

 

Was wir optimieren:

  • Responsive Anpassungen aller Elemente 
  • Bildkomprimierung & Lazy Loading 
  • Caching & Code-Optimierung 
  • Meta-Daten & XML-Sitemap

 

Qualitätssicherung:

  • Tests auf verschiedenen Endgeräten 
  • Geschwindigkeits-Analyse 
  • SEO-Basis-Check 
  • Browser-Kompatibilität

Vor dem Launch führen wir umfangreiche Tests durch:

  • Geräteübergreifende Tests (Desktop, Tablet, Smartphone)
  • Cross-Browser-Tests in allen gängigen Browsern 
  • Funktionstest aller interaktiven Elemente
  • Überprüfung aller Formulare & Links

 

Qualitätssicherung:

  • Performance- & Ladezeiten-Check 
  • Test aller Benutzerinteraktionen
  • Prüfung der Datenschutz-Konformität 
  • Finale Kontrolle aller Inhalte & Funktionen

 

Der Launch:

  • Koordinierte Live-Schaltung der Website 
  • DNS & Server-Konfiguration 
  • Einrichtung der SSL-Verschlüsselung 

 

Damit ihr eure Website selbstständig pflegen könnt:

  • 1-2 stündiger Einführungsworkshop
  • Live-Training im WordPress Backend
  • Erklärung aller wichtigen Funktionen 
  • Praktische Übungen zur Inhaltspflege

 

Was ihr lernt:

  • Texte & Bilder aktualisieren
  • Neue Inhalte erstellen 
  • Menüs & Widgets anpassen 
  • Grundlegende Einstellungen verwalten

 

Zusätzliche Unterstützung (optional):

  • Bereitstellung von Video-Tutorials 
  • Dokumentation wichtiger Funktionen 
  • Checklisten für regelmäßige Updates 
  • Support bei Fragen

Wir starten mit einem entspannten Kennenlerngespräch, in dem wir:

  • Eure spezifischen Bedürfnisse und Ziele erkunden
  • Den Projektumfang gemeinsam abstecken
  • Einen ersten Zeitplan skizzieren
  • Eure Fragen klären

 

Nach dem Gespräch erhaltet ihr von uns ein maßgeschneidertes Angebot. Bei Zusage umfasst dies:

  • Einen detaillierten Vertrag aller abgestimmten sowie eine erste Anzahlungsrechnung, mit der wir die Zusammenarbeit absichern
  • Zugang zum persönlichen Kundenportal
  • Erstellung eines individualisierten terminierten Projektplans, inkl. zu erreichender Meilensteine
  • Erste Abstimmung zur Meeting-Kadenz und Kick-Off Meeting

Im Kick-Off-Meeting legen wir gemeinsam die Grundsteine für euer Projekt:

  • Workshop zur detaillierten Anforderungsanalyse (1-2 Stunden)
  • Abstimmung zu Inhalten & Funktionen (Fragebogen)
  • Festlegung der Projektmeilensteine & Ziele

 

Nach dem Kick-Off:

  • Ihr habt nach dem Kick-Off noch Zeit, um einzelne Antworten im Fragebogen zu ergänzen/überarbeiten
  • Wir erstellen einen detaillierten Projektplan, den ihr im Kunden-Dashboard jederzeit einsehen könnt
Typischer Ablauf eines Web-Projektes
Unser Kunden-Dashboard

In dieser Phase entwickeln wir die strukturelle Basis eurer Website:

  • Erstellung einer Sitemap
  • Definition der Navigationshierarchie
  • Planung der User Flows & Conversion-Pfade
  • Festlegung der wichtigsten Seitenelemente

Deliverables für euch:

  • Wireframes
  • Strukturierte Übersicht der Websitearchitektur
  • Vorschläge für Seitenaufbau & Contentbereiche
  • Grundlage zur Erstellung der Inhalte

Nach eurem Feedback:

  • Anpassung der Wireframes nach Wunsch
  • Feinabstimmung der Seitenstrukturen
  • Finale Abstimmung vor Start der Designphase
  • Beginn der Texterstellung (durch euch oder optional externe*n Texter*in)
Beispiel für eine Sitemap
Beispiel für Wireframes

In der Designphase gestalten wir das visuelle Erscheinungsbild eurer Website:

  • Entwicklung des Webdesigns in Figma
  • Je nach Paket: Design der Startseite oder aller (Unter-)Seiten
  • Erstellung eines klickbaren Prototypen zum Testen der User Experience
  • Bis zu 3 Feedbackrunden zur Optimierung des Designs

 

Nach jeder Feedbackrunde:

  • Zeitnahe Umsetzung eurer Änderungswünsche 
  • Anpassung von Layout, Farben und Elementen
  • Update des interaktiven Prototypen
  • Feinabstimmung aller Details
Webdesign in Figma

In der ersten Entwicklungsphase bringen wir dein Design zum Leben:

  • Technisches Setup von WordPress & Elementor PRO
  • Einrichtung der Grundstruktur & Navigation 
  • Umsetzung des Designs für Desktop-Ansicht
  • Implementierung aller Basis-Funktionalitäten

Was wir umsetzen:

  • Installation notwendiger Plugins & Themes
  • Aufbau der Seitenstruktur in WordPress
  • Entwicklung wiederkehrender Elemente
  • Integration von Formularen & Funktionen

Technische Basis:

  • Optimierte WordPress-Installation
  • Sichere Server-Konfiguration
  • Einrichtung der Entwicklungsumgebung
  • Vorbereitung für responsive Anpassungen

In der zweiten Entwicklungsphase perfektionieren wir deine Website:

  • Mobile Optimierung für Smartphone & Tablet 
  • Integration aller finalen Inhalte & Medien 
  • Performance-Optimierung für schnelle Ladezeiten 
  • Technische SEO-Implementierung

Was wir optimieren:

  • Responsive Anpassungen aller Elemente 
  • Bildkomprimierung & Lazy Loading 
  • Caching & Code-Optimierung 
  • Meta-Daten & XML-Sitemap

Qualitätssicherung:

  • Tests auf verschiedenen Endgeräten 
  • Geschwindigkeits-Analyse 
  • SEO-Basis-Check 
  • Browser-Kompatibilität

Vor dem Launch führen wir umfangreiche Tests durch:

  • Geräteübergreifende Tests (Desktop, Tablet, Smartphone)
  • Cross-Browser-Tests in allen gängigen Browsern 
  • Funktionstest aller interaktiven Elemente
  • Überprüfung aller Formulare & Links

Qualitätssicherung:

  • Performance- & Ladezeiten-Check 
  • Test aller Benutzerinteraktionen
  • Prüfung der Datenschutz-Konformität 
  • Finale Kontrolle aller Inhalte & Funktionen

Der Launch:

  • Koordinierte Live-Schaltung der Website 
  • DNS & Server-Konfiguration 
  • Einrichtung der SSL-Verschlüsselung 

 

Damit ihr eure Website selbstständig pflegen könnt:

  • 1-2 stündiger Einführungsworkshop
  • Live-Training im WordPress Backend
  • Erklärung aller wichtigen Funktionen 
  • Praktische Übungen zur Inhaltspflege

 

Was ihr lernt:

  • Texte & Bilder aktualisieren
  • Neue Inhalte erstellen 
  • Menüs & Widgets anpassen 
  • Grundlegende Einstellungen verwalten

 

Zusätzliche Unterstützung (optional):

  • Bereitstellung von Video-Tutorials 
  • Dokumentation wichtiger Funktionen 
  • Checklisten für regelmäßige Updates 
  • Support bei Fragen

Webdesign Pakete

Flexible Website-Pakete für
verschiedene Anforderungen

Unsere Website-Pakete bieten euch eine transparente Orientierung für euer Projekt. Je nach individuellen Anforderungen können alle Pakete flexibel angepasst und um zusätzliche Funktionen erweitert werden. Die aufgeführten Preise verstehen sich als Basis für die jeweilige Websitegröße.

Nicht sicher, welches Paket das passende ist?
Vereinbart einfach ein kostenloses Erstgespräch mit uns und wir finden es gemeinsam heraus.

Ihr benötigt auch Hilfe beim Brand Design?
Mit unseren Kombi-Paketen spart ihr bei der Entwicklung einer Markenidentität und Website.

Ergänzt euer Website-Paket flexibel um zusätzliche Funktionen

Ihr braucht mehr als die Grundfunktionen? Wählt aus unseren Erweiterungsmodulen und wir optimieren eure Website genau nach euren Anforderungen. Die Module können einzeln oder in Kombination zu jedem Website-Paket hinzugebucht werden.

Die aufgeführten Preise verstehen sich als Orientierung und variieren je nach Umfang und Komplexität der gewünschten Funktionen.

Basis-Funktionen

Content & Blog

  • Professionelles Blog-Setup
  • Content-Planung & Kategorisierung
  • Übersichtliche Autor:innen-Profile und -Verwaltung
  • Kommentar-Management

ab 800€

zzgl. USt.

Formulare & Interaktion

  • Komplexe Formularlösungen
  • Multi-Step-Formulare mit bedingter Logik
  • Automatisierte E-Mail-Flows
  • Datenbankanbindung
  • Termin- und Buchungssysteme

ab 500€

zzgl. USt.

Mehrsprachigkeit

  • Professionelle Übersetzungsstruktur mit WPML
  • Individuelle Sprachversionen für alle Inhalte
  • Automatische Spracherkennung & Weiterleitung
  • Sprachspezifische Menüs und Widgets

zzgl. USt.

ab 600€

Kalender & Events

zzgl. USt.

ab 800€

  • Event-Kalender mit Filterfunktion
  • Buchbare Termine/Events
  • Kategorisierung von Veranstaltungen
  • Automatische Bestätigungsmails
  • Optional: Bezahlsystem-Integration

Erweiterte Benutzerrollen

  • Maßgeschneiderte Berechtigungssysteme
  • Mehrbenutzer-Verwaltung
  • Workflow-Management
  • Redakteurs-Zugänge
  • Aktivitäts-Protokollierung

ab 500€

zzgl. USt.

Verzeichnisse & Listen

  • Standort-/Filialverzeichnis
  • Team-/Mitarbeiterübersicht
  • Produkt-/Leistungskataloge
  • Erweiterte Filterfunktionen
  • Kartenintegration

zzgl. USt.

ab 600€

SEO-Optimierung

ab 800€

zzgl. USt.

  • Keyword-Recherche und -Strategie
  • Technische SEO-Optimierung (z.B. Ladezeiten, Meta-Tags, XML-Sitemaps)
  • Content-Optimierung (SEO-Texte, Überschriften, Alt-Texte)
  • Analyse und Monitoring mit Tools wie Google Analytics und Google Search Console
  • Einrichtung lokaler SEO (z.B. für Google My Business)

Dynamische Inhaltsanzeige

  • Personalisierte Content-Ausgabe
  • Conditional Logic für Inhalte
  • Dynamische Archivseiten
  • Benutzerspezifische Ansichten
  • Erweiterte Taxonomien

ab 500€

zzgl. USt.

Datenbank & Automatisierung

  • Custom Post Types
  • Automatisierte Datensynchronisation
  • Erweiterte Such- und Filterfunktionen
  • API-Anbindungen

ab 1.000€

zzgl. USt.

E-Learning & Membership

  • Learning Management System (LMS)
  • Geschützte Mitgliederbereiche
  • Kurs- und Lernfortschrittsverwaltung
  • Teilnehmer-Dashboard
  • Optional: Bezahlsystem-Integration

zzgl. USt.

ab 2.000€

E-Commerce

  • Einrichtung eines Online-Shops mit WooCommerce
  • Produkt- und Kategoriemanagement
  • Bezahlsystem-Integration
  • Versand- und Steuerkonfiguration
  • Automatisierte Bestell- und Benachrichtigungsprozesse
  • Optional: Gutscheine & Rabattcodes, Anbindung externe Systeme, Schulung zur Pflege

zzgl. USt.

ab 2.500€

Content & Blog

  • Professionelles Blog-Setup
  • Content-Planung & Kategorisierung
  • Übersichtliche Autor:innen-Profile und -Verwaltung
  • Kommentar-Management

ab 800€

zzgl. USt.

Formulare & Interaktion

  • Komplexe Formularlösungen
  • Multi-Step-Formulare mit bedingter Logik
  • Automatisierte E-Mail-Flows
  • Datenbankanbindung
  • Termin- und Buchungssysteme

ab 500€

zzgl. USt.

Mehrsprachigkeit

  • Professionelle Übersetzungsstruktur mit WPML
  • Individuelle Sprachversionen für alle Inhalte
  • Automatische Spracherkennung & Weiterleitung
  • Sprachspezifische Menüs und Widgets

zzgl. USt.

ab 600€

Kalender & Events

zzgl. USt.

ab 800€

  • Event-Kalender mit Filterfunktion
  • Buchbare Termine/Events
  • Kategorisierung von Veranstaltungen
  • Automatische Bestätigungsmails
  • Optional: Bezahlsystem-Integration

Verzeichnisse & Listen

  • Standort-/Filialverzeichnis
  • Team-/Mitarbeiterübersicht
  • Produkt-/Leistungskataloge
  • Erweiterte Filterfunktionen
  • Kartenintegration

zzgl. USt.

ab 600€

Erweiterte Benutzerrollen

  • Maßgeschneiderte Berechtigungssysteme
  • Mehrbenutzer-Verwaltung
  • Workflow-Management
  • Redakteurs-Zugänge
  • Aktivitäts-Protokollierung

ab 500€

zzgl. USt.

SEO-Optimierung

ab 800€

zzgl. USt.

  • Keyword-Recherche und -Strategie
  • Technische SEO-Optimierung (z.B. Ladezeiten, Meta-Tags, XML-Sitemaps)
  • Content-Optimierung (SEO-Texte, Überschriften, Alt-Texte)
  • Analyse und Monitoring mit Tools wie Google Analytics und Google Search Console
  • Einrichtung lokaler SEO (z.B. für Google My Business)

Dynamische Inhaltsanzeige

  • Personalisierte Content-Ausgabe
  • Conditional Logic für Inhalte
  • Dynamische Archivseiten
  • Benutzerspezifische Ansichten
  • Erweiterte Taxonomien

ab 500€

zzgl. USt.

Datenbank & Automatisierung

  • Custom Post Types
  • Automatisierte Datensynchronisation
  • Erweiterte Such- und Filterfunktionen
  • API-Anbindungen

ab 1.000€

zzgl. USt.

E-Learning & Membership

  • Learning Management System (LMS)
  • Geschützte Mitgliederbereiche
  • Kurs- und Lernfortschrittsverwaltung
  • Teilnehmer-Dashboard
  • Optional: Bezahlsystem-Integration

zzgl. USt.

ab 2.000€

E-Commerce

  • Einrichtung eines Online-Shops mit WooCommerce
  • Produkt- und Kategoriemanagement
  • Bezahlsystem-Integration
  • Versand- und Steuerkonfiguration
  • Automatisierte Bestell- und Benachrichtigungsprozesse
  • Optional: Gutscheine & Rabattcodes, Anbindung externe Systeme, Schulung zur Pflege

zzgl. USt.

ab 2.500€

Kombi Pakete

Spare Zeit & Budget mit unseren Kombi-Paketen

Nicht sicher, welches Paket das passende ist?
Vereinbart einfach ein kostenloses Erstgespräch mit uns und wir finden es gemeinsam heraus.

Let's go

Ihr habt noch Fragen, möchtet uns kennenlernen oder habt schon eine konkrete Projektidee? Dann meldet euch! Wir sind gespannt auf eure Idee & freuen uns euch kennenzulernen.

Euer Feedback
Was unsere
Kund*innen sagen
Euer Feedback
Was unsere
Kund*innen sagen
FAQ
Häufige Fragen & Antworten

Wir bieten maßgeschneidertes Webdesign, technische Umsetzung in WordPress, responsives Design für mobile Geräte und Suchmaschinenoptimierung (SEO). Zudem kümmern wir uns um Wartung und Support nach dem Launch.

Wir spezialisieren uns auf WordPress, können aber auch mit anderen Content-Management-Systemen arbeiten, je nach Projektanforderungen.

Der Prozess umfasst Briefing, Konzeptentwicklung, Designphase, technische Umsetzung und abschließende Qualitätssicherung vor dem Livegang. Hier siehst du den typischen Ablauf in der Übersicht.

Ja! Wir legen großen Wert darauf, dass unsere Kunden ihre Website nach Abschluss eigenständig aktualisieren und pflegen können.

Das technische SEO gehört bei uns zum Standard. Wir sorgen dafür, dass die Website technisch optimiert ist, um ein gutes Ranking bei Suchmaschinen zu erzielen. Eine fortlaufende inhaltliche SEO-Optimierung bieten wir aktuell nicht an, wir verweisen euch aber gerne an erfahrene Kolleg*innen aus diesem Bereich weiter.

Ja, wir bieten Wartungsverträge an, die regelmäßige Updates, Sicherheitschecks und technischen Support beinhalten. Unsere Angebote Im Bereich Hosting & Wartung findest Du hier.

Die Dauer hängt vom Umfang und der Komplexität des Projekts ab. Kleinere Projekte können innerhalb von 4–8 Wochen fertiggestellt werden, größere Projekte dauern entsprechend länger.

Jedes Projekt ist einzigartig. Nach einem ersten Gespräch erstellen wir ein individuelles Angebot, das auf deine spezifischen Anforderungen abgestimmt ist. Eine OnePager Website startet bei uns bei einem Preis von 2.800€.

Ja, wir bieten auch Website-Relaunches und Optimierungen bestehender Websites an, um Design, Performance und Funktionalität zu verbessern.

Let's go.

Bitte nehmt euch 2 Minuten Zeit, um uns ein wenig was über dich/euch, dein/euer Unternehmen und das Projekt zu erzählen. Wir melden uns dann in Kürze zurück.