Wie Sie Websites erfolgreich an Ihre Kunden weitergeben

Wie Sie Websites erfolgreich an Ihre Kunden weitergeben
Lernen Sie, wie Sie Ihren Projektworkflow auf Tilda strukturieren, um langfristige Kundenbeziehungen aufzubauen.
Als Designer geht es nicht nur darum, atemberaubende Bilder oder intuitive Schnittstellen zu gestalten. Es geht auch um technisches Know-how, um Liebe zum Detail und darum, dass Sie sich wirklich um Ihre Kunden kümmern. Eine der wichtigsten Phasen eines Projekts ist die Übergabe. Sie sorgt dafür, dass der Kunde seine Website sicher verwalten kann, ohne ständig auf Ihre Unterstützung angewiesen zu sein.
Inhalt:

Was eine Übergabe der Website wirklich bedeutet

Ein typisches Website-Projekt durchläuft mehrere Phasen: Konzeption, Prototyping, Design, Entwicklung, Tests und schließlich die Übergabe. Designer erstellen eine Website oft in ihrem eigenen Tilda-Konto und übergeben sie erst dann an den Kunden, wenn alles fertig ist. Aber die Übergabe beginnt nicht erst in der letzten Phase, sondern schon viel früher. Jede Entscheidung, die Sie treffen, sollte auf ein Ziel ausgerichtet sein: eine voll funktionsfähige Website, die der Kunde allein betreiben kann.

Dazu gehört, dass Sie sicherstellen, dass alles ordnungsgemäß funktioniert (Formulare, Animationen, Warenkörbe), dass die SEO-Einstellungen vorhanden sind und dass der Kunde alle erforderlichen Anweisungen erhält. Eine ordnungsgemäße Übergabe gibt dem Kunden die Sicherheit, Inhalte wie Blogbeiträge, Zeitpläne oder Preise zu aktualisieren, ohne Angst haben zu müssen, etwas kaputt zu machen.

Warum es sich lohnt, vorausschauend zu denken

Sicher, ein Designer könnte einfach die Website erstellen und weiterziehen. Aber ein bisschen mehr Sorgfalt kann viel bewirken - sowohl für Ihre Kundenbeziehung als auch für Ihren Ruf.
Schafft Vertrauen

Kunden arbeiten gerne mit Menschen zusammen, die einen Schritt voraus denken. Eine gut organisierte Website, klar beschriftete Seiten und durchdachte Anweisungen zeigen, dass Sie ein Profi sind, der ihre Zeit (und Ihre eigene) respektiert. Diese Art von Ansatz hinterlässt einen bleibenden Eindruck: Es ist wahrscheinlicher, dass sie wiederkommen oder Sie weiter empfehlen.

Verhindert künftige Kopfschmerzen

Einfache Anleitungen und Kommentare auf der Seite helfen Ihrem Kunden, Fehler zu vermeiden und die Website sicher zu verwalten. Das bedeutet weniger panische Nachrichten und überstürzte Korrekturen.

Fördert Ihre Arbeit

Auch nach Abschluss des Projekts spricht Ihr Design weiter für Sie. Je länger die Website gut gepflegt und konsistent bleibt, desto besser spiegelt sie Ihre Fähigkeiten wider. Ein einmalig schönes Portfolioprojekt verliert an Wert, wenn zukünftige Kunden es in Unordnung sehen.
Wenn Sie also eine Website an einen Kunden übergeben, schließen Sie nicht nur dieses bestimmte Projekt ab, sondern legen auch den Grundstein für zukünftige Möglichkeiten.

Wie Sie Ihr Projekt so strukturieren, dass es für den Kunden einfach zu handhaben ist

1
Deaktivieren Sie die Indizierung und richten Sie eine temporäre Domain

ein. Nachdem Sie ein neues Projekt auf Tilda erstellt haben, müssen Sie zunächst verhindern, dass es von Suchmaschinen indiziert wird. Warum? Weil Ihr Kunde ohne die richtigen SEO-Einstellungen oder ein benutzerdefiniertes Favicon sehen könnte, dass seine Website in den Suchergebnissen mit dem falschen Seitentitel, einer generischen Beschreibung und dem Tilda-Logo anstelle des eigenen Logos angezeigt wird. Wenn eine Website vorzeitig indiziert wird, kann die Aktualisierung der Metadaten Tage oder sogar Wochen dauern.

Wie man das macht: Website-Einstellungen → SEO → Verhindern, dass Suchmaschinen diese Website indizieren.
2
Erstellen Sie eine eindeutige temporäre Domain

Während des Designprozesses werden Sie Ihrem Kunden wahrscheinlich Vorschaulinks schicken, um Feedback zu erhalten. Um Verwirrung zu vermeiden, aktualisieren Sie die automatisch generierte Standarddomäne auf etwas Klares und Wiedererkennbares. Nehmen Sie zum Beispiel statt site-3949584.tilda.ws etwas wie greenstudio.tilda.ws.

Wie das geht? Website-Einstellungen → Haupteinstellungen → Benutzerdefinierte Subdomain auf Tilda.
3
Fügen Sie benutzerdefinierte Schriftarten hinzu und richten Sie Typografie ein

Bevor Sie eine Schriftart in einem Projekt verwenden - insbesondere in einem kommerziellen Projekt - vergewissern Sie sich immer, dass sie ordnungsgemäß lizenziert ist. Die Verwendung nicht lizenzierter Schriftarten kann zu rechtlichen Problemen für Ihren Kunden führen, von Zahlungsaufforderungen bis hin zu Unterlassungserklärungen.
Tilda Sans ist eine kostenlose Schriftfamilie, die allen Tilda-Nutzern zur Verfügung steht und sich sowohl für private als auch für kommerzielle Projekte eignet. Sie ist in 7 Schnitten erhältlich - von Light bis Black - und unterstützt 134 Sprachen.
Legen Sie globale Schrifteinstellungen für Ihre Website fest. Die von Ihnen festgelegten Parameter werden automatisch auf alle Blöcke und Seiten angewendet, damit die Website optisch einheitlich bleibt. Dies ist besonders nützlich für Elemente wie Produktkarten, bei denen die Textgestaltung nicht manuell angepasst werden kann.

So gehen Sie vor: Website-Einstellungen → Schriftarten und Farben.
4
Halten Sie die Dinge im Dashboard organisiert

Um Ihren Kunden die Navigation durch die Website-Struktur zu erleichtern, verwenden Sie die in Tilda integrierten Organisationstools – Ordner, Kommentare und Beschriftungen.

Ordner eignen sich hervorragend zum Gruppieren verwandter Seiten. Beispielsweise können alle Seiten, die sich auf einen Produktkatalog beziehen, in einem Ordner „Katalog” abgelegt werden.

So geht's: Seiteneinstellungen → Zusätzliche → Neuen Ordner erstellen.

Profi-Tipp: Erstellen Sie einen Ordner „Archiv“ für Entwürfe oder Seiten, die Ihr Kunde (zumindest vorerst) nicht verwenden möchte. Markieren Sie ihn in den Einstellungen als Archivordner, damit diese Seiten nicht veröffentlicht werden. Auf diese Weise können Sie sie leicht wiederherstellen, falls der Kunde seine Meinung ändert.

Angenommen, Sie haben eine Seite mit Bewertungen erstellt, aber der Kunde war noch nicht bereit, sie zu veröffentlichen. Wenn er später zurückkommt und Bewertungen hinzufügen möchte, holen Sie die Seite einfach aus dem Archiv und veröffentlichen Sie sie mit einem Klick.
Wenn Sie neu bei No-Code-Lösungen sind, verwenden Sie diesen exklusiven Promo-Code, um einen Monat lang den Tilda Personal Plan anstelle der üblichen 2-wöchigen Testversion zu erhalten.

Seitenkommentare erleichtern es, den Zweck jeder Seite zu erkennen. Wenn eine Seite beispielsweise den Titel „Reach Out 24/7” trägt, aber eigentlich ein Kontaktformular ist, fügen Sie einen Kommentar wie „Kontaktseite” hinzu, um dies deutlich zu machen. Kommentare sind nur im Dashboard sichtbar.

Labels fungieren als Tags für Seiten. Sie können Seiten wie „Über uns“, „Bewertungen“ und „Kontakte“ unter einem Label namens „Unternehmensinfo“ gruppieren. Durch Klicken auf ein Label werden alle Seiten mit diesem Tag angezeigt – sehr hilfreich bei der Arbeit an großen Websites.

Wenn Sie an einer großen Website mit Hunderten von Seiten arbeiten, ist es wichtig, ein klares Beschriftungssystem zu erstellen, damit Ihr Kunde leicht durch die Seiten navigieren kann. Fügen Sie unbedingt eine kurze Anleitung bei, in der die Gruppierungslogik hinter den Labels erklärt wird – sei es nach Abschnitt, User Journey, Inhaltstyp oder etwas anderem –, damit die Struktur auch ohne Ihre direkte Hilfe verständlich ist.
Wussten Sie das?
Tilda verfügt über ein integriertes Notizentool , Tilda Docs, mit dem Sie die Projektdokumentation als Teil Ihrer Website-Übergabe einfach erstellen und organisieren können.


Um eine Beschriftung festzulegen, gehen Sie zu Seiteneinstellungen → Zusatz → Kommentar für Seite / Beschriftung.
5
Verwenden Sie Alias-Blöcke für sich wiederholende Inhalte

Sobald die Website live ist, möchte der Kunde vielleicht wiederkehrende Elemente wie ein Kontaktformular oder einen Stundenplan aktualisieren. Machen Sie es ihm leicht, indem Sie Alias-Blöcke für wiederkehrende Abschnitte verwenden.

Ein Alias-Block ist eine gespiegelte Kopie eines Originalblocks. Wenn Sie das Original aktualisieren, erscheinen die Änderungen überall dort, wo der Alias-Block verwendet wird, nachdem Sie die Website erneut veröffentlicht haben. Auf diese Weise ist es einfach, die Dinge auf dem neuesten Stand zu halten, ohne jede Seite manuell bearbeiten zu müssen.
Alias-Blöcke tragen auch dazu bei, die Konsistenz der gesamten Website zu wahren und das Risiko von Layout-Problemen bei Inhaltsaktualisierungen zu verringern.

So gehen Sie vor: Blockbibliothek → Sonstiges → Alias-Block (T213).
6
Laden Sie ein Favicon hoch

Lassen Sie das Favicon nicht aus - es ist ein kleines, aber wirkungsvolles Detail, das Ihre Website sofort wiedererkennbar macht. Favicons werden in Browser-Tabs, Lesezeichen und Suchergebnissen angezeigt und helfen Benutzern, Ihre Website schnell zu erkennen. Ohne Favicons sieht die Website unfertig aus und geht leicht zwischen offenen Tabs verloren.

Denken Sie auch daran: Viele Nutzer surfen im dunklen Modus oder auf dem Handy. Sie können verschiedene Versionen Ihres Favicons hochladen, um sicherzustellen, dass es auf jedem Hintergrund gut aussieht.

So geht's: Website-Einstellungen → SEO → Favicons → Verwalten.
7
Legen Sie eine Standard-Hintergrundfarbe fest

Auf Tilda ist der Standard-Hintergrund auf der Editor-Leinwand weiß, aber das wird nicht automatisch auf die Live-Website übertragen. Wenn Sie keine Standard-Hintergrundfarbe zuweisen, können Blöcke auf bestimmten Geräten oder im dunklen Modus transparent erscheinen. Kunden wissen das nicht, und wenn sie später neue Blöcke hinzufügen, kann das die visuelle Konsistenz der Website beeinträchtigen. Das Festlegen einer Standard-Hintergrundfarbe sorgt für ein konsistentes Design und verhindert diese Art von visuellen Fehlern.

So gehen Sie vor: Website-Einstellungen → Schriftarten und Farben.
8
Fügen Sie Badges hinzu

Ein Badge, das oft auch als Open Graph-Bild bezeichnet wird, definiert, wie Ihr Link erscheint, wenn er in Messaging-Apps oder sozialen Medien geteilt wird. Ohne sie könnte die Plattform ein zufälliges Bild oder einen Textschnipsel einfügen, was oft unordentlich und verwirrend aussieht.

Diese Abzeichen werden pro Seite festgelegt, nicht für die gesamte Website. Vergessen Sie also nicht, sie auf allen wichtigen Seiten hinzuzufügen.

So geht's: Seiteneinstellungen → Abzeichen.
9
Alle Formulare testen

Verbinden Sie Ihr Formulare an einen Datenerfassungsdienst wie E-Mail, Google Sheets oder ein CRM und stellen Sie sicher, dass alles richtig funktioniert. Vergewissern Sie sich, dass Formularübermittlungen durchgehen, und zeigen Sie Ihrem Kunden, wie die übermittelten Nachrichten aussehen werden. Auf diese Weise wissen sie genau, wo sie nach neuen Anfragen suchen müssen und verpassen keine wichtigen Nachrichten.

Tipps:
  • Senden Sie ein Testformular und bitten Sie den Kunden, den Empfang zu bestätigen.
  • Richten Sie für eCommerce-Websites Bestellbestätigungs-E-Mails ein, damit die Kunden die Kaufdetails erhalten.
  • Fügen Sie eine benutzerdefinierte Erfolgsmeldung hinzu oder leiten Sie nach dem Absenden des Formulars zu einer "Danke"-Seite weiter.
Wie man das macht: Website-Einstellungen → Formulare.
10
Richten Sie grundlegende SEO-Einstellungen ein

Sobald das Design fertig ist, ist es an der Zeit, Ihre SEO-Einstellungen zu optimieren. Dadurch wird die Website schneller und genauer in den Suchergebnissen angezeigt. Konfigurieren Sie mindestens Folgendes: Titel und Beschreibung für jede Seite.

Der Titel ist das, was in Browser-Tabs und Suchmaschinenergebnissen angezeigt wird. Er sollte einzigartig und relevant sein und Ihre wichtigsten Schlüsselwörter enthalten. Die Beschreibung ergänzt den Titel und gibt eine Zusammenfassung des Seiteninhalts.

Wenn Sie Meta-Tags weglassen, wird es für die Website schwieriger, in Suchmaschinen gut platziert zu werden.
Bild-Tags

Alt-Tag ist der Text, der ein Bild beschreibt. Er erscheint, wenn ein Bild nicht geladen werden kann, und hilft den Nutzern zu verstehen, was angezeigt werden sollte. Alt-Text verbessert auch die Suchmaschinenoptimierung - wenn Sie Schlüsselwörter einschließen, kann das Bild in den Ergebnissen der Bildersuche erscheinen.

Title-Tag ist eine QuickInfo, die angezeigt wird, wenn ein Benutzer den Mauszeiger über das Bild bewegt. Er ist nützlich, wenn ein Bild zusätzliche Erklärungen benötigt.

Bild-Tags verbessern die Suchmaschinenoptimierung und machen Ihre Website für Nutzer mit Sehbehinderungen besser zugänglich.
H1- und H2-Überschriften

Diese Tags helfen bei der Strukturierung Ihres Inhalts nach Wichtigkeit. Der H1-Titel ist die Hauptüberschrift einer Seite - er hebt die wichtigsten Informationen hervor. Sie sollten nur einen H1-Tag pro Seite verwenden. Der H2-Titel ist eine Unterüberschrift, die den H1-Tag unterstützt und den Seiteninhalt in lesbare Abschnitte gliedert. Suchmaschinen verwenden Überschriften, um die Hierarchie Ihres Inhalts zu verstehen und um festzustellen, wie gut er mit den Suchanfragen der Benutzer übereinstimmt.

Auf dieser Seite lautet die H1 beispielsweise "Wie Sie Websites erfolgreich an Ihre Kunden übergeben", und die H2 sind die Abschnittsüberschriften wie "Was eine Website-Übergabe wirklich bedeutet" und "Warum es sich lohnt, vorauszudenken".
Wie man Überschriften-Tags setzt: Einstellungen des Blocks → SEO: Title Tag.

Vergessen Sie nicht, die Indizierung zu aktivieren, sobald die Website startklar ist.
11
Testen Sie auf verschiedenen Geräten

Ihre Website kann auf verschiedenen Geräten unterschiedlich aussehen und sich unterschiedlich verhalten. Stellen Sie sicher, dass sie auf verschiedenen Bildschirmgrößen gut funktioniert. Verwenden Sie Emulatoren, um verschiedene Haltepunkte zu testen, oder, noch besser, prüfen Sie sie auf echten Geräten, wann immer dies möglich ist.

Stellen Sie sicher, dass Schaltflächen anklickbar sind, Text lesbar ist und nichts im Layout oder in der Navigation kaputt geht.
12
Übertragen Sie das Projekt auf das Konto des Kunden

Sie können ein Projekt nur auf ein bezahltes Tilda-Konto übertragen. Projekte können nicht auf kostenlose Tarife übertragen werden. Vergewissern Sie sich also, dass Ihr Kunde ein aktives Abonnement hat, bevor Sie mit der Übertragung beginnen.

So geht's: Website-Einstellungen → Aktionen → Website übertragen.
Nach der Übertragung loggen Sie sich in das Konto des Kunden ein und akzeptieren das Projekt. Verbinden Sie dann Tilda CRM mit dem Konto des Kunden - es ist mit dem Benutzerkonto verknüpft, nicht mit dem Projekt.
Selbst wenn Ihr Kunde nur Formularanfragen per E-Mail erhalten möchte, ist Tilda CRM eine großartige Unterstützung. Es speichert alle eingehenden Leads, hilft bei zukünftigen E-Mail-Kampagnen und stellt sicher, dass keine Anfrage verloren geht.

So geht's: Website-Einstellungen → Formulare → Tilda CRM.
13
Video-Tutorials aufzeichnen

Erstellen Sie kurze Video-Tutorials, um Ihren Kunden zu zeigen, wie sie ihre Website verwalten können - wie sie Inhalte ändern, Produktinformationen aktualisieren oder Textblöcke optimieren. Das erleichtert den Einstieg, reduziert Fehler und spart Ihnen Zeit bei der Beantwortung wiederholter Fragen.

Tipps:
  • Halten Sie die Videos kurz und fokussiert, z. B. "Wie ändere ich Text" oder "Wie füge ich ein Produkt hinzu".
  • Verwenden Sie Tools wie OBS Studio oder Loom für die Bildschirmaufzeichnung.
  • Wenn der Kunde mehrere Administratoren hat, erstellen Sie eine versteckte Seite mit allen Videos an einem Ort.

Weitere Expertentipps zur Weitergabe von Websites

Arbeiten Sie in Ihrem eigenen Konto
Auch wenn der Kunde bereits ein Tilda-Konto hat, beginnen Sie das Projekt in Ihrem Konto. Das hält den Arbeitsablauf sauber und sicher und verhindert, dass Kunden das Projekt mitten in der Entwicklung bearbeiten oder es kopieren.
Erstellen Sie eine "Website-Info"-Seite
Fügen Sie diese auf einer versteckten Seite des Projekts oder auf einer öffentlichen Tilda Docs-Seite ein. Führen Sie Ihre Kontaktinformationen, den Entwickler der Website und Links zu Anleitungen auf. So können Kunden Sie leichter finden, wenn sie in Zukunft Unterstützung benötigen.
Bieten Sie fortlaufende Unterstützung an:
Bieten Sie an, die Website auf dem neuesten Stand zu halten, egal ob es sich um eine einmalige Anfrage oder um einen Vertrag handelt. Kunden haben oft keine Zeit, die Inhalte selbst zu verwalten, und die laufende Pflege stellt sicher, dass die Website aktuell und funktional bleibt.
Nutzen Sie das Tilda Empfehlungsprogramm
Wenn sich Ihr Kunde über Ihren Empfehlungslink anmeldet, erhalten Sie Bonusguthaben. Diese können Sie für Ihr Tilda-Abonnement oder zukünftige Projekte verwenden.

Wenn Ihnen der Artikel gefallen hat, teilen Sie ihn mit Ihren Freunden. Vielen Dank dafür!

Lesen Sie auch:
Kostenloses Kursbuch über das Entwerfen, Einrichten und Betreiben von
Landing Pages mit hoher Konversionsrate
Mehr erfahren

Kostenloser praktischer Leitfaden für Webanimation mit Beispielen und Techniken,

und Tipps zu ihrer Verwendung

Erkunden Sie