Website dem Kunden praesentieren: Eine Schritt-fuer-Schritt-Anleitung fuer Freelancer

Website dem Kunden praesentieren: Eine Schritt-fuer-Schritt-Anleitung fuer Freelancer

Die Art, wie du einem Kunden eine Website praesentierst, bestimmt die Qualitaet des Feedbacks, das du zurueckbekommst. Ein Staging-Link, den du mit "Sag mir Bescheid, was du denkst" in eine E-Mail wirfst, lockt reaktives, verstreutes Feedback hervor. Eine strukturierte Praesentation, selbst eine einfache, erzeugt fokussierte, brauchbare Rueckmeldungen, die zu weniger Korrekturrunden und schnellerer Freigabe fuehren. Diese Anleitung zeigt dir genau, wie du in jeder Phase eines Projekts eine Website praesentierst, vom ersten Entwurf bis zur finalen Freigabe.

Warum der Moment der Praesentation entscheidend ist

Die meisten Freelancer behandeln das Praesentieren einer Website als Nebensache: Du baust das Ding, du schickst den Link, du wartest. Aber der Moment der Praesentation ist tatsaechlich einer der hebelstaerksten Punkte im gesamten Projekt.

Wenn Kunden eine Website ohne Kontext erhalten, reagieren sie auf ihren ersten Eindruck, und der ist emotional und unfokussiert. Sie bemerken die Farbe, die sich leicht falsch anfuehlt, uebersehen die Navigationsstruktur, ueber die du eine Woche lang nachgedacht hast, und schicken dir ein dreiseitiges Feedback, bei dem es eigentlich nur um einen Button geht.

Wenn Kunden eine Website mit Kontext erhalten, also einer kurzen Erklaerung, was sie sehen, worauf sie achten sollen und mit welchem Mechanismus sie Feedback hinterlassen, gehen sie an die Arbeit als Mitgestalter heran statt als Kritiker. Die Feedback-Qualitaet steigt, die Anzahl der Runden sinkt.

Schritt 1: Waehle das richtige Format fuer die Phase

Unterschiedliche Projektphasen verlangen nach unterschiedlichen Praesentationsformaten.

Fruehe Entwurfsphase (Wireframes, Stilrichtung): Halte es schlank. Ein kurzes Loom-Video (3 bis 5 Minuten), in dem du deine Gedanken durchgehst, ist in dieser Phase wirksamer als ein Live-Call. Der Kunde kann es ansehen, wann er bereit ist, pausieren und in Ruhe pruefen. Schicke im Anschluss einen visuellen Feedback-Link fuer schriftliche Kommentare hinterher.

Review mitten im Projekt (erster vollstaendiger Entwurf oder Staging-Build): Das ist das Hauptereignis. Ein Live-Call funktioniert hier gut: Ihr geht die Seite gemeinsam durch, du erklaerst die Entscheidungen und holst Reaktionen in Echtzeit ein. Lass auf den Call einen dotts-Link folgen, damit schriftliches Feedback strukturiert ist und an konkreten Elementen verankert wird.

Review in der Spaetphase (nahezu finale Version): Hier funktioniert Async gut. Teile einen visuellen Feedback-Link mit klarem Fokus: "Das ist die nahezu finale Version. Bitte konzentriere dich auf alles, was vor dem Go-live noch geaendert werden muss: Textfehler, alles, was auf deinem Geraet kaputt ist, oder alles, was sich falsch anfuehlt. In dieser Phase nehmen wir keine strukturellen Aenderungen mehr vor."

Schritt 2: Setze den Kontext, bevor du den Link teilst

Teile niemals einen Staging-Link ohne eine kurze Kontext-Nachricht. Das ist eine der wirkungsvollsten Gewohnheiten, die du dir aneignen kannst, und sie dauert zwei Minuten.

Eine gute Kontext-Nachricht beantwortet vier Fragen:

• Was sehen sie? (Welche Seiten, welche Version)
• Worauf sollen sie sich konzentrieren? (In welcher Review-Phase wir uns befinden)
• Worauf sollen sie sich nicht konzentrieren? (Platzhaltertexte, noch nicht finalisierte Bilder)
• Bis wann brauchst du das Feedback?

Beispiel:

"Hier ist der erste vollstaendige Build zur Pruefung: [Link]. Er umfasst die Startseite sowie die Seiten Ueber uns, Leistungen und Kontakt. In dieser Phase konzentriere dich bitte auf Layout, Gesamteindruck und darauf, ob die Inhalte korrekt sind. Texte und Schriften finalisieren wir noch nicht. Platzhalterbilder sind mit [BILD] markiert. Feedback-Deadline: Donnerstag. Du musst kein Konto anlegen, klick einfach auf alles, was du ansprechen willst, und hinterlasse einen Kommentar."

Diese Nachricht zu schreiben dauert 90 Sekunden und beseitigt die haeufigsten Ursachen fuer unfokussiertes Feedback.

Schritt 3: Nutze ein visuelles Feedback-Tool, keine E-Mail

Sobald du den Kontext gesetzt hast, ist der Feedback-Mechanismus die andere Haelfte der Gleichung. E-Mail laedt zu Beschreibungen ein. Ein visuelles Tool laedt zu Praezision ein.

Mit dotts teilst du einen Link, der die Staging-Seite im Review-Modus oeffnet. Der Kunde klickt irgendwo auf die Seite, eine Ueberschrift, einen Abschnitt, einen Button, und hinterlaesst einen Kommentar, der genau an dieser Stelle angeheftet ist. Du siehst eine Pin-Karte mit allem, was markiert wurde, und jeder Kommentar ist an genau dem Pixel verankert, das gemeint war.

Der Unterschied in der Feedback-Qualitaet ist erheblich. Statt "das Hero sieht komisch aus" bekommst du einen Pin auf dem Hero-Bild mit der Notiz: "Dieses Foto wirkt zu generisch, koennen wir eines aus unserem Buero verwenden?". Statt "irgendwas auf der Kontaktseite" bekommst du einen Pin auf dem Formular mit "Die Farbe des Absende-Buttons passt nicht zu unserer Marke."

Jeder Kommentar enthaelt ausserdem automatisch den Browser und die Bildschirmgroesse des Kunden, was wichtig ist, wenn er Layout-Probleme meldet, die du auf deinem eigenen Setup nicht reproduzieren kannst.

Schritt 4: Geht es gemeinsam durch (wenn moeglich)

Bei groesseren Meilensteinen ist ein Live-Walkthrough die Zeit wert. Nicht weil der Kunde nicht selbst pruefen koennte, sondern weil das Gespraech waehrend eines Walkthroughs Dinge ans Licht bringt, die es nie in schriftliches Feedback schaffen.

Kunden zoegern, bestimmte Dinge aufzuschreiben. Sie denken "dieser ganze Abschnitt fuehlt sich falsch an", schreiben aber "vielleicht den Abstand etwas anpassen?". In einem Live-Call kommt dieser Instinkt ganz natuerlich heraus, und du kannst das eigentliche Problem angehen statt nur das Symptom.

Eine gute Struktur fuer einen Walkthrough:

1. Setze den Rahmen: "Ich gehe mit dir die Gedanken hinter jedem Abschnitt durch, bevor wir ueber Aenderungen sprechen."
2. Erklaeren, nicht nur zeigen: Sag ihnen, warum du die Entscheidungen getroffen hast, die du getroffen hast. Das verhindert, dass rein geschmacksgetriebenes Feedback strategische Entscheidungen ueberstimmt.
3. Hole Reaktionen Abschnitt fuer Abschnitt ein: Lass Feedback nicht bis zum Schluss anstauen. Mach nach jedem Abschnitt eine Pause und frag: "Fuehlt sich das richtig an? Irgendwas hier?"
4. Halte nach dem Call alles schriftlich fest: Schicke eine Zusammenfassung dessen, was besprochen und vereinbart wurde, und teile den dotts-Link fuer schriftliche Ergaenzungen.

Schritt 5: Zeige, wie "gut" aussieht

Kunden, die noch nie mit einem Designer gearbeitet haben, wissen nicht, worauf sie achten sollen. Bevor du um Feedback bittest, sag ihnen, wie gutes Feedback aussieht.

Eine kurze Notiz in deiner Praesentations-Nachricht genuegt:

"Hilfreiches Feedback klingt beim Pruefen so: 'Die Ueberschrift auf der Leistungsseite spiegelt nicht wider, was wir tatsaechlich tun, so wuerden wir es beschreiben.' Weniger hilfreiches Feedback klingt so: 'Mach es moderner.' Wenn sich etwas falsch anfuehlt, versuch zu beschreiben, was das Gefuehl ist, statt die Loesung, das Wie uebernehme ich."

Das ist nicht herablassend, wenn es als praktischer Leitfaden formuliert ist. Die meisten Kunden schaetzen es wirklich, zu wissen, was nuetzlich ist. Und es verbessert drastisch, was du zurueckbekommst.

Schritt 6: Trenne strukturelles Feedback von Feinschliff

Einer der haeufigsten Fehler bei Praesentationen ist, alle Arten von Feedback gleichzeitig einzuladen. Wenn ein Kunde sich einen ersten Entwurf ansieht und du fragst "Was haeltst du davon?", kommentiert er die Farbe eines Buttons und die Schriftstaerke im selben Atemzug wie "eigentlich glaube ich, wir brauchen hier eine voellig andere Seitenstruktur."

Das sind unterschiedliche Kategorien von Feedback mit voellig unterschiedlichen Auswirkungen auf deinen Zeitplan. Halte sie getrennt:

• Runde 1: Struktur, Layout, Inhalt: Loest das das richtige Problem? Stimmt die Informationsarchitektur?
• Runde 2: Visueller Feinschliff: Fuehlt sich das Styling richtig an? Ist irgendetwas inkonsistent oder nicht markenkonform?
• Runde 3 (vor dem Launch): Textgenauigkeit, QA, alles Kaputte: nichts Strukturelles.

Kommuniziere diese Phasen bei jeder Praesentation ausdruecklich. "Wir sind in Runde 2, strukturelle Entscheidungen sind fixiert. Wonach wir jetzt suchen, ist alles im Styling, das angepasst werden muss."

Schritt 7: Beende die Praesentation mit einem klaren naechsten Schritt

Jede Praesentation sollte mit einem ausdruecklichen Action-Item enden, entweder vom Kunden oder von dir. Lass eine Praesentation nie offen enden.

Wenn du async teilst: "Bitte hinterlasse dein Feedback bis [Datum] am Link. Ich bestaetige dir, wenn ich es erhalten habe, und teile einen Zeitplan fuer die Umsetzung der Aenderungen."

Nach einem Live-Call: "Ich schicke dir eine Zusammenfassung von allem, was wir besprochen haben, sowie einen Link fuer zusaetzliches schriftliches Feedback. Kannst du das bis [Datum] pruefen und bestaetigen?"

Nach der finalen Runde: "Sobald du bestaetigst, dass alles bereit ist, gehe ich zur Launch-Checkliste ueber. Gibt es noch etwas, bevor wir weitermachen?"

Der ausdrueckliche naechste Schritt schafft eine klare Uebergabe und verhindert, dass das Projekt in einem undefinierten Review-Zustand haengen bleibt.

Reales Beispiel: Welchen Unterschied eine strukturierte Praesentation macht

Kira ist freiberufliche Webdesignerin, die frueher Staging-Links per E-Mail mit einem Einzeiler verschickt hat: "Hier ist die erste Version, sag mir, was du denkst."

Ihre durchschnittlichen Korrekturrunden: 3,5. Ihre durchschnittliche Zeit vom ersten Entwurf bis zur Freigabe: 6 Wochen.

Sie aenderte eine Sache: Sie begann, mit jedem Link eine zweiseitige Kontext-Nachricht zu schreiben, wechselte fuer das Sammeln von Feedback zu dotts und gab jeder Praesentation einen Runden-Fokus ("In Runde 1 geht es um Struktur, nicht um Styling").

Ihre durchschnittlichen Korrekturrunden: 1,8. Zeit bis zur Freigabe: 3,5 Wochen. Gleiche Qualitaet der Arbeit. Anderer Prozess.

Die Kunden haben sich nicht geaendert. Die Arbeit hat sich nicht geaendert. Die Praesentation schon.

Fazit

Eine Website gut zu praesentieren geht nicht um Inszenierung oder Hochglanz, es geht darum, dem Kunden den Kontext und die Werkzeuge zu geben, dir nuetzliches Feedback zu geben. Eine kurze Rahmen-Nachricht, ein visueller Feedback-Link, ein klarer Runden-Fokus und ein ausdruecklicher naechster Schritt. Das ist das ganze System. Es dauert 10 Minuten, es einzurichten, und spart Stunden pro Projekt.

FAQ

Wie praesentiere ich einem Kunden zum ersten Mal eine Website?

Beginne mit einer kurzen Kontext-Nachricht, die erklaert, was sie sehen, worauf sie achten sollen und bis wann du Feedback brauchst. Teile einen visuellen Feedback-Link (wie dotts), damit sie direkt auf Elemente klicken koennen, statt sie in einer E-Mail zu beschreiben. Bei groesseren Meilensteinen erwaege einen kurzen Loom-Walkthrough, bevor du um schriftliches Feedback bittest.

Sollte ich eine Website live oder async praesentieren?

Beides funktioniert, je nach Phase. Live-Calls sind wertvoll fuer das erste Review eines vollstaendigen Entwurfs, denn das Gespraech bringt Dinge ans Licht, die es nicht in schriftliches Feedback schaffen. Async funktioniert gut fuer spaetere Runden, wenn die meisten Entscheidungen fixiert sind. Eine gute Faustregel: Live-Call fuer die erste Praesentation, async mit einem visuellen Feedback-Link fuer die folgenden Runden.

Wie hindere ich Kunden daran, vages Feedback zu meiner Website-Praesentation zu geben?

Sag ihnen, wie gutes Feedback aussieht, bevor sie es geben. Eine kurze Notiz in deiner Praesentations-Nachricht ("hilfreiches Feedback beschreibt, was sich falsch anfuehlt, nicht die konkrete Loesung") veraendert die Qualitaet dessen, was zurueckkommt. Kombiniert mit einem visuellen Feedback-Tool (damit sie auf das klicken, was sie meinen) loest das die andere Haelfte des Vagheitsproblems.

Was ist das beste Tool, um einem Kunden eine Website fuer Feedback zu teilen?

dotts ist die schlankste Option fuer Freelancer. Kunden oeffnen den Link und klicken direkt auf Elemente, um zu kommentieren, ohne Konto. Geraete- und Browserdaten werden automatisch erfasst. Es funktioniert auf Live-Websites, PDFs und Bildern.

Wie viele Feedback-Runden sollte eine Website-Praesentation umfassen?

Zwei Runden sind fuer die meisten Projekte Standard. Runde 1 deckt Struktur und Inhalt ab, Runde 2 den visuellen Feinschliff. Eine finale QA-Runde vor dem Launch ist separat. Lege die Anzahl in deinem Vertrag fest und kommuniziere sie bei jeder Praesentation, damit Kunden den Umfang kennen.

Wie gehe ich mit einem Kunden um, der Feedback ausserhalb der Praesentationsstruktur schickt?

Erkenne es an, dokumentiere es und leite es in den richtigen Kanal um: "Danke, koenntest du das am Feedback-Link ergaenzen, damit ich es schriftlich habe und nicht verliere?" Bei Feedback, das ausserhalb der enthaltenen Korrekturrunden eintrifft, vermerke es klar: "Das liegt ausserhalb unserer aktuellen Runde, ich nehme es ins Change-Log auf."

Wie bringe ich einen Kunden dazu, eine Website freizugeben und das Projekt tatsaechlich abzuschliessen?

Frag nach jeder Runde ausdruecklich: "Bitte bestaetige, dass wir bereit sind weiterzumachen, oder sag mir, ob es noch etwas zu klaeren gibt." Nach der finalen Runde: "Alles ist startklar fuer den Launch, vorbehaltlich deiner Bestaetigung. Bitte antworte, um fortzufahren." Ausdrueckliche Freigabe-Formulierungen schliessen Projekte ab, stillschweigende Freigabe-Annahmen halten sie unbegrenzt offen.

Mach deine naechste Kundenpraesentation reibungsloser. [Teste dotts kostenlos →](https://dotts.se)

Weiterfuehrende Artikel

• Wie du einem Kunden eine Website fuer Feedback teilst (richtig gemacht)
• Der Revisionsprozess im Webdesign: So managst du Kundenrevisionen, ohne die Kontrolle zu verlieren
• Wie du die Freigabe eines Kunden fuer eine Website bekommst: Der komplette Leitfaden fuer Freelancer
• Das beste Website-Feedback-Tool fuer Freelancer: Ein Leitfaden ohne Schnickschnack