So erstellen Sie eine Website für ein neues Produkt (und wie wir es gemacht haben) |

Wenn Sie noch kein Motivationsschreiben haben, beginnen Sie hier. In einem kreativen Brief wird genau beschrieben, wie Sie über Ihr Produkt oder Unternehmen sprechen möchten. Es definiert den Stimmklang Ihrer Marke, Ihre Farbpalette, Ihre Werterklärung und vieles mehr. In Ihrem Creative-Brief wird definiert, wie Ihre Website mit Kunden kommuniziert.

Sie haben möglicherweise bereits einen Creative-Brief verfasst, wenn Sie den Logo-Entwicklungsprozess durchlaufen haben. Wenn ja, können Sie das für Ihre Website einfach wiederverwenden. Wenn du noch keine Kreativaufgabe entwickelt hast, ist es jetzt an der Zeit, eine zu erstellen.

Zum Glück habe ich bereits einen ausführlichen Artikel geschrieben, der dir zeigt, wie man es macht, was Beispiele aus dem Outpost-Kreativbrief enthält Sie können sehen, wie wir unsere gebaut haben. Wenn Sie also an Ihrem Kreativauftrag arbeiten möchten, lesen Sie meinen Artikel darüber, wie wir unser Logo und seinen Kreativbrief entwickelt haben, und kommen Sie dann zurück, wenn Sie fertig sind.

Erstellen Sie eine Sitemap

Mit Ihrem Motivationsauftrag Sie werden anfangen, an Ihrer Sitemap zu arbeiten. Eine Sitemap ist einfach eine Gliederung, die alle Seiten (einschließlich ihrer Ziele und Ziele) auflistet, die Sie auf Ihrer Website einfügen möchten.

Hier ist die Sitemap, die wir für Outpost entwickelt haben:

1. 1. Home : Produktübersicht und ein "Call to Action", um sich für eine kostenlose Testversion anzumelden. Sekundäre Links zu anderen Seiten, die Features beschreiben.
   2. Features Überblick : Eine Übersicht aller Features mit Links zu detaillierten Featureseiten.
      1. Feature-Detail für Feature A: Details von Feature A.
      2. Feature-Detail für Feature B: Details von Feature B.
      3. Wiederholen für alle Features.

• Preise: Details zu Preisplänen und Links zur Anmeldung für eine kostenlose Testversion.
• Kunden: Profile erfolgreicher Kunden
• Über uns: Überblick über Wer wir sind, unser Leitbild und unsere Geschichte
• Kontakt: Kontaktinformationen, Öffnungszeiten, Standort
• Jobs: Eine Liste unserer aktuellen Stellenausschreibungen
• Datenschutzerklärung: Die Datenschutzerklärung von Outpost
• Blog: Homepage für den Blog, der aktuelle Blog-Posts auflistet.
• Blogpost: Es wird mehrere Blogposts geben. Diese Seite stellt die Vorlage für sie dar.
• Hilfe-Center: Unsere Hilfe wird von Zendesk betrieben.

Natürlich wird Ihre Website wahrscheinlich sehr anders sein als die Outpost-Sitemap. Wenn Sie zum Beispiel ein Restaurant sind, haben Sie wahrscheinlich eine oder zwei Seiten für Menüs und eine Seite für Reservierungen. Wenn Sie einen Online-Shop erstellen, haben Sie wahrscheinlich viele verschiedene Produktseiten.

Ihre Sitemap-Dokumente, so gut wie Sie können, was Ihrer Meinung nach Ihre Website enthält. Dieses kleine bisschen Planung wird den Rest der Website-Planung und -Entwicklung viel einfacher machen, so dass es die Investition in diesem frühen Stadium wert ist.

Schreiben Sie Ihre Kopie zuerst-vor dem Design

Sie werden denken, dass ich es nicht getan habe Geh nicht gleich hier bestellen. Sollten Sie Ihre Website nicht selbst entwerfen, bevor Sie darüber nachdenken, welche Wörter Sie auf die Seite stellen werden?

In der Tat ist es besser, Dinge "rückwärts" zu machen und zuerst über Ihre Website nachzudenken und dann zu entwerfen diese Kopie. Warum? Denn was Sie Ihren Kunden vermitteln möchten, ist viel wichtiger als das eigentliche Design Ihrer Website. Natürlich spielt das Design eine Rolle, und Sie möchten eine Website, die gut aussieht, aber wenn Sie Ihren Benutzern die Kernaussagen nicht mitteilen können, macht ein gutes Design den Unterschied nicht aus.

Schreiben Sie zuerst Ihre Kopie hilft auch Ihnen und potenziellen Designern zu verstehen, was jede Seite versucht zu kommunizieren. Dies führt zu einem besseren Design-Design, das Ihre Nachrichten verstärkt. Selbst wenn Sie Ihre Website mit einem Werkzeug wie Squarespace selbst erstellen, ist es eine große Zeitersparnis, zu wissen, was jede Seite zu sagen hat, bevor Sie ein Design auswählen.

Wenn es Zeit für Ihr Design ist, können Sie Sie müssen Ihre Kopie verfeinern, um sicherzustellen, dass die Dinge richtig passen, aber das ist einfacher als zu versuchen, eine Kopie für ein Design zu schreiben, das nicht für Ihre Nachrichten erstellt wurde.

Für Ihre Homepage möchten Sie wahrscheinlich eine Überschrift beschreibt genau, was Sie tun - Ihr wichtigstes Wertversprechen für Ihre Kunden. Darauf folgt eine kurze, erweiterte Beschreibung dessen, was Ihr Unternehmen tut.

Hier finden Sie die Überschrift und die erweiterte Beschreibung für Outpost, das Produkt, das wir erstellen:

Optimieren Sie Ihre freigegebenen E-Mails

Einfach verfolgen, zusammenarbeiten, und reagieren auf Nachrichten, die an generische E-Mail-Adressen gesendet werden, wie support @ oder info @.

Von da an wird die Kopie, die Sie auf Ihrer Homepage einfügen, von der Art des Unternehmens bestimmt, das Ihre Kunden sind sind und was Sie kommunizieren müssen.

Für Outpost müssen wir die wichtigsten Funktionen und Vorteile unseres Produkts kommunizieren und potenzielle Kunden ermutigen, mehr zu lernen. Wir möchten auch über unser Kundendienstteam sprechen und darüber, wie großartig sie sind.

Aber dies ist vielleicht nicht das richtige Setup für Ihre Homepage. Wenn Sie ein Restaurant sind, möchten Sie vielleicht Links zu Ihren Menüs oder Informationen über eine Reservierung haben. Jede Firma ist anders, also überlege, was du zu sagen hast, und schreibe sie auf.

Mach dir keine Sorgen, dass du mit einer leeren Seite beginnst. Entwerfe stattdessen eine Liste deiner Lieblingswebsites in deiner Branche und denke darüber nach, was dir an jeder Seite gefällt und was nicht. Welche Art von Navigation verwenden sie? Welche Seiten enthalten sie? Welche Art von Bildern verwenden sie? Sie müssen das Rad nicht neu erfinden, und die Verwendung einer bevorzugten Site als Startpunkt ist ein guter Einstieg.

Ein letzter Tipp: Weniger ist normalerweise mehr. Seien Sie nicht versucht, endlose Textabsätze für Ihre Website zu schreiben (es sei denn, Ihre Kunden erwarten dies!). Wenn Sie darauf achten, wie Sie Websites verwenden, werden Sie feststellen, dass Sie häufig Text durchlesen und nicht jedes Wort lesen. Denn so lesen die meisten Menschen Online-Skimming, statt jedes Wort zu lesen - halten Sie Ihre Kopie kurz und auf den Punkt.

Entwickeln eines Drahtmodells

Ein Drahtmodell ist ein grobes Layout Ihrer Website. Es ist nicht wirklich ein Design, genau. Es ist ein Dokument, das ungefähr zeigt, wohin die Dinge auf der Seite gehen, ohne Rücksicht auf Farbe oder andere Grafiken.

Wenn Sie mit einem Designer arbeiten, um Ihre Website zu erstellen, werden sie ein Drahtmodell für Sie als Teil des erstellen Designprozess. Wenn Sie Ihre Website selbst erstellen und einen Dienst wie Squarespace oder Shopify verwenden, können Sie ganz einfach einen Drahtgitterrahmen selbst erstellen.

Lassen Sie sich von diesem Schritt nicht einschüchtern. Sie benötigen keine speziellen Tools, um ein Drahtmodell zu erstellen. Ein Blatt Papier und ein Stift reichen aus, um jede Seite Ihrer Website zu skizzieren. Denken Sie daran, Sie entwerfen nicht, und ein Drahtmodell muss nicht hübsch sein. Es muss nur kommunizieren, was auf einer Seite passiert.

Wenn Sie Inspiration brauchen, schauen Sie sich andere Websites an, die Sie mögen, und sehen Sie sich an, wie sie die Informationen auf jeder Seite strukturieren. Es ist völlig in Ordnung, Layouts von anderen Websites zu entleihen und Anregungen für Ihre eigene Website zu finden.

Wenn Stift und Papier nicht Ihr Ding sind, können Sie mit PowerPoint oder Keynote Drahtgitter erstellen. Es gibt auch spezielle Drahtbildungswerkzeuge wie Balsamiq, die den Prozess vereinfachen.

Ich habe Outposts Homepage Drahtgitter unten eingefügt, damit Sie eine Vorstellung davon bekommen können, wie ein Drahtgitter aussieht. Sie können auch die Kopie betrachten, die wir im vorherigen Schritt erstellt haben, und eine Skizze einer Idee für ein Grafikelement, das ein Designer erstellen soll.