Das Schreiben von Webdesign-Vorschlägen ist ein langwieriger, eintöniger Prozess. Es ist eine Menge Arbeit, die am Ende vielleicht nicht viel bringt.

Wie die meisten Kreativen würden Sie wahrscheinlich lieber Zeit damit verbringen, tatsächlich zu arbeiten, als potenzielle Kunden durch Verkaufstrichter zu drängen. Wenn Sie sich jedoch nicht die Zeit nehmen, an Ihren Vorschlägen zu arbeiten, sind Sie und Ihr Unternehmen in einer Gurke.

Als erfahrener Designer sind Sie mehr als in der Lage, Websites zu entwerfen — aber wie komfortabel verkaufen Sie sie? Gewinnen Sie so viel Geschäft, wie Sie sein könnten?

Ihr Projektvorschlag kann ein Make-or-Break-Faktor bei Landing-Design-Projekten sein, daher ist es entscheidend, das Handwerk zu beherrschen. In diesem Beitrag zeigen wir Ihnen die acht Abschnitte, die jeder Website-Designvorschlag haben muss, und geben Ihnen eine kostenlose Vorlage, mit der Sie heute mehr Arbeit gewinnen können.

Gehen wir in:

• Vorstellung
• Darstellung des zu lösenden Problems
• Erläuterung der Lösung
• Projektübersicht
• Gliederung des Prozesses
• Erläuterung der nächsten Schritte
• Lieferung der Kosten
• Tipps und Tricks zur Präsentation Ihres Vorschlags

Stellen Sie sich vor

Projektvorschläge sollen Kunden helfen zu verstehen, was sie bekommen in—nicht überwältigen sie mit Details.

(Legen Sie Ihren Vorschlag mit InVision Freehand aus.)

Ihre Einführung sollte (leicht) die Gespräche widerspiegeln, die Sie bereits über die Bedürfnisse des Kunden geführt haben sollten. Informationen, die Sie möglicherweise angeben möchten, sind:

• Kundenname
• Projekttitel (das Problem wird gelöst)
• Name und Titel Ihres Ansprechpartners
• Ihr Name und Titel
• Datum der Einreichung

Hier ist ein Beispiel für einen guten Einführungsabschnitt:

Problemübersicht

Nachdem Sie sich dem Interessenten vorgestellt haben, ist das erste Element, das in einem erfolgreichen Webdesign-Vorschlag folgt, die Problemübersicht. Der Kunde sollte dies lesen und wissen:

• Es gibt ein Problem oder eine Gelegenheit für sein Geschäft, die er nicht nutzt.
• Sie haben ein vollständiges, tiefes Verständnis für ihre Probleme und ihre Bedürfnisse.

Wenn Sie die Kernprobleme Ihres Kunden verstehen, können Sie sowohl Ihre Verantwortlichkeiten als auch den Umfang des Projekts definieren. Dies gibt dem Kunden einen Grund, an Sie und Ihren Prozess zu glauben.

Die besten Webdesign-Vorschläge sind diejenigen, die die Bedürfnisse und Notwendigkeiten des Kunden in den Mittelpunkt stellen und dem Interessenten das Gefühl geben, dass Sie seine Probleme lösen können. Zum Beispiel:

Lösungsübersicht

Nachdem Sie Zeit damit verbracht haben, die Unternehmensgeschichte zu recherchieren und mit Stakeholdern zu sprechen, sollten Sie ihr Problem verstehen und mit der Formulierung einer Lösung beginnen. Es liegt in Ihrer Verantwortung, die geschäftlichen Vorteile Ihrer Designpraxis zu erläutern.

(Schauen Sie sich das Design Maturity Model von InVision an)

Indem Sie die positiven Auswirkungen des Designs auf ihre Probleme mithilfe der Geschäftssprache erklären, positionieren Sie sich als Schlüsselfigur für den zukünftigen Geschäftserfolg. Sie können beispielsweise den Wert demonstrieren, indem Sie erklären, wie das neue Design den Umsatz steigern und das Branding verbessern kann.

Tipp: Versuchen Sie bei der Präsentation Ihrer Ideen und potenziellen Lösungen, die Gespräche zu antizipieren, die der Interessent wahrscheinlich in seiner Organisation führt, welche Sprache er verwendet, und lassen Sie Ihren Lösungsabschnitt tief in Ihr Wissen über sein Problem eintauchen. Zurück zu unserem vorherigen Beispiel:

Deliverables

Hier müssen Sie genau skizzieren, was Sie im Rahmen des Projekts liefern werden.

Dies ist ein wichtiger Abschnitt, aber mehr für das, was Sie ausschließen, als für das, was Sie einschließen. Scope Creep ist ein häufiges Problem beim Website-Design, insbesondere wenn Sie mit relativ unerfahrenen kleinen Unternehmen arbeiten, und es kann nur durch klare Ziele und Erwartungen verhindert werden.Zum Beispiel können Sie zustimmen, ihnen eine Website zu entwerfen, aber dann erkennen, dass sie kein Logo haben. Was machen Sie? Sie benötigen ein Logo auf ihrer Website zu setzen, so entwerfen Sie es?

Hier ist ein Beispiel:

Die Prozessübersicht

Sobald Sie das Problem, die Lösung und die Ergebnisse klar umrissen haben, wird der nächste Abschnitt einen tiefen Einblick in die Ausführung geben und skizzieren, wie Sie die Website erstellen und das Problem des Kunden lösen werden.

In diesem Abschnitt möchten Sie:

• Skizzieren Sie die verschiedenen Schritte im Prozess
• Skizzieren Sie einen grundlegenden Zeitplan, damit der Kunde weiß, wann er mit jedem Ergebnis rechnen muss
• Skizzieren Sie Ihre Erwartungen an den Kunden, damit er weiß, was er tun muss und wann er dem Projekt helfen kann, auf Kurs zu bleiben

Der Prozess des Entwurfs und der Erstellung einer Website sieht für jeden Kunden anders aus und hängt von vielen verschiedenen Faktoren ab. Das Schlimmste, was Sie tun können, ist, einen kundenspezifischen Schritt in Ihrer Gliederung zu verpassen und ihre Erwartungen mitten im Projekt zurückzusetzen – und unweigerlich Zeit und Geld zu verlieren.

Um dies zu vermeiden, finden Sie hier eine Liste typischer Schritte im Website-Entwicklungsprozess, die Sie in Betracht ziehen sollten:

• Forschung (Benutzer, Wettbewerber usw.)
• Wireframing
• Sitemaps
• Erste Designs sowie etwaige Überarbeitungen
• Entwicklung
• Einrichtung und Konfiguration des CMS
• Testen und Qualitätssicherung auf Browsern und Geräten
• Schulung

Hier ist ein Beispiel für einen gründlichen Prozessabschnitt:

Die Kosten

In diesem letzten Abschnitt wird oft ein Webdesign—Vorschlag gewonnen – oder verloren.

Bevor Sie überhaupt mit der Arbeit an Ihrem Vorschlag beginnen, fragen Sie Ihren Kunden, wie hoch sein Gesamtbudget ist. Während dies beängstigend sein kann und Sie das Gefühl haben, dass Sie in eine Linie eingreifen, sind Sie es nicht. Es ist nicht ungewöhnlich, dass ein Interessent Gebote mit einer vorher festgelegten Zahl im Kopf abgibt.

(Optimieren Sie Ihre Kundenarbeit mit InVision).)

Das Budget des Interessenten offen zu besprechen, bevor der Vorschlag erstellt wird, ist für Sie beide ein positives Szenario. Dieses Gespräch wird ihnen helfen, ein Budget für das Projekt zu entwickeln, und es wird Sie auch wissen lassen, ob sich das Projekt für Sie finanziell lohnt oder nicht, bevor Sie sich die harte Arbeit machen, einen Vorschlag zu entwickeln.

Während Sie vielleicht ein Wahrsager sind und ihr Budget erraten, werden Sie meistens überschießen und sich komplett aus dem Rennen nehmen. Oder Sie werden sich so stark unterbewerten, dass Sie eine Menge Geld zurücklassen.

Sobald Sie das Budget des Kunden haben, sollte Ihr Webdesign-Vorschlag die Aufschlüsselung der Kosten auf klare und schmackhafte Weise für Ihren Interessenten darstellen.

Es ist oft hilfreich, es an den Prozess zu binden, den Sie durchlaufen werden (insbesondere, wenn Sie einen Stundensatz oder eine Projektgebühr berechnen, die auf Stunden basiert). Dies macht es für Interessenten sehr einfach zu verstehen, wie die verschiedenen Aspekte des Projekts zusammenkommen, um die Gesamtkosten zu bilden.

Hier ist ein Beispiel:

Sie können Tools wie InVision Studio, InDesign oder sogar Photoshop verwenden, um schöne Preistabellen wie die oben genannten zu modellieren, oder Sie können eine einfachere in Word oder Google Docs erstellen, wenn Sie dort Ihren Vorschlag schreiben.

Alternativ machen es spezielle Vorschlagswerkzeuge wie Qwilr einfach, schöne Preislayouts wie dieses zu erstellen. Sie können sogar bestimmte Abschnitte oder Werbebuchungen optional machen, damit Ihr Interessent auswählen kann, ob er diesen zusätzlichen Upsell (dh die Übermittlung an Suchmaschinen) wünscht, was Ihnen helfen kann, bei jedem Projekt ein bisschen mehr zu verdienen.

Aufruf zum Handeln

Jetzt, da alle Informationen verfügbar sind, einschließlich der Ergebnisse, des Prozesses und der Kosten, ist es an der Zeit, den Interessenten zu den nächsten Schritten aufzufordern: Ihren Vorschlag anzunehmen und das Projekt zu starten, t.

Im Idealfall möchten Sie ihm die Möglichkeit geben, den Vorschlag sofort anzunehmen und zu unterschreiben. Wenn Sie Ihren Vorschlag als PDF, Word oder Google Doc senden, kann dies etwas schwierig sein, da sie nicht wirklich über integrierte Akzeptanz- oder Signaturfunktionen verfügen.

Um dies zu lösen, können Sie Folgendes tun:

• Bitten Sie den Interessenten, Ihnen eine E-Mail mit der Aufschrift „Bitte fahren Sie fort“ zu senden.
• Link zum Vertrag (oder einer anderen verbindlichen Vereinbarung) in einem Tool wie Docusign, mit dem sie akzeptieren und unterschreiben können.

Wenn Sie alternativ ein spezielles Vorschlagswerkzeug verwenden, kann Ihr Interessent den Vorschlag direkt von dort aus akzeptieren und unterschreiben.

Hier ist ein Beispiel:

Was auch immer Sie tun, zwingen Sie Ihren potenziellen Kunden nicht, Ihren Vorschlag auszudrucken, zu unterschreiben, zu scannen und zurückzusenden. Dies ist zeitaufwändig, insbesondere wenn jemand keinen sofortigen Zugriff auf einen Drucker hat, und Untersuchungen zeigen, dass dies die Zeit, die zum Signieren von Dokumenten benötigt wird, erheblich verlängert.

(Außerdem ist es nicht umweltfreundlich.)

Bonus-Tipps

Senden Sie Ihren Vorschlag als Webseite

Wenn Sie Ihre Vorschläge in einem Dokumentformat wie PDF senden, machen Sie es möglicherweise falsch. Schließlich wurde das PDF im selben Jahrzehnt wie der Palm Pilot erfunden, und ich kann mir nicht vorstellen, dass Sie einen Palm Pilot mehr verwenden.

Wenn Sie Ihren Vorschlag als Webseite anstatt als PDF senden, erhalten Sie die folgenden Vorteile:

• Responsivität: Webseiten reagieren, was bedeutet, dass sie auf allen Desktop-, Tablet- und Mobilgeräten gut aussehen. Da heutzutage die meisten E-Mails auf mobilen Geräten geöffnet werden, stellen Sie sicher, dass Ihre Leads eine großartige Erfahrung mit Ihrem Vorschlag haben.
• Sicherheit: Webseiten können nicht nur passwortgeschützt sein, sondern Sie können auch Zeitlimits hinzufügen, die sicherstellen, dass Ihre Vorschläge nach einem bestimmten Datum nicht mehr angezeigt werden können, sowie Ansichtslimits, sodass sie nur eine bestimmte Anzahl von Malen angezeigt werden können. Sie können sogar von potenziellen Kunden verlangen, dass sie sich mit ihrer geschäftlichen E-Mail-Adresse anmelden, bevor Sie die Seite anzeigen, um sicherzustellen, dass nur die richtigen Personen sie sehen.
• Interaktivität: Auf Webseiten können interaktive Inhalte wie Video, Audio, Karten, Formulare, Tabellenkalkulationen, InVision-Prototypen und mehr eingebettet sein. Sie können sogar Dinge wie Preisrechner hinzufügen, mit denen potenzielle Kunden sehen können, wie die Preise aussehen würden, wenn sie diesen zusätzlichen Upsell hinzufügen.
• Nachverfolgbarkeit: Jede Interaktion Ihrer Leads mit einer Webseite kann nachverfolgt werden, sodass Sie sehen können, wann sie Ihren Vorschlag anzeigen, wie lange, welche Inhalte sie anzeigen, von wo aus sie anzeigen und vieles mehr.
• Zugänglichkeit: Da Webseiten klares HTML-Markup verwenden, können Accessibility—Tools wie Screenreader herausfinden, welcher Inhalt sich auf der Seite befindet – was bedeutet, dass die 50 Millionen Amerikaner, die eine Behinderung haben, keine Probleme haben, auf Ihre Vorschläge und Dokumente zuzugreifen (und Sie werden nicht in Konflikt mit dem Office for Civil Rights geraten).
• Bearbeitbarkeit: Im Gegensatz zu einer PDF-Datei können Webseiten jederzeit bearbeitet werden, auch nachdem Sie sie an den Interessenten gesendet haben. Wenn Sie also feststellen, dass Sie einen Tippfehler gemacht haben, können Sie ihn schnell ändern, bevor es jemand bemerkt.

Tools wie Qwilr machen es einfach, Ihre Angebote und andere Verkaufs- und Marketingdokumente als Webseiten zu erstellen. Sie verwenden die WYSIWYG-Oberfläche, um Ihrem Vorschlag Text, Fotos, Videos, Prototypen und mehr hinzuzufügen, und wenn Sie fertig sind, senden Sie Ihrem potenziellen Kunden einfach einen Link per E-Mail, anstatt ein PDF anzuhängen.

Beginnen Sie mit einer Vorlage

Genau wie UI-Kits und CMS-Themes Ihnen einen Vorsprung beim Entwerfen und Erstellen von Websites verschaffen, gibt es einige großartige Vorlagen für Website-Designvorschläge, wie diese von Qwilr, die Ihnen einen Vorsprung bei der Erstellung eines großartigen Vorschlags verschaffen können.

Sie enthalten vorgefertigte Inhalte wie die oben genannten Abschnitte, schöne Bilder, Preistabellen und mehr und können die Zeit, die Sie zum Erstellen und Senden von Vorschlägen benötigen, erheblich verkürzen.

(Schauen Sie sich die Vorschlagsvorlage hier an.)

Recyceln Sie Ihre besten Inhalte

Es ist wahrscheinlich, dass Sie im Laufe Ihrer Karriere viele Website-Design-Vorschläge schreiben werden, und es macht keinen Sinn, jedes Mal bei Null anzufangen.

Daher empfehle ich, einen oder mehrere der folgenden Schritte auszuführen:

• Speichern Sie Vorschläge, die Ihnen gefallen, an einem speziellen Ort: Wenn Sie einen Vorschlag erstellt haben, den Sie für besonders gut halten, speichern Sie ihn an einem speziellen Ort, anstatt ihn nur tief in Ihrem unorganisierten Google Drive oder Ihrer Dropbox zu belassen. Auf diese Weise können Sie, wenn Sie einen weiteren Vorschlag erstellen müssen, problemlos darauf zurückkommen, einige Änderungen vornehmen und ihn abschicken.
• Speichern Sie Abschnitte, die Sie nicht viel ändern: Es gibt bestimmte Abschnitte von Website-Design-Vorschlägen, die sich von Vorschlag zu Vorschlag nicht viel ändern. Dinge wie ‚Über uns‘ und ‚Unser Team‘ sind großartige Beispiele, und selbst der Abschnitt ‚Kosten‘ kann oft ziemlich ähnlich sein, wenn Sie immer wieder ähnliche Arten von Projekten durchführen. Erstellen Sie also eine kleine Swipe-Datei (auch wenn sie sich nur in einem Google Doc- oder Word-Dokument befindet), in die Sie einige dieser wiederverwendbaren Inhalte einfügen, und kopieren Sie sie dann einfach und fügen Sie sie in Zukunft in neue Vorschläge ein.

Nagel den Vorschlag

Das Schreiben von Webdesign-Vorschlägen für Gewinner kann zweifellos Zeit und Ressourcen beanspruchen. Wenn Sie jedoch anfangen, über Ihre Vorschläge nachzudenken, als wären Sie ein Endbenutzer, und die tatsächliche Benutzererfahrung Ihrer Verkaufsprospektion optimieren, können Sie Ihre Bemühungen in einen soliden Vertriebskanal verwandeln.

Mit ein wenig Zeit und Einfallsreichtum kann die Überarbeitung Ihrer Webdesign-Vorschläge Ihre Abschlussrate dramatisch verbessern. Überarbeiten Sie Ihre Dokumente noch heute mit den oben beschriebenen Abschnitten und schließen Sie Geschäfte ab! Um einen Vorsprung zu erhalten, finden Sie hier einen Link zu einer kostenlosen Vorlage für Website-Designvorschläge.