Mein Webdesign Prozess: Vom Erstkontakt zur fertigen Website

Ein effektiver und effizienter Webdesign Prozess ist sehr wichtig, um ein Projekt rechtzeitig und mit der bestmöglichen Qualität abzuschließen.

Meine Erfahrungen und Misserfolge in der Vergangenheit haben mir dabei geholfen, einen Webdesign Prozess zu entwickeln, der inzwischen sowohl für mich als auch für meine Kund*innen sehr gut funktioniert.

‍

Die 3 wesentlichen Phasen für ein optimales Kundenerlebnis

Der gesamte Webdesign Prozess besteht aus 3 Phasen: vor dem Projektstart, während des Projekts und nach dem Projekt. Diese 3 Phasen sind entscheidend, um dem Kunden vom Projektstart bis zum Projektabschluss eine optimale Nutzererfahrung zu bieten.

In diesem Artikel werde ich im Detail auf diese 3 Phasen eingehen und meine genauen Schritte, Strategie und Erfahrungen teilen:

‍

Phase 1: Was passiert vor dem Projektstart?

1. Projektanfrage

Der erste Schritt ist eine Projektanfrage, der Kunde füllt das Formular mit den notwendigen Informationen aus und ich entscheide dann, ob ich dem Kunden wirklich helfen kann und ob eine Zusammenarbeit für beide Seiten sinnvoll ist.

2. Erstgespräch

Wenn ich dem Kunden helfen kann und eine Zusammenarbeit sinnvoll ist, vereinbaren wir ein Erstgespräch, um uns gegenseitig kennenzulernen und die Wünsche und Ziele besser zu verstehen.

3. Angebot

Wenn ich die Ziele & Wünsche des Kunden verstanden habe, unterbreite ich ihm ein Angebot, entscheidet er sich für eine Zusammenarbeit, kann das Projekt beginnen.

‍

Phase 2: Was passiert nach dem Projektstart?

1. Discovery Call

In diesem Meeting (ca. 60 min) gehe ich mit dem Kunden die unten stehenden Fragen durch. Diese Fragen helfen mir, die Ziele & Wünsche im Detail zu verstehen, um die besten Ergebnisse liefern zu können.

• Welche Produkte/Dienstleistungen werden angeboten?
• Wer ist die Zielgruppe?
• Was sind die Ziele des Projekts? (Mehr Kundenanfragen, Vertrauen aufbauen ...)
• Welcher CTA soll auf der Website vorhanden sein? (Erstgespräch, Formular ...)
• Was unterscheidet dich von der Konkurrenz?
• Welche Funktionalitäten sollen auf der Website vorhanden sein?
• Welche Seiten sollen auf der Website vorhanden sein?
• Gibt es spezielle Designvorgaben wie Schriftarten/Farben?
• Bis wann soll die Website fertiggestellt sein?

2. Strategie & Sitemaps

Nachdem ich die Ziele des Kunden genau verstanden habe, geht es an die Strategie: Hier wird genau definiert, welche Abschnitte / Funktionen die Website haben muss, um Ihre Ziele zu erreichen. Diese werden in einer Sitemap aufgelistet.

3. Moodboard & Wireframes

Nun, da eine klare Struktur für die einzelnen Abschnitte vorhanden ist, geht es weiter mit den Wireframes, in denen das grundlegende Layout für alle Abschnitte der Website festgelegt wird. Dies dient dazu, dass der Kunde oder der Copywriter (mehr dazu in Schritt 4) weiß, wo welche Texte vorbereitet werden müssen.

4. Content

Wenn die Wireframes fertig sind, können die Texte vorbereitet werden. Diese kommen entweder vom Kunden selbst oder von einem Freelancer aus meinem Netzwerk. Die Kosten für den Freelancer sind je nach Absprache mit dem Kunden bereits im Angebot enthalten. In diesem Schritt kümmern wir uns auch um alle Fotos und Illustrationen, die für die Website benötigt werden.

5. Webdesign

Sobald das Konzept der Website (Sitemap, Wireframes, Inhalte) feststeht, kann mit dem Webdesign begonnen werden. Hier werden die Brand Guidlines (Farben, Schriften...) berücksichtigt (falls vorhanden), ansonsten werden diese anhand des Moodboards und der Wünsche des Kunden festgelegt.

6. Webflow Entwicklung

Nachdem das fertige Webdesign fertiggestellt und vom Kunden freigegeben wurde, geht es an die Webflow-Entwicklung: Die Website wird mit dem Client-First-System von Finsweet entwickelt, um eine klare Struktur und Performance der Website zu erreichen.

7. Test & Launch

Sobald die Website fertig entwickelt und alle Inhalte eingepflegt sind, werden alle Unterseiten auf verschiedenen Browsern und Geräten getestet, um mögliche Darstellungsfehler zu identifizieren und zu beheben. Wenn die Website alle Tests bestanden hat, kann die Website online gehen!

‍

Phase 3: Was passiert nach Abschluss des Projekts?

Bug-Free-Garantie

Auf Wunsch gebe ich eine Bug-Free-Garantie, dass die Website bis zu 12 Monate nach dem Launch einwandfrei funktioniert (sofern der Kunde nicht selbst Änderungen vornimmt). Webflow ist in der Regel absolut wartungsarm und man kann mit großer Sicherheit davon ausgehen, dass eine Website langfristig wartungs- und fehlerfrei betrieben werden kann.

Weiterempfehlungen

Da ich im Discovery Call die Wünsche des Kunden genau analysiert und verstanden habe, kann ich ihm bei Bedarf jemanden aus meinem Netzwerk empfehlen, der ihm in bestimmten Bereichen (SEO, Marketing...) weiterhelfen kann, um sicherzustellen, dass er seine Ziele erreichen kann. Es ist also sehr wichtig zu verstehen, was der Kunde wirklich braucht, um sicherzustellen, dass man ihm helfen kann, seine Ziele zu erreichen, denn in vielen Fällen ist eine Website allein nicht die Lösung.

‍

Welche Tools benutze ich?

- Figma (Wireframes & Webdesign)
- Webflow (Website-Entwicklung)
- Calendly (Terminvereinbarung mit Kunden)
- Gmail, Slack & WhatsApp Business (Kommunikation)
- Google Drive (Cloud-Speicher und Dateifreigabe)
- Notion (Projektmanagement)