Eine neue Website beginnt selten mit dem ersten Designentwurf. Zuerst muss klar werden, was der Auftritt erreichen soll, welche Menschen angesprochen werden und welche Inhalte dafür notwendig sind. Erst danach lassen sich Struktur, Gestaltung und Technik sinnvoll entwickeln.
Viele Auftraggeber wissen vor ihrer ersten Anfrage nicht, was während eines Webdesign Projekts passiert. Muss bereits ein fertiger Text vorliegen? Wer kümmert sich um Bilder? Wann wird bezahlt? Wie funktionieren Korrekturen? Was passiert mit Domain, Hosting und Zugangsdaten? Genau diese Unsicherheit kann Entscheidungen verzögern oder später zu Missverständnissen führen.
Dieser Ratgeber zeigt Dir den vollständigen Ablauf von der ersten Idee bis zur veröffentlichten Website. Du erfährst, welche Aufgaben ich übernehme, wo Deine Mitarbeit wichtig ist und wie wir unnötige Verzögerungen vermeiden. Der Ablauf eignet sich für Unternehmen, Selbstständige, Kreative und persönliche Projekte. Der Umfang verändert sich, die grundlegenden Prinzipien bleiben gleich.
Das Wichtigste in Kürze
Du brauchst vor der ersten Anfrage noch kein fertiges Konzept.
Ziele, gewünschter Umfang, Funktionen und vorhandene Inhalte reichen für eine erste Einschätzung.
Ein klares Angebot beschreibt Leistungen, Preis, Korrekturen, Zeitrahmen und Zuständigkeiten.
Inhalte sollten früh geplant werden, da Texte und Bilder die Gestaltung wesentlich beeinflussen.
Feedback funktioniert am besten gesammelt, konkret und nach Prioritäten geordnet.
Die Website wird vor dem Start auf Mobilgeräten, in verschiedenen Browsern und mit echten Formularanfragen geprüft.
Suchmaschinenoptimierung, Datenschutz und Barrierefreiheit sollten im Projekt mitgedacht werden.
Domain, Hosting, Zugangsdaten, Pflege und spätere Änderungen müssen vor der Übergabe geklärt sein.
Nach der Veröffentlichung beginnt die Beobachtung. Kleine Verbesserungen im echten Betrieb sind normal.
Warum ein klarer Ablauf so wichtig ist
Eine Website verbindet viele Entscheidungen. Texte beeinflussen die Seitenlänge. Bilder verändern die Wirkung. Funktionen bestimmen technische Anforderungen. Die Navigation hängt davon ab, welche Leistungen und Zielgruppen voneinander getrennt werden müssen.
Wer sofort mit Farben oder Animationen beginnt, überspringt diese Zusammenhänge. Das Ergebnis kann gut aussehen, aber wichtige Fragen offenlassen. Besucher erkennen dann nicht, ob das Angebot zu ihnen passt oder wie sie Kontakt aufnehmen können.
Ein klarer Ablauf bringt fünf Vorteile:
Du weißt jederzeit, was als Nächstes passiert.
Entscheidungen werden in einer sinnvollen Reihenfolge getroffen.
Leistungen und Kosten lassen sich genauer eingrenzen.
Feedback wird übersichtlicher und verursacht weniger doppelte Arbeit.
Wichtige Prüfungen werden nicht auf den letzten Tag verschoben.
Auf meiner Webdesign Seite fasse ich die Zusammenarbeit bewusst in vier verständliche Schritte zusammen: Kennenlernen, Konzept und Design, Umsetzung sowie Launch und Betreuung. Hinter diesen vier Schritten stecken mehrere Arbeitsphasen. Dieser Ratgeber macht sie vollständig sichtbar.
Der gesamte Projektablauf auf einen Blick
| Phase | Ergebnis | Deine wichtigste Aufgabe |
|---|---|---|
| Erste Anfrage | Grundlegende Einschätzung | Ziel, Umfang und Ausgangslage beschreiben |
| Kennenlernen | Gemeinsames Verständnis | Fragen beantworten und Prioritäten benennen |
| Angebot | Klarer Leistungsrahmen | Umfang, Preis und Bedingungen prüfen |
| Strategie und Struktur | Seitenplan und Nutzerwege | Leistungen und Inhalte priorisieren |
| Inhalte | Verwendbare Texte und Medien | Material liefern, prüfen oder gemeinsam entwickeln |
| Design | Visuelle Richtung und Seitenaufbau | Wirkung und Nutzerführung bewerten |
| Umsetzung | Funktionsfähige Website | Inhalte und Funktionen im Zusammenhang testen |
| Qualitätsprüfung | Startbereite Fassung | Vollständige Freigabe erteilen |
| Veröffentlichung | Erreichbare Live Website | Erreichbarkeit und Anfragen kontrollieren |
| Übergabe und Betreuung | Geregelter Betrieb | Pflege, Zugänge und weitere Entwicklung klären |
Die Phasen können sich bei kleinen Projekten überschneiden. Bei einer kompakten Landingpage sind weniger Abstimmungen notwendig als bei einer umfangreichen Unternehmenswebsite. Trotzdem sollte keine wichtige Entscheidung einfach übersprungen werden.
Vor der Anfrage: Was Du bereits überlegen kannst
Du musst keine Fachsprache beherrschen und keine perfekte Anforderungsliste schreiben. Einige Vorüberlegungen helfen jedoch, das Projekt schneller einzuordnen.
Welches Problem soll die Website lösen?
Eine Website ist kein Selbstzweck. Vielleicht fehlt bisher ein professioneller Auftritt. Vielleicht wirkt eine alte Seite nicht mehr glaubwürdig. Möglicherweise sollen Interessenten bestimmte Leistungen leichter verstehen oder häufiger eine Anfrage senden.
Formuliere das Problem mit eigenen Worten. Eine Aussage wie „Meine Leistungen werden nicht klar verstanden“ ist hilfreicher als „Ich brauche eine moderne Website“.
Was ist das wichtigste Ziel?
Ein Hauptziel gibt dem Projekt eine Richtung. Typische Ziele sind:
mehr qualifizierte Projektanfragen
bessere Darstellung hochwertiger Leistungen
überzeugender erster Eindruck
mehr Terminbuchungen
professionelles Portfolio
bessere Auffindbarkeit für wichtige Themen
Entlastung durch klare Informationen und häufige Antworten
Mehrere Ziele sind möglich, aber eine Priorität muss erkennbar sein. Eine Website, die alles gleichzeitig gleich stark betont, führt Besucher oft nicht eindeutig.
Wer soll sich angesprochen fühlen?
Du musst Dich nicht für immer auf eine einzige Zielgruppe festlegen. Für die konkrete Website hilft es trotzdem zu wissen, wer die wichtigsten Inhalte verstehen und nutzen soll. Sprache, Beispiele, Struktur und Kontaktweg können dadurch passender gestaltet werden.
Eine breite Ausrichtung ist möglich. Dann sollte die Website unterschiedliche Einstiege anbieten, statt alle Menschen mit derselben allgemeinen Aussage anzusprechen. Unternehmen, Privatpersonen und Kreative können willkommen sein, während einzelne Leistungsseiten genauer erklären, welches Angebot zu welchem Bedarf passt.
Was ist bereits vorhanden?
Sammle vorhandene Materialien, auch wenn sie noch nicht perfekt sind:
Logo und Markenfarben
Broschüren oder Präsentationen
vorhandene Website
Texte aus Angeboten oder Profilen
Fotos von Dir, Deinem Team, Räumen oder Produkten
Referenzen und Kundenstimmen
Social Media Profile
Domain und Hostingzugänge
rechtliche Pflichtangaben
Dieses Material zeigt, welche Grundlage vorhanden ist und wo Unterstützung benötigt wird.
Phase 1: Die erste Anfrage
Die erste Anfrage soll keine fertige Projektbeschreibung sein. Der Zweck besteht darin, eine seriöse Ersteinschätzung zu ermöglichen.
Für eine konkrete Projektanfrage nutzt Du am besten das Kontaktformular auf meiner Webdesign Seite. Dort kannst Du unter anderem Art, Stil, Umfang und gewünschte Funktionen auswählen. Ergänze in wenigen Sätzen, worum es bei Deinem Projekt geht.
Hilfreiche Angaben sind:
Adresse einer bestehenden Website
gewünschte Art der Website
wichtigste Leistungen oder Inhalte
benötigte Funktionen
vorhandene Texte und Bilder
gewünschter Zeitraum
ungefährer Budgetrahmen
Beispiele für eine passende gestalterische Richtung
Wenn Du noch nicht weißt, ob ein Onepager oder eine mehrseitige Website sinnvoll ist, ist das kein Hindernis. Genau solche Fragen können im Kennenlernen geklärt werden.
Für eine kurze Frage kannst Du mir eine Nachricht über Instagram senden. Umfangreiche Projektdaten gehören in das Kontaktformular, damit Angaben geordnet bleiben und nichts zwischen einzelnen Nachrichten verloren geht.
Was nach Deiner Anfrage passiert
Ich prüfe, ob das Projekt grundsätzlich zu meinem Angebot passt und ob die gewünschte Zeit realistisch ist. Wenn wichtige Informationen fehlen, frage ich gezielt nach. Erst danach lässt sich entscheiden, ob ein Kennenlernen sinnvoll ist und welche nächsten Schritte notwendig sind.
Eine schnelle pauschale Zusage ohne Verständnis für Umfang und Funktionen wäre nicht automatisch kundenfreundlich. Eine gute Ersteinschätzung darf kurz sein, sollte aber auf den tatsächlichen Bedarf eingehen.
Phase 2: Das Kennenlernen und die Bedarfsklärung
Im Kennenlernen geht es nicht darum, Dich mit technischen Begriffen zu prüfen. Wir übersetzen Deine geschäftlichen Ziele in Anforderungen an die Website.
Typische Fragen sind:
Was bietest Du an?
Welche Leistungen sind besonders wichtig?
Welche Menschen sollen sich angesprochen fühlen?
Was soll ein Besucher als Nächstes tun?
Welche Einwände oder Fragen treten häufig auf?
Welche Inhalte und Referenzen existieren bereits?
Welche Funktionen werden wirklich benötigt?
Wer entscheidet über Gestaltung, Texte und Freigabe?
Gibt es einen festen Termin oder äußere Abhängigkeiten?
Gute Fragen sparen später Zeit. Eine Terminbuchung klingt beispielsweise nach einer einzelnen Funktion. Dahinter stehen jedoch Entscheidungen zu Kalender, Bestätigung, Datenschutz, Zuständigkeit und möglichen Ausfällen.
Funktionen nach Nutzen bewerten
Nicht jede mögliche Funktion verbessert die Website. Ein Newsletter, ein Mitgliederbereich oder aufwendige Animationen sollten einen klaren Zweck erfüllen. Zusätzliche Technik verursacht nicht nur Erstellungskosten. Der technische Umfang kann auch Wartung, Datenschutz und spätere Pflege beeinflussen.
Die entscheidende Frage lautet deshalb nicht: Was kann eingebaut werden? Wichtiger ist: Was hilft Besuchern oder erleichtert einen sinnvollen Geschäftsprozess?
Phase 3: Leistungsumfang und Angebot
Nach der Bedarfsklärung wird aus einer Idee ein definierbares Projekt. Ein verständliches Angebot sollte nicht nur eine Endsumme nennen. Es sollte erklären, was für diesen Betrag entsteht.
Wichtige Bestandteile sind:
Art und Umfang der Website
enthaltene Seiten oder Seitentypen
Designleistung
technische Umsetzung
Unterstützung bei Texten und Struktur
enthaltene Funktionen
mobile Optimierung
SEO Grundlagen
Korrekturen und Freigaben
Übergabe und Betreuung
einmalige und laufende Kosten
Leistungen, die nicht enthalten sind
Prüfe auch, wer Domain, Hosting, Lizenzen und Zugangsdaten verwaltet. Je früher diese Punkte geklärt werden, desto geringer ist das Risiko unerwarteter Folgekosten.
Änderung des Umfangs
Während eines Projekts entstehen manchmal neue Ideen. Das ist normal. Eine zusätzliche Sprache, weitere Leistungsseiten oder ein Buchungssystem können den vereinbarten Umfang jedoch wesentlich verändern.
Solche Wünsche sollten nicht still in eine Korrekturrunde geschoben werden. Wir prüfen gemeinsam, welche Auswirkungen sie auf Preis und Zeitplan haben. Danach kannst Du bewusst entscheiden, ob die Erweiterung sofort, später oder gar nicht umgesetzt wird.
Meine transparenten Einstiegspreise
| Angebot | Einstiegspreis | Typischer Rahmen |
|---|---|---|
| Essenz | ab 1.490 € | Kompakter professioneller Auftritt mit klar begrenztem Umfang |
| Signatur | ab 2.990 € | Mehrseitige Website mit stärkerer Struktur und individueller Ausarbeitung |
| Maßarbeit | ab 5.900 € | Mögliche Premiumleistungen und individuell festgelegter Umfang |
Alle genannten Beträge sind Endpreise. Aufgrund der Kleinunternehmerregelung wird keine Umsatzsteuer berechnet oder ausgewiesen. Der verbindliche Preis richtet sich nach dem tatsächlich vereinbarten Umfang.
Ein Preis ist erst transparent, wenn auch der Leistungsrahmen verständlich ist. Deshalb ersetzt der Einstiegspreis kein persönliches Angebot, gibt Dir aber eine erkennbare Orientierung.
Phase 4: Strategie und Seitenstruktur
Nach der Beauftragung beginnt die inhaltliche Planung. Wir legen fest, welche Seiten benötigt werden, welche Aufgabe jede Seite erfüllt und wie Besucher durch den Auftritt geführt werden.
Eine mögliche Struktur für eine Unternehmenswebsite besteht aus:
Startseite
Leistungsübersicht
einzelne Leistungsseiten
Über mich oder Über uns
Referenzen
Ratgeber oder Wissensbereich
Kontakt
Impressum und Datenschutz
Diese Liste ist kein Pflichtprogramm. Eine kleinere Website kann Inhalte sinnvoll zusammenfassen. Ein umfangreicher Auftritt benötigt möglicherweise zusätzliche Seiten für Standorte, Zielgruppen, Branchen oder häufige Fragen.
Vom Unternehmenswissen zur Nutzersicht
Unternehmen ordnen ihre Leistungen häufig nach internen Begriffen. Besucher denken dagegen in Problemen, Zielen und Entscheidungen. Die Struktur muss beide Perspektiven verbinden.
Eine Seite mit dem Namen Lösungen kann intern logisch wirken, aber für Außenstehende unklar bleiben. Konkrete Bezeichnungen wie Webdesign, Website Relaunch oder laufende Betreuung erleichtern die Orientierung.
Google empfiehlt eine logisch aufgebaute Website, die Nutzern und Suchmaschinen verständlich macht, wie Inhalte zusammengehören. Eine Sitemap kann Suchmaschinen zusätzlich zeigen, welche URLs als wichtig betrachtet werden. Das Dokument ersetzt aber keine klare Navigation und keine internen Links.
Jede Seite braucht eine Aufgabe
Vor dem Schreiben sollte für jede Seite feststehen:
Welche Frage beantwortet sie?
Für wen ist sie gedacht?
Welche Information ist besonders wichtig?
Welcher Beleg schafft Vertrauen?
Was soll danach passieren?
Diese fünf Fragen verhindern Seiten, die nur existieren, da sie bei anderen Websites üblich sind.
Phase 5: Texte, Bilder und Inhalte
Inhalte sind kein Material, das am Ende in ein fertiges Design eingefüllt wird. Der Inhalt bestimmt, wie groß Abschnitte sein müssen, welche Reihenfolge sinnvoll ist und wo Bilder oder Belege benötigt werden.
Wer erstellt die Texte?
Es gibt drei übliche Möglichkeiten:
Du lieferst fertige Texte.
Du lieferst Stichpunkte und wir entwickeln Struktur und Formulierungen gemeinsam.
Die Texterstellung wird als eigene Leistung vollständig eingeplant.
Welche Variante gilt, sollte im Angebot stehen. Ein Rohtext ist nicht automatisch veröffentlichungsbereit. Inhalte können fachlich vollständig sein und trotzdem zu lang, zu allgemein oder zu intern formuliert wirken.
Gute Website Texte beantworten konkrete Fragen, ordnen Informationen und führen zu einer Entscheidung. Google empfiehlt Inhalte, die leicht lesbar, gut organisiert, eigenständig, aktuell und für Menschen hilfreich sind. Eine bestimmte Wortzahl allein ist kein Qualitätsmerkmal.
Welche Bilder werden benötigt?
Eigene Bilder können Persönlichkeit und Glaubwürdigkeit zeigen. Stockmaterial kann sinnvoll ergänzen, wenn kein passendes eigenes Motiv vorhanden ist. Entscheidend ist, dass Bildsprache, Qualität und Nutzungsrechte zusammenpassen.
Plane je nach Projekt:
Porträts
Teamfotos
Arbeitsumgebung
Produkte oder Ergebnisse
Referenzbilder
Logo und Grafiken
Hintergrundmotive
Videos oder Animationen
Die Bilddateien sollten möglichst in guter Ausgangsqualität vorliegen. Eine kleine Datei lässt sich nicht beliebig vergrößern, ohne sichtbar an Qualität zu verlieren.
Rechte und Freigaben
Du solltest Bilder, Logos, Texte und Kundenstimmen nur bereitstellen, wenn Du sie für den geplanten Zweck verwenden darfst. Bei Referenzen kann zusätzlich eine Freigabe des jeweiligen Kunden notwendig sein. Dieser Hinweis ersetzt keine rechtliche Beratung.
Inhalte geordnet übergeben
Viele einzelne Nachrichten erzeugen schnell Unklarheit. Besser ist eine gemeinsame, eindeutig benannte Ablage. Ordne Texte nach Seiten und Bilder nach ihrem gewünschten Einsatz.
Ein praktikables Schema sieht so aus:
| Bereich | Beispiel für eine eindeutige Benennung |
|---|---|
| Startseite | startseite_text_final |
| Leistung Webdesign | webdesign_leistung_text_final |
| Porträt | portrait_dennis_01 |
| Referenz | referenz_projektname_startseite |
| Logo | logo_dunkel_transparent |
Kennzeichnungen wie final_final_neu2 führen dagegen leicht zu Verwechslungen. Eine klare Version und ein fester Ablageort sparen unnötige Rückfragen.
Phase 6: Konzept und Design
Jetzt wird sichtbar, wie Inhalte, Marke und Nutzerführung zusammenwirken. Ein Designentwurf zeigt nicht nur Farben und Schriften. Er zeigt Hierarchie, Abstände, Bildwirkung, Handlungsaufforderungen und den Rhythmus einer Seite.
Woran Du einen guten Entwurf bewertest
Frage nicht nur, ob der Entwurf Deinem persönlichen Geschmack entspricht. Prüfe zusätzlich:
Ist das Angebot schnell verständlich?
Werden wichtige Leistungen sichtbar priorisiert?
Wirkt die Gestaltung passend zur gewünschten Positionierung?
Sind Texte gut lesbar?
Sind Kontaktwege klar?
Werden Referenzen und andere Belege sinnvoll eingesetzt?
Funktioniert die Seite auch ohne Erklärung durch den Designer?
Ein Entwurf darf überraschen. Trotzdem muss jede gestalterische Entscheidung den Inhalt unterstützen.
Feedback geben, das wirklich hilft
Hilfreiches Feedback beschreibt Wirkung und Ziel. „Dieser Bereich wirkt für mich zu unruhig, da das wichtigste Angebot untergeht“ ist klarer als „Mach es schöner“.
Ordne Rückmeldungen in drei Gruppen:
notwendig, da Inhalt oder Funktion nicht stimmt
wichtig, da Wirkung oder Priorität verbessert werden soll
persönliche Vorliebe, die keinen wesentlichen Einfluss auf das Ziel hat
Sammle Feedback möglichst in einer Nachricht oder einem gemeinsamen Dokument. Wenn mehrere Personen entscheiden, sollte eine Person die Rückmeldungen zusammenführen. Widersprüchliche Einzelanweisungen führen sonst zu unnötigen Schleifen.
Was eine Korrekturrunde ist
Eine Korrekturrunde verbessert den vereinbarten Entwurf. Eine solche Runde ist keine vollständige Neuausrichtung des Projekts. Wenn nach der Freigabe einer Struktur alle Ziele oder Inhalte geändert werden, entsteht neuer Konzeptionsaufwand.
Darum ist es sinnvoll, jede Phase bewusst freizugeben. Eine klare Freigabe schützt beide Seiten vor Missverständnissen.
Phase 7: Technische Umsetzung
Nach der Designfreigabe wird die Website technisch aufgebaut. Ich entwickle individuelle Websites von Hand und richte Darstellung, Inhalte und Interaktionen für unterschiedliche Geräte aus.
Zur Umsetzung gehören je nach Projekt:
semantischer Seitenaufbau
responsive Darstellung
Navigation und interne Links
Bilder und Medien
Kontaktformulare
Animationen und Interaktionen
technische SEO Grundlagen
strukturierte Daten
sichere Verbindung über HTTPS
Analyse oder Einwilligungsverwaltung
Weiterleitungen bei einem Relaunch
Warum mobile Umsetzung nicht später ergänzt wird
Eine Website muss von Beginn an für kleine Bildschirme mitgedacht werden. Google verwendet grundsätzlich die mobile Version für Indexierung und Bewertung. Inhalte, die nur auf dem Desktop vorhanden sind, können deshalb nicht als nebensächliche Ergänzung behandelt werden.
Auf dem Smartphone verändern sich Prioritäten. Schaltflächen brauchen ausreichend Platz, Texte müssen gut lesbar bleiben und Formulare dürfen nicht unnötig kompliziert sein.
Geschwindigkeit ist Teil der Qualität
Google beschreibt mit den Core Web Vitals drei zentrale Bereiche der Nutzung: Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität. Als gute Orientierungswerte gelten ein LCP von höchstens 2,5 Sekunden, ein INP von höchstens 200 Millisekunden und ein CLS von höchstens 0,1. Bewertet wird das 75. Perzentil, getrennt nach Mobilgeräten und Desktop.
Diese Werte sind keine vollständige Qualitätsbewertung. Eine schnelle Website mit unklaren Texten funktioniert nicht automatisch gut. Trotzdem sollten große Bilder, unnötige Skripte und instabile Layouts nicht unbemerkt veröffentlicht werden.
Phase 8: Qualitätsprüfung und Freigabe
Vor der Veröffentlichung wird die Website als zusammenhängendes Produkt geprüft. Ein einzelner Designentwurf kann nicht zeigen, ob Formulare ankommen, Links funktionieren oder Inhalte auf kleinen Geräten gut lesbar bleiben.
Inhaltliche Prüfung
Sind Namen, Leistungen und Kontaktdaten korrekt?
Stimmen Preise und Leistungsbeschreibungen?
Fehlen Texte, Bilder oder Referenzen?
Sind Überschriften und Schreibweise einheitlich?
Besitzt jede wichtige Seite einen sinnvollen nächsten Schritt?
Funktionale Prüfung
Funktionieren Navigation und alle wichtigen Links?
Kommen Formularnachrichten beim richtigen Empfänger an?
Werden Pflichtfelder und Fehler verständlich angezeigt?
Funktionieren Terminbuchung oder andere eingebundene Dienste?
Sind Telefonnummern und Kontaktwege auf Mobilgeräten nutzbar?
Technische Prüfung
Lädt die Website über HTTPS?
Funktioniert sie auf gängigen Bildschirmgrößen?
Sind wichtige Seiten für Suchmaschinen erreichbar?
Stimmen Seitentitel, Beschreibungen und Canonical Angaben?
Enthält die Sitemap die gewünschten Seiten?
Werden nicht vorhandene Seiten korrekt behandelt?
Sind Bilder sinnvoll komprimiert?
Barrierefreiheit
Das W3C empfiehlt, Barrierefreiheit während des gesamten Produktionsprozesses einzuplanen, Verantwortlichkeiten festzulegen und früh sowie regelmäßig zu prüfen. Eine nachträgliche Reparatur ist häufig aufwendiger als eine saubere Grundlage.
Zu den grundlegenden Prüfbereichen gehören:
ausreichende Kontraste
verständliche Überschriftenstruktur
Bedienbarkeit mit Tastatur
sichtbare Fokusmarkierungen
beschriftete Formularfelder
verständliche Fehlermeldungen
Alternativtexte für informative Bilder
lesbare Schriftgrößen
Die WCAG 2.2 ordnet Anforderungen den vier Prinzipien wahrnehmbar, bedienbar, verständlich und robust zu. Welche gesetzlichen Anforderungen gelten, hängt vom konkreten Unternehmen und Angebot ab.
Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025 für bestimmte Produkte und Dienstleistungen. Für bestimmte Kleinstunternehmen im Dienstleistungsbereich bestehen Ausnahmen. Eine rechtliche Einzelfallprüfung kann dieser Ratgeber nicht ersetzen.
Datenschutz und Pflichtangaben
Datenschutz sollte bereits bei der Auswahl von Formularfeldern und externen Diensten berücksichtigt werden. Die Datenschutz Grundverordnung verlangt unter anderem Datenminimierung sowie Datenschutz durch Technikgestaltung und datenschutzfreundliche Voreinstellungen. Vereinfacht bedeutet das: Es sollten nur Daten erhoben und verarbeitet werden, die für den jeweiligen Zweck notwendig sind.
Prüfe vor dem Start:
Impressum
Datenschutzerklärung
Einwilligung für tatsächlich verwendete Dienste
Formularzweck und Pflichtfelder
externe Schriften, Karten, Videos oder Analysewerkzeuge
Zuständigkeit für eingehende Daten
§ 5 des Digitale Dienste Gesetzes enthält allgemeine Informationspflichten für bestimmte geschäftsmäßige digitale Dienste. Welche Angaben im Einzelfall erforderlich sind, hängt unter anderem von Rechtsform und Tätigkeit ab. Rechtstexte sollten von einer qualifizierten Stelle erstellt oder geprüft werden.
Die finale Freigabe
Die Freigabe bedeutet, dass Inhalte, Gestaltung und Funktionen aus Deiner Sicht veröffentlicht werden dürfen. Nimm Dir dafür eine konzentrierte Prüfung vor. Einzelne spontane Blicke zwischen anderen Aufgaben ersetzen keine vollständige Abnahme.
Phase 9: Die Veröffentlichung
Beim Launch wird die vorbereitete Website unter der vorgesehenen Domain öffentlich erreichbar. Je nach Ausgangslage werden Domain, Hosting, SSL Zertifikat, Weiterleitungen und Suchmaschinenwerkzeuge eingerichtet oder angepasst.
Ein sinnvoller Startablauf umfasst:
letzte Sicherung
Veröffentlichung der freigegebenen Fassung
Prüfung der wichtigsten Seiten
echte Testanfrage über das Kontaktformular
Kontrolle auf Mobilgerät und Desktop
Prüfung von Sitemap und Indexierungseinstellungen
Kontrolle von Weiterleitungen bei bestehenden URLs
Beobachtung technischer Fehler
Die Veröffentlichung sollte zu einem Zeitpunkt stattfinden, an dem Rückfragen und mögliche Korrekturen bearbeitet werden können. Ein komplexer Start kurz vor einem Wochenende oder einer großen Kampagne erhöht unnötig den Druck.
Wann ist eine Website wirklich fertig?
Mit dem Launch ist die vereinbarte Projektfassung fertig. Die Website selbst bleibt ein lebendiger Unternehmensbestandteil. Neue Leistungen, Referenzen, gesetzliche Änderungen oder Erkenntnisse aus echten Anfragen können spätere Anpassungen sinnvoll machen.
Perfektion vor dem ersten echten Besucher ist kein realistisches Ziel. Gründliche Prüfung ist wichtig. Gleichzeitig entsteht ein Teil der Erkenntnisse erst im Betrieb.
Phase 10: Übergabe, Pflege und Betreuung
Nach der Veröffentlichung müssen Zuständigkeiten klar sein. Eine gute Übergabe beantwortet mindestens diese Fragen:
Wer verwaltet Domain und Hosting?
Wer besitzt welche Zugangsdaten?
Wer führt technische Aktualisierungen durch?
Wer erstellt Sicherungen?
Wer ändert Texte, Bilder und Referenzen?
Wie werden spätere Erweiterungen beauftragt?
Welche laufenden Kosten entstehen?
Wenn Du Inhalte selbst pflegen sollst, ist eine verständliche Einweisung sinnvoll. Wenn die Website individuell betreut wird, sollten Umfang, Reaktionszeit und Abrechnung der Betreuung bekannt sein.
Wartung ist kein Zeichen schlechter Qualität
Auch eine sauber gebaute Website benötigt Aufmerksamkeit. Systeme, Browser, externe Dienste und rechtliche Anforderungen verändern sich. Regelmäßige Sicherungen, Aktualisierungen und Funktionsprüfungen schützen den laufenden Betrieb.
Das Bundesamt für Sicherheit in der Informationstechnik empfiehlt in seinen Sicherheitsinformationen unter anderem zeitnahe Aktualisierungen und belastbare Sicherungen. Eine Sicherung ist besonders wertvoll, wenn ihre Wiederherstellung tatsächlich möglich und geprüft ist.
Wer ist wofür verantwortlich?
Die genaue Verteilung hängt vom Angebot ab. Die folgende Tabelle zeigt eine sinnvolle Grundaufteilung.
| Aufgabe | Typische Verantwortung |
|---|---|
| Ziele und geschäftliche Prioritäten | Auftraggeber |
| Seitenstruktur und Nutzerführung | gemeinsame Entwicklung |
| Gestaltung und technische Umsetzung | Webdesigner |
| Fachliche Richtigkeit der Inhalte | Auftraggeber |
| Texte | laut vereinbartem Leistungsumfang |
| Bilder und Nutzungsrechte | laut vereinbartem Leistungsumfang, Freigabe durch Auftraggeber |
| Datenschutz und Rechtstexte | Auftraggeber mit qualifizierter rechtlicher Unterstützung |
| Technische Grundprüfung | Webdesigner |
| Finale inhaltliche Freigabe | Auftraggeber |
| Domain, Hosting und Pflege | vor Projektstart eindeutig festlegen |
Unklare Zuständigkeiten werden schnell zu Verzögerungen. Wenn alle Beteiligten davon ausgehen, dass jemand anderes Texte liefert oder Rechtstexte prüft, bleibt das Projekt an genau dieser Stelle stehen.
Wie lange dauert ein Webdesign Projekt?
Eine pauschale Dauer wäre unseriös. Eine kompakte Website mit vorhandenen Inhalten kann wesentlich schneller entstehen als ein mehrseitiger Auftritt mit neuen Texten, Fotos, Sonderfunktionen und mehreren Entscheidern.
Die Projektdauer wird vor allem beeinflusst durch:
Seitenumfang
Zahl unterschiedlicher Seitentypen
Zustand der vorhandenen Inhalte
individuelle Funktionen
Geschwindigkeit von Feedback und Freigaben
Zahl beteiligter Entscheider
technische Ausgangslage
notwendige rechtliche oder interne Prüfungen
nachträgliche Änderungen des Umfangs
Beispiel für einen übersichtlichen Zeitplan
| Abschnitt | Möglicher Zeitraum | Voraussetzung |
|---|---|---|
| Anfrage und Kennenlernen | einige Tage bis zwei Wochen | Erreichbarkeit und grundlegende Angaben |
| Angebot und Beauftragung | wenige Tage | geklärter Umfang und Entscheidung |
| Struktur und Inhalte | eine bis mehrere Wochen | Material und verlässliche Rückmeldungen |
| Design | eine bis mehrere Wochen | klare Richtung und gebündeltes Feedback |
| Umsetzung | abhängig vom Umfang | freigegebenes Design und verwertbare Inhalte |
| Prüfung und Launch | mehrere Tage | vollständige Freigabe und Zugänge |
Diese Angaben sind keine Zusage für jedes Projekt. Der tatsächliche Plan wird passend zum vereinbarten Umfang erstellt.
Die häufigsten Ursachen für Verzögerungen
Inhalte kommen zu spät
Fehlende Texte und Bilder blockieren Design, Umsetzung und Prüfung. Platzhalter können kurzfristig helfen, ersetzen aber keine finalen Inhalte.
Zu viele Personen geben ungeordnet Feedback
Wenn jede Person einzelne Wünsche sendet, entstehen Widersprüche. Eine zentrale Ansprechperson sollte Rückmeldungen sammeln und freigeben.
Entscheidungen werden immer wieder geöffnet
Eine bereits freigegebene Struktur kann verändert werden. Das sollte aber eine bewusste neue Entscheidung sein, da spätere Phasen davon betroffen sein können.
Neue Funktionen erscheinen nebenbei
Eine weitere Sprache, ein Shop oder ein Kundenbereich ist keine kleine Textkorrektur. Neue Anforderungen brauchen eine neue Aufwandseinschätzung.
Zugänge fehlen
Domain, Hosting, Analysewerkzeuge oder bestehende Systeme können den Launch blockieren. Zugänge sollten früh geprüft und sicher übermittelt werden.
Es gibt keinen festen Entscheider
Wenn unklar ist, wer endgültig freigibt, bleibt das Projekt zwischen verschiedenen Meinungen hängen.
So gibst Du gutes Feedback
Gutes Feedback muss nicht fachlich formuliert sein. Es sollte beobachtbar und zielbezogen sein.
Wenig hilfreich: „Das gefällt mir nicht.“
Hilfreicher: „Der Abschnitt wirkt auf mich zu technisch. Ein neuer Kunde soll zuerst den Nutzen verstehen.“
Wenig hilfreich: „Mach das größer.“
Hilfreicher: „Die Projektanfrage ist auf dem Smartphone schwer zu finden. Der Kontaktweg sollte früher sichtbar sein.“
Wenig hilfreich: „Nimm eine andere Farbe.“
Hilfreicher: „Diese Farbe wirkt für meine Positionierung zu verspielt. Ich möchte ruhiger und hochwertiger wahrgenommen werden.“
Die Feedback Checkliste
Prüfe zuerst Inhalt und Reihenfolge.
Bewerte danach Wirkung und Gestaltung.
Teste auch auf einem Smartphone.
Notiere die genaue Seite und den betroffenen Abschnitt.
Beschreibe das Problem und das gewünschte Ziel.
Sammle Rückmeldungen in einem Durchgang.
Trenne notwendige Änderungen von persönlichen Vorlieben.
Lass eine Person die finale Freigabe geben.
Was Du vor Projektbeginn vorbereiten kannst
Die folgende Liste ist bewusst umfangreich. Nicht alles muss vorhanden sein. Der Überblick zeigt Dir, welche Informationen im Verlauf nützlich werden.
Unternehmen und Angebot
kurze Beschreibung Deiner Tätigkeit
wichtigste Leistungen
typische Kundenfragen
besondere Stärken oder Unterschiede
gewünschte Kontaktart
Preise oder Preisrahmen, falls öffentlich gewünscht
Marke und Gestaltung
Logo in guter Qualität
Farben und Schriften
vorhandene Gestaltungsrichtlinien
Beispiele, deren Wirkung Dir gefällt
Beispiele, deren Wirkung Du vermeiden möchtest
Inhalte
bestehende Texte
Bilder und Grafiken
Referenzen
Kundenstimmen mit Freigabe
Teamdaten
Kontaktdaten
häufige Fragen
Technik
Domainzugang
Hostingzugang
bestehendes System
E Mail Einstellungen
gewünschte Formulare
externe Dienste und Schnittstellen
Organisation
verantwortliche Ansprechperson
weitere Entscheider
gewünschter Termin
bekannte Abwesenheiten
interner Freigabeprozess
verfügbarer Budgetrahmen
Woran Du einen professionellen Projektablauf erkennst
Ein professioneller Anbieter muss nicht jede Zusammenarbeit identisch organisieren. Bestimmte Merkmale sollten jedoch erkennbar sein:
Ziele und Anforderungen werden vor der Umsetzung geklärt.
Leistungen und Grenzen sind schriftlich beschrieben.
Kosten und mögliche Zusatzkosten sind nachvollziehbar.
Es gibt einen realistischen Zeitplan.
Zuständigkeiten sind bekannt.
Korrekturen und Freigaben folgen einem klaren Ablauf.
Mobile Nutzung und Formulare werden tatsächlich getestet.
Zugangsdaten und Eigentumsfragen bleiben nicht offen.
Betreuung nach dem Launch wird verständlich erklärt.
Fachliche Grenzen werden ehrlich benannt.
Warnsignale
Sei aufmerksam, wenn ein umfangreiches Projekt ohne Rückfragen sofort verbindlich zugesagt wird, Leistungen nur mit allgemeinen Schlagworten beschrieben werden oder wichtige Zugänge dauerhaft ausschließlich beim Anbieter verbleiben sollen.
Auch unbegrenzte Änderungen ohne Regeln klingen besser, als sie in der Praxis funktionieren. Ohne Prioritäten und Freigaben kann ein Projekt endlos werden. Transparenz bedeutet nicht, dass alles unbegrenzt enthalten sein muss. Transparenz bedeutet, dass Du weißt, was enthalten ist und was bei Veränderungen passiert.
Häufige Fragen zum Ablauf
Muss ich bereits fertige Texte haben?
Nein. Es sollte nur früh geklärt werden, wer die Texte erstellt und welche fachlichen Informationen Du liefern kannst. Stichpunkte, vorhandene Unterlagen und ein Gespräch können eine gute Grundlage sein.
Kann das Design beginnen, obwohl Bilder fehlen?
Eine erste Richtung ist möglich. Für eine belastbare Gestaltung sollten Art, Menge und ungefähre Wirkung der Bilder jedoch bekannt sein. Ein später komplett anderes Bildmaterial kann das Design deutlich verändern.
Wie viele Korrekturen darf ich äußern?
Das richtet sich nach dem Angebot. Entscheidend ist nicht nur die Zahl, sondern auch der Umfang. Eine Korrekturrunde dient dem Feinschliff der vereinbarten Richtung. Eine neue Seitenstruktur oder zusätzliche Funktion kann den Projektumfang verändern.
Kann ich während des Projekts neue Seiten ergänzen?
Ja. Wir prüfen dann Aufwand, Preis und Auswirkung auf den Zeitplan. Die Ergänzung kann direkt eingeplant oder als spätere Erweiterung vorgemerkt werden.
Muss ich mich selbst um Domain und Hosting kümmern?
Nicht zwingend. Die Zuständigkeit sollte aber eindeutig geregelt sein. Wichtig ist, dass Registrierung, laufende Kosten, Zugänge und spätere Wechselmöglichkeiten nachvollziehbar bleiben.
Wann wird die Website bei Google sichtbar?
Google findet viele neue Seiten automatisch über Links. Eine Sitemap und die Google Search Console können die Entdeckung unterstützen. Eine sofortige Indexierung oder ein bestimmtes Ranking lässt sich nicht garantieren. Google weist darauf hin, dass Änderungen je nach Fall innerhalb weniger Stunden oder erst nach mehreren Monaten sichtbar werden können.
Ist SEO nach dem Launch abgeschlossen?
Technische Grundlagen und eine sinnvolle Struktur können im Projekt eingerichtet werden. Sichtbarkeit entwickelt sich jedoch mit Inhalten, Wettbewerb, Verlinkungen und späteren Verbesserungen. SEO ist kein einmaliger Schalter.
Wer prüft Impressum und Datenschutz?
Die Website kann vorgesehene Seiten und technische Einbindungen erhalten. Die rechtliche Richtigkeit der Texte sollte von einer qualifizierten Stelle geprüft werden. Besonders bei externen Diensten muss die Datenschutzerklärung zum tatsächlichen Aufbau passen.
Kann ich die Website später selbst ändern?
Das hängt vom vereinbarten System und Leistungsumfang ab. Wenn eigene Pflege gewünscht ist, sollte sie vor Projektbeginn berücksichtigt werden. Dann können Bedienung, Zugänge und Einweisung passend geplant werden.
Was passiert nach der Veröffentlichung?
Zunächst werden Erreichbarkeit, Formulare und wichtige Funktionen beobachtet. Danach können Wartung, neue Inhalte und Erweiterungen nach dem vereinbarten Modell erfolgen.
Was passiert, wenn ich Inhalte nicht rechtzeitig liefern kann?
Sprich die Verzögerung früh an. Dann lässt sich der Zeitplan anpassen oder prüfen, ob einzelne Inhalte gemeinsam entwickelt werden können. Schweigen verursacht meist mehr Probleme als eine offene Neuplanung.
Fazit: Gute Zusammenarbeit macht gute Websites möglich
Eine professionelle Website entsteht durch klare Ziele, hilfreiche Inhalte, durchdachte Gestaltung und zuverlässige Technik. Genauso wichtig ist die Zusammenarbeit dahinter.
Du musst vor der ersten Anfrage nicht alle Antworten kennen. Du solltest aber bereit sein, Dein Angebot zu erklären, Entscheidungen zu treffen und notwendige Inhalte freizugeben. Meine Aufgabe besteht darin, daraus eine verständliche Struktur, ein passendes Design und eine funktionierende Website zu entwickeln.
Ein guter Prozess macht den Aufwand sichtbar, schützt das Budget und führt Schritt für Schritt zu einem Ergebnis, das nicht nur gut aussieht. Die Website soll Dein Angebot verständlich präsentieren, Vertrauen schaffen und einen klaren nächsten Schritt ermöglichen.
Wenn Du eine Website planst, sende Deine Projektanfrage über das Kontaktformular auf meiner Webdesign Seite. Für eine kurze Frage kannst Du mir eine Nachricht über Instagram schreiben.
Quellen und weiterführende Originaldokumente
Die fachlichen Aussagen dieses Ratgebers wurden anhand aktueller Originalquellen geprüft. Stand der inhaltlichen Prüfung: 8. August 2026.
Google Search Central: SEO Starter Guide, https://developers.google.com/search/docs/fundamentals/seo-starter-guide
Google Search Central: Informationen zu Sitemaps, https://developers.google.com/search/docs/crawling-indexing/sitemaps/overview
web.dev: Web Vitals, https://web.dev/articles/vitals
W3C Web Accessibility Initiative: Barrierefreiheit planen und verwalten, https://www.w3.org/WAI/planning-and-managing/
W3C Web Accessibility Initiative: WCAG Überblick, https://www.w3.org/WAI/standards-guidelines/wcag/
EUR Lex: Datenschutz Grundverordnung, insbesondere Artikel 5 und Artikel 25, https://eur-lex.europa.eu/eli/reg/2016/679/oj
Bundesministerium der Justiz: § 5 Digitale Dienste Gesetz, https://www.gesetze-im-internet.de/ddg/__5.html
Bundesfachstelle Barrierefreiheit: Leitlinien zum Barrierefreiheitsstärkungsgesetz, https://www.bundesfachstelle-barrierefreiheit.de/SharedDocs/Downloads/DE/Externe-Veroeffentlichungen/bmas-leitlinien-bfsg.pdf?__blob=publicationFile
Bundesamt für Sicherheit in der Informationstechnik: Maßnahmenkatalog Ransomware, https://www.bsi.bund.de/SharedDocs/Downloads/DE/BSI/Cyber-Sicherheit/Themen/Ransomware_Massnahmenkatalog.pdf?__blob=publicationFile