Design-Arbeitsplatz von oben mit Laptop, Notizbuch und Skizzen als Symbol für den Website-Planungsprozess

Designprozess

Webdesign-Ablauf | Vom ersten Gespräch bis zum Launch

Yance führt jedes Webprojekt nach einem standardisierten Acht-Phasen-Modell durch. Sie arbeiten direkt mit einer festen Ansprechperson, und alle Änderungen werden laufend synchronisiert. Mit über 100 realisierten Websites und einer typischen Projektdauer von 14 bis 21 Arbeitstagen erhalten Sie hier einen klaren Überblick darüber, wie die Zusammenarbeit tatsächlich abläuft.

Die Beratung ist kostenlos und unverbindlich. Antwort meist innerhalb eines Arbeitstags.

Scroll

Das Wichtigste auf dieser Seite

  • Detaillierte Erklärung der acht Produktionsphasen inklusive Zeitrahmen, Deliverables und Freigabepunkten
  • Transparenter, nachvollziehbarer Ablauf mit jederzeit einsehbarem Fortschritt im Testsystem
  • Direkt zu Projektlaufzeit oder Mitwirkung & Materialien springen
Ablauf

Die acht Phasen der Website-Produktion

Jedes Webdesign-Projekt durchläuft bei uns acht klar definierte Arbeitsschritte. Vom ersten Gespräch bis zum Livegang gibt es in jeder Phase feste Ergebnisse, Kontrollpunkte und Freigaben. So wissen Sie zu jedem Zeitpunkt, was als Nächstes passiert und wie weit Ihr Projekt fortgeschritten ist.

1

Briefing und Projektkonzept

Die Qualität einer Website entscheidet sich schon in der Anforderungsphase. Deshalb führt Yance zu Beginn ein ausführliches Online-Gespräch, in dem Zielgruppe, Positionierung, Funktionen, Wettbewerb und Geschäftsziele präzise erfasst werden. Innerhalb von drei Arbeitstagen erhalten Sie daraus ein vollständiges Projektdokument mit Leistungsumfang, Funktionsdefinition, Zeitplan und Angebot.

Ergebnis: Projektkonzept + Angebot + Funktionsspezifikation
2

Informationsarchitektur und Seitenstruktur

In dieser Phase definieren wir Seitenanzahl, Inhaltslogik, Navigationswege und Conversion-Pfade. Mithilfe einer Sitemap legen wir die Gesamtstruktur fest und bestimmen für jede Seite die Reihenfolge, Priorität und Position der Inhalte. Außerdem planen wir die CTAs und die mobile Informationshierarchie, damit die Website auf allen Geräten klar und zielgerichtet funktioniert.

Ergebnis: Sitemap + Seitenarchitektur + Nutzerführung
3

Startseitendesign und Freigabe

Statt auf Vorlagen zu setzen, entwickelt Yance zunächst eine vollständige Startseite auf Basis Ihrer Markenidentität. Sie prüfen damit Gestaltung, Texte, Bildsprache, Interaktionen und Layout in einem realen Kontext. Nach der Freigabe definieren wir daraus die übergreifenden Gestaltungsregeln für Buttons, Formulare und Inhaltsmodule, damit alle weiteren Seiten konsistent umgesetzt werden.

Ergebnis: Vollständiges Startseitendesign + visuelle Gestaltungsrichtlinien
4

Frontend-Entwicklung

Nach Freigabe der Startseite werden alle weiteren Seiten mit semantischem HTML5 und CSS3 umgesetzt. Dabei optimieren wir konsequent nach den Google Core Web Vitals, unter anderem mit WebP-Bildformaten, korrekten Bildgrößen, Preloading wichtiger Ressourcen und Lazy Loading. Responsives Design für Desktop, Tablet und Smartphone ist dabei standardmäßig enthalten.

Ergebnis: Responsive Seiten + Performance-Testbasis
5

Backend-Integration und Funktionsentwicklung

Sobald das Frontend steht, folgt die Integration in WordPress. Wir richten unter anderem benutzerdefinierte Inhaltstypen, Kontaktformulare, SEO-Plugins, Google Analytics, Tag Manager, OG-Bilder, Favicon und strukturierte Daten ein. Alle neuen Funktionen werden laufend in der Testumgebung aktualisiert, sodass Sie den Projektstand jederzeit direkt prüfen können.

Ergebnis: Voll funktionsfähige Testumgebung + Backend-Zugang
6

Tests und Korrekturen

Vor dem Launch durchläuft die Website einen strukturierten QA-Prozess mit Browser-Tests, Geräte-Tests, Performance-Checks und SEO-Prüfungen. Wir kontrollieren Formulare, 404-Seiten, SSL-Konfiguration, strukturierte Daten und Alt-Texte. Die Ergebnisse werden als Prüfliste dokumentiert, damit Sie die finale Freigabe auf einer klaren Grundlage erteilen können.

Ergebnis: Cross-Device-Testbericht + QA-Checkliste
7

Launch und Einführung

Nach Ihrer Freigabe geht die Website live. Gleichzeitig reichen wir die Sitemap bei der Google Search Console ein und richten die wichtigsten Analysetools ein. Sie erhalten außerdem eine kurze Einführung in die häufigsten Backend-Aufgaben wie Beiträge, Bilder, Formulare und kleinere Seitenanpassungen.

Ergebnis: Live geschaltete Website + Backend-Einführung
8

Laufende Betreuung und technischer Support

Mit dem Launch beginnt die operative Phase Ihrer Website. Yance bietet 14 Tage technische Gewährleistung nach Übergabe, in denen technische Fehler kostenfrei behoben werden. Darüber hinaus unterstützen wir bei Wartung, WordPress-Updates, Plugin-Kompatibilität, Sicherheitsüberwachung, Backups und Performance-Monitoring. Kundinnen und Kunden mit Wartungspaket erhalten priorisierten Support.

Ergebnis: 14 Tage Gewährleistung + Hosting-/Wartungssupport + priorisierte Hilfe
Team bespricht Website-Architektur und Designplanung anhand ausgelegter Unterlagen

Diese acht Phasen bilden den vollständigen Webdesign-Ablauf von Yance. Jede Phase hat klar definierte Ergebnisse und Abnahmekriterien, damit Sie an allen wichtigen Entscheidungspunkten eingebunden bleiben und den aktuellen Projektstand jederzeit nachvollziehen können. Im nächsten Abschnitt sehen Sie die voraussichtlichen Produktionszeiten der einzelnen Pakete.

Entwickler arbeitet an der Tastatur am Quellcode der Website
Zeitplan

Projektzeitplan und Kennzahlen

Wie lange dauert es vom Vertragsabschluss bis zum Go-live? Hier sehen Sie die durchschnittlichen Produktionstage und die wichtigsten Kennzahlen der Yance-Pakete. Die Werte basieren auf abgeschlossenen Projekten der letzten zwei Jahre, darunter Unternehmensseiten für KMU, E-Commerce-Plattformen und Markenwebsites.

0
Produktionszeit Basispaket
(Arbeitstage)
0
Produktionszeit Aufbaupaket
(Arbeitstage)
0
Produktionszeit Premium-Paket
(Arbeitstage)
0%
Pünktliche Projektabgabe

Detaillierte Zeitverteilung je Phase

Die folgende Tabelle zeigt die geschätzten Arbeitstage pro Produktionsphase für jedes Paket. Anhand der Seitenanzahl und Funktionskomplexität können Sie damit den voraussichtlichen Gesamtzeitraum Ihres Projekts einschätzen. Das Basispaket passt meist zu Unternehmensseiten mit bis zu 5 Seiten, das Aufbaupaket zu Markenwebsites mit 6 bis 10 Seiten und das Premium-Paket zu Projekten ab 11 Seiten oder mit E-Commerce-Funktionen. Für eine genauere Terminplanung beraten wir Sie gern kostenlos.

Projektphase Basispaket Aufbaupaket Premium-Paket
Briefing und Konzeption 2–3 Tage 3–4 Tage 4–5 Tage
Informationsarchitektur und Wireframes 2–3 Tage 3–4 Tage 5–7 Tage
Visuelles Designkonzept 3–4 Tage 5–6 Tage 7–10 Tage
Frontend-Umsetzung 4–5 Tage 6–8 Tage 10–12 Tage
Backend-Anbindung und Funktionen 3–4 Tage 5–6 Tage 8–10 Tage
Tests und Korrekturen 2–3 Tage 3–4 Tage 4–5 Tage
Gesamt (Arbeitstage) 16–22 Tage 25–32 Tage 38–49 Tage

Die genannten Zeiträume enthalten nicht die Wartezeiten für die Bereitstellung und Freigabe von Kundenseiten. Die tatsächliche Dauer wird je nach Projektkomplexität angepasst; das konkrete Lieferdatum wird im Vertrag festgehalten. Wenn Logo, Texte und Produktfotos bereits im Briefing vorliegen, verkürzt sich der Ablauf häufig um 3 bis 5 Arbeitstage. Größere Websites über den genannten Umfang hinaus planen wir individuell mit einem maßgeschneiderten Zeitplan.

Designer bespricht am Laptop die visuelle Richtung der Website
Yance stimmt in Projektgesprächen Designrichtung und Markenwirkung gemeinsam mit dem Kunden ab.
Doppelmonitor-Arbeitsplatz mit Website-Layout und Wireframes
Frontend-Entwickler überführt das Design in eine responsive Website.
"

Eine gute Website ist das Ergebnis von gemeinsamer Arbeit zwischen Designer und Kunde. Sie bringen Branchenwissen und Markenmaterial mit, wir verwandeln diese Grundlage in ein digitales Erlebnis, das Besucher überzeugt. Je enger die Zusammenarbeit, desto reibungsloser läuft das Projekt und desto präziser transportiert das Ergebnis Ihre Markenwerte. Die besten Webprojekte entstehen aus offener, effizienter Kommunikation – deshalb hat jedes Projekt bei uns klare Kommunikationszeiten und verbindliche Rückmeldeschritte.

— Yance

Sobald Sie sich für die Zusammenarbeit entschieden haben, erläutern wir im ersten Meeting die vollständige Vereinbarung: Rechte und Pflichten beider Seiten, Fristen für die Bereitstellung von Materialien in jeder Phase und den genauen Ablauf für Korrekturen. Transparente Regeln sorgen dafür, dass wir unsere Energie in die Qualität des Projekts stecken statt in Abstimmungsprobleme.

Zusammenarbeit

Was sollten Sie vor Projektstart vorbereiten?

Wenn die folgenden Materialien frühzeitig bereitstehen, verkürzt sich die Wartezeit deutlich und Ihr Projekt bleibt im Zeitplan. Unten haben wir drei typische Materialkategorien mit konkreten Vorgaben zusammengefasst, damit Sie schnell prüfen können, was bereits vorhanden ist.

Marken-Grundlagen

Bereiten Sie Ihre Logo-Quelldatei vor (AI-Vektordatei oder freigestellte PNG-Datei mit mindestens 500 px Auflösung), dazu die Markenfarbcodes (Hex oder Pantone) und einen kurzen Unternehmensprofiltext mit etwa 200 bis 500 Wörtern. Falls Sie bereits Flyer, Visitenkarten oder ein Corporate-Design-Manual haben, schicken Sie diese bitte ebenfalls mit – so kann der Designer Ihre Markenstimmung und visuelle Sprache schneller erfassen.

Logo-Datei Markenfarben Unternehmensprofil

Bild- und Textinhalte

Empfohlen sind hochauflösende Fotos Ihrer Produkte oder Dienstleistungen mit mindestens 1200 px Breite und über 72 dpi im JPG- oder PNG-Format sowie erste Textentwürfe für die einzelnen Seiten. Verwenden Sie möglichst echte Aufnahmen statt Stockbilder, weil authentische Fotos mehr Vertrauen bei Besuchern schaffen. Falls noch keine Texte vorliegen, bietet Yance auf Wunsch einen SEO-orientierten Content-Service an, der Texte passend zu Ihrer Branche und Zielgruppe erstellt.

Hochauflösende Fotos Textinhalte Produktinfos

Kommunikation & Freigaben

Yance nutzt LINE als primären Kommunikationskanal. Nach jeder abgeschlossenen Phase erhalten Sie eine Freigabenachricht mit Prüf-Link. Bitte senden Sie Feedback zu jedem Abnahmepunkt innerhalb von drei Arbeitstagen zurück, damit sich das Projekt nicht verzögert. Besonders das Design der Startseite stimmen wir mehrfach mit Ihnen ab; erst wenn Gestaltung, Inhalte, Stil, Layout und Funktionen passen, beginnen wir mit den Folgeseiten. Idealerweise reichen Sie Änderungswünsche als stichpunktartige Liste und – wenn möglich – mit markierten Screenshots ein.

LINE-Abstimmung Antwort in 3 Tagen Mehrfache Freigabe

Falls Sie noch nicht sicher sind, welche Unterlagen Sie vorbereiten müssen, ist das kein Problem. Nach Ihrer Kontaktaufnahme begleiten wir Sie persönlich durch die Vorbereitungsphase und stellen Ihnen eine übersichtliche Material-Checkliste zur Verfügung. Sie können sich vorab auch unsere Pakete und Preise ansehen oder unter Referenzen prüfen, welche Ergebnisse andere Unternehmen bereits mit uns erreicht haben.

Kostenlose Beratung anfragen
Tablet zeigt Wireframe-Entwurf, daneben liegen Notizbuch und Schreibmaterial
Von der Anforderungsbesprechung bis zur finalen Freigabe wird jede Designentscheidung gemeinsam mit dem Kunden abgestimmt.
FAQ

Häufige Fragen zum Webdesign-Ablauf

Hier finden Sie sieben Fragen, die Kunden im Beratungsgespräch besonders häufig stellen. Wenn Sie weitere Fragen haben, schreiben Sie uns gern direkt per LINE oder über das Kontaktformular. In der Regel antworten wir innerhalb eines Arbeitstags.

Das hängt vom Umfang des gewählten Pakets ab. Das Basispaket dauert etwa 14 Arbeitstage, das Aufbaupaket rund 21 Arbeitstage und das Premium-Paket etwa 35 Arbeitstage. Diese Zeiträume enthalten nicht die Wartezeit für die Bereitstellung von Materialien und Freigaben auf Kundenseite. Das verbindliche Lieferdatum wird im Vertrag festgehalten. Wenn Logo, Texte und Produktfotos bereits vor dem Briefing vorliegen, lässt sich der Zeitplan oft um 3 bis 5 Arbeitstage verkürzen. Falls Sie einen festen Launch-Termin haben, zum Beispiel für eine Messe oder Produktvorstellung, prüfen wir beim Vertragsabschluss gern eine Expressplanung.

Yance arbeitet mit einem klaren Phasenmodell für Korrekturen: 2 Freigaberunden für das Design, 2 Runden in der Seitenentwicklung und 1 Runde bei der finalen Abnahme – insgesamt also 5 Korrekturschleifen, die bereits im Vertragspreis enthalten sind. Zuerst gestalten wir eine Seite zur Abstimmung von Stil und Designrichtung. Erst nach Ihrer Freigabe setzen wir die restlichen Seiten um. Bitte reichen Sie Änderungswünsche jeweils gesammelt ein; wir bearbeiten sie in der Regel innerhalb von 3 bis 5 Arbeitstagen. Änderungen außerhalb des vereinbarten Umfangs werden vorab angeboten. Technische Bugs, Browserkompatibilitätsprobleme oder Abweichungen von unserer Umsetzung zählen nicht als Korrekturrunde. Alle Anpassungen erfolgen auf der Testumgebung und beeinflussen die Live-Seite nicht.

Empfohlen sind hochauflösende Fotos Ihrer Produkte oder Dienstleistungen mit mindestens 1200 px Breite sowie erste Textentwürfe für die einzelnen Seiten. Wenn noch keine finalen Texte vorhanden sind, können Sie bei Yance einen professionellen Content-Service mit SEO-Ausrichtung dazubuchen. Die Inhalte werden dann auf Ihre Branche, Zielgruppe und Markenwirkung abgestimmt. Bei Bildern sind echte Aufnahmen klar besser als generische Stockfotos, weil sie mehr Vertrauen schaffen. Für das Logo benötigen wir idealerweise eine AI-Vektordatei oder eine freigestellte PNG-Datei mit mindestens 500 px Auflösung, damit Farben und Layout exakt umgesetzt werden können.

Nach der Übergabe gilt eine technische Gewährleistungsfrist von 14 Tagen. In diesem Zeitraum beheben wir technische Bugs ohne zusätzliche Kosten. Danach werden Inhaltsänderungen oder neue Funktionen je nach Umfang separat angeboten. Das Hosting- und Wartungspaket umfasst Updates für WordPress-Core und Plugins, Sicherheitsüberwachung, wöchentliche Backups und ein 24/7-Performance-Monitoring. Kunden mit Wartungsvertrag erhalten priorisierten Support; Nachrichten an Werktagen beantworten wir in der Regel noch am selben Tag. Ohne Wartungsvertrag bleibt die Website funktionsfähig, regelmäßige Updates von WordPress und Plugins werden aus Sicherheitsgründen jedoch dringend empfohlen.

Ja. Alle Pakete enthalten responsives Webdesign ohne Aufpreis. Wir gestalten und testen die Website für drei zentrale Breakpoints: Desktop ab 1280 px, Tablet von 768 bis 1024 px und Smartphone von 375 bis 480 px. So stellen wir sicher, dass die Nutzung auf jedem Gerät flüssig und leicht bedienbar bleibt. Vor dem Livegang prüfen wir die Website zusätzlich in Chrome, Safari, Edge und Firefox sowie auf iOS und Android. Die Ergebnisse dokumentieren wir strukturiert in einer QA-Checkliste.

Ja. Zum Livegang erhalten Sie eine kurze Einführung per Nachricht oder Telefon, in der wir zeigen, wie Sie im WordPress-Backend Beiträge anlegen, Bilder austauschen und Kontaktformulare verwalten. Die Oberfläche ist intuitiv, sodass keine Programmierkenntnisse nötig sind. Typische Änderungen wie ein neuer Blogbeitrag oder der Austausch eines Hero-Banners dauern meist nur wenige Minuten. Wenn später Fragen auftauchen, können Sie jederzeit Unterstützung per LINE anfordern.

Ja. In allen Paketen sind grundlegende SEO-Einstellungen enthalten, darunter optimierte Meta-Tags, strukturierte Daten nach Schema.org, ALT-Texte für Bilder, semantisches HTML5 sowie die Erstellung und Einreichung einer Sitemap bei der Google Search Console. Die Aufbau- und Premium-Pakete umfassen zusätzlich Keyword-Recherche, Wettbewerbsanalysen und Performance-Optimierungen wie Bildkomprimierung, Lazy Loading und Code-Verschlankung. Nach dem Launch unterstützen wir außerdem bei der Einrichtung von Google Analytics und Google Tag Manager, damit Sie das Nutzerverhalten laufend auswerten können.

Projekt starten

Sie kennen jetzt den Ablauf –
starten wir Ihr Projekt?

Von der Anforderungsanalyse bis zum Livegang begleitet Yance Sie durch den gesamten Prozess.
Ob neue Markenwebsite oder Relaunch einer bestehenden Seite – buchen Sie gern eine kostenlose Beratung und erzählen Sie uns von Ihrem Vorhaben.
Die Beratung ist unverbindlich und ohne Verkaufsdruck. Auch wenn Sie noch nicht fest entschieden sind, erhalten Sie bereits professionelle Empfehlungen für Ihre Webstrategie.

Digitale Vertragsunterzeichnung möglich (DocuSign / Dropbox Sign) | Zahlung per Wise, PayPal-Kreditkarte (+5 %), USDT oder Banküberweisung in Taiwan