Ein potenzieller Kunde hat Sie gerade gebeten, eine Website zu entwerfen, aber wo fangen Sie an? Es gibt einen bestimmten Prozess, mit dem Sie sicherstellen können, dass das Projekt reibungslos verläuft. Es spiegelt den Standard-Grafikdesign-Prozess wider und umfasst nur wenige website-spezifische Schritte.
Als Grafikdesigner können Sie das gesamte Design einschließlich der Codierung selbst übernehmen. Möglicherweise möchten Sie jedoch auch ein Team zusammenstellen, um Sie bei den Details zu unterstützen. Ein Webentwickler und ein SEO-Experte können wertvolle Ergänzungen für Ihr Projekt sein.
Forschung
Wie bei den meisten Designprojekten besteht der erste Schritt beim Erstellen einer Website in der Durchführung von Recherchen. Einige dieser Untersuchungen werden mit dem Kunden durchgeführt, um die Bedürfnisse seiner Kunden zu verstehen. Sie müssen auch mehr über ihre Branche und Wettbewerber erfahren.
Wenn Sie sich mit Ihrem Kunden treffen, müssen Sie so viel wie möglich herausfinden, um Ihnen bei der Entwicklung einer Gliederung der Website zu helfen und sie gegebenenfalls zu entwerfen. Dazu gehört das Erfragen der Zielgruppe, der Ziele, der kreativen Ausrichtung und anderer Variablen, die sich auf das Angebot des Kunden auswirken können, wie z. B. das Budget und die Frist.
Ihre Industrie- und Marktforschung findet gleichzeitig statt. Um sich auf das Treffen mit Ihrem Kunden vorzubereiten, sollten Sie eine Vorstellung von seiner Branche haben. Nachdem Sie ihre Bedürfnisse herausgefunden haben, möchten Sie ein wenig tiefer schauen.
Der Umfang der durchgeführten Untersuchungen hängt vom Budget des Kunden und Ihrem vorhandenen Branchenwissen ab. Es kann so einfach sein wie zu schauen, wie andere Websites in diesem Bereich aussehen. Bei größeren Projekten kann es so etwas wie eine eingehende Recherche mit Fokusgruppen sein.
Lesen Sie weiter unten
02 von 10Brainstorming
Sobald Sie wissen, worum es bei dem Projekt geht, ist es Zeit, Ideen zu sammeln, und Brainstorming ist ein großartiger Ort, um zu beginnen. Anstatt nach der perfekten Idee für Ihre erste Suche zu suchen, werfen Sie alle Ideen oder Konzepte für die Website aus. Sie können es später immer einschränken.
Für einige Websites ist möglicherweise eine Standard-Weboberfläche mit Navigation (eine Schaltflächenleiste) und Inhaltsbereichen erforderlich, in denen Benutzer dies am wahrscheinlichsten erwarten. Andere benötigen möglicherweise ein einzigartiges Konzept, um den Inhalt zu präsentieren.
Am Ende wird der Inhalt das Design bestimmen. Zum Beispiel wird eine News-Site einen ganz anderen Ansatz haben als das Web-Portfolio eines Fotografen
Lesen Sie weiter unten
03 von 10Legen Sie die technischen Anforderungen fest
Zu Beginn der Entwicklung einer Website müssen Entscheidungen über die technischen Anforderungen des Projekts getroffen werden. Solche Entscheidungen wirken sich auf das Budget, den Zeitrahmen und in einigen Fällen auf das Gesamtgefühl der Website aus.
Eine der Hauptentscheidungen ist, wie die zugrunde liegende Struktur der Site aussehen soll, welche Software zu verwenden ist und welches System die Site zum "Arbeiten" macht
Ihre Optionen umfassen:
- Grundlegendes HTML: Eine Standard-HTML-Site, in der jede Seite manuell bearbeitet wird. Dies kann sich relativ schnell entwickeln, lässt jedoch wenig Flexibilität und viel laufende Wartung übrig. Beachten Sie außerdem, dass HTML-Sites nicht nur HTML enthalten und CSS, JavaScript und andere Programmiersprachen für Funktionen enthalten können.
- Verwenden Sie ein Content Management System: Die Verwendung eines CMS ermöglicht einem Client im Allgemeinen die Durchführung regelmäßiger Inhaltsaktualisierungen, während der Designer das allgemeine Erscheinungsbild der Website steuert. Einige Systeme können von Grund auf neu entwickelt und andere gekauft und auf die Bedürfnisse des Kunden zugeschnitten werden. Online-Systeme wie Blogger und WordPress sind kostenlos und enthalten ein einfaches CMS.
Schreiben Sie eine Gliederung
Nun, da Sie die nötigen Informationen gesammelt und ein paar Ideen gesammelt haben, ist es eine gute Idee, alles zu Papier zu bringen.
Ein Überblick über eine Website sollte eine Liste aller Abschnitte enthalten, die in die Website aufgenommen werden sollen, und eine Beschreibung, welche Art von Inhalt auf jeder Seite angezeigt wird. Außerdem sollte so detailliert wie möglich beschrieben werden, welche Funktionen auf der Website vorhanden sind, z. B. Benutzerkonten, Kommentare, Funktionen für soziale Netzwerke, Videos oder die Anmeldung eines Newsletters.
Neben der Unterstützung bei der Organisation des Projekts sollte dem Kunden die Umrisse eines Website-Vorschlags angezeigt werden, damit er das Projekt genehmigen kann, bevor das Projekt fortgesetzt wird. Dadurch können sie Abschnitte oder Funktionen hinzufügen, entfernen oder anpassen.
All dies wird Ihnen letztendlich dabei helfen, ein Budget und einen Zeitrahmen zu erstellen und die Website zu erstellen. Die Vereinbarung eines Preises für ein Website-Projekt basierend auf einer genehmigten Gliederung wird dazu beitragen, zusätzliche Gebühren oder Meinungsverschiedenheiten zu vermeiden.
Lesen Sie weiter unten
05 von 10Erstellen Sie Wireframes
Wireframes sind einfache Strichzeichnungen von Website-Layouts, mit denen Sie (und der Kunde) sich auf die Platzierung von Elementen anstatt auf Farbe und Typ konzentrieren können.
Dies ist äußerst hilfreich, da bestimmt wird, welcher Inhalt den meisten Fokus und den prozentualen Anteil des Platzes beansprucht, der auf der Seite für diese Elemente verwendet wird. Zugelassen von anderen visuellen Elementen, bieten bewährte Drahtgitterrahmen einen Rahmen für Ihre Entwürfe.
Bei einigen Projekten sollten Sie möglicherweise eine Sammlung von Wireframes für verschiedene Inhaltstypen zur Verfügung stellen. Der Kontakt, die Info-Seite und andere Seiten mit viel Text haben möglicherweise ein anderes Layout als eine Galerie oder eine Einkaufsseite.
Es ist wichtig, dass Sie auf der gesamten Website ein einheitliches Erscheinungsbild beibehalten, wenn Sie von einem Drahtgitter zum nächsten wechseln.
06 von 10Entwerfen Sie die Website
Wenn Sie und Ihr Kunde mit den Wireframes zufrieden sind, können Sie mit dem Entwerfen der Site beginnen.
Adobe Photoshop ist das am häufigsten verwendete Werkzeug zum Erstellen der ursprünglichen Designs. Der Schwerpunkt des Website-Designs sollte auf der Präsentation des Inhalts liegen und er wird zur Erstellung der eigentlichen Webseiten verwendet.
Für den Moment entwerfen und spielen Sie einfach mit den grundlegenden Elementen, um Ihren Kunden etwas anzuschauen und zu genehmigen.
- Auffällige Designs und Animationen haben zwar ihren Platz, sie sollten jedoch nicht das überwinden, wonach der Benutzer sucht.
- Eine konsistente Navigation hilft Ihren Besuchern, alle Hauptinhaltsbereiche zu finden.
- Die saubere Verwendung des Typs (im Fall einer textgesteuerten Website) führt dazu, dass Besucher immer wieder lesen und wiederkommen.
- Bevor Sie den tatsächlichen Inhalt für ein Website-Design haben, wird Lorem Ipsum-Text dabei helfen, Leerzeichen zu füllen, ohne Ihren Kunden abzulenken.
Lesen Sie weiter unten
07 von 10Webseiten erstellen
Wenn Ihr Design genehmigt ist, müssen die Seiten von Mockups in tatsächliche Webseiten umgewandelt werden, die in HTML und CSS geschrieben sind.
Erfahrene Designer / Entwickler können sich für die gesamte Codierung entscheiden, während jemand, der sich auf die Design-Seite des Webs konzentriert, möglicherweise eng mit einem Entwickler zusammenarbeitet, um die Website zum Leben zu erwecken. Wenn dies der Fall ist, sollte der Entwickler von Anfang an einbezogen werden.
Die Entwickler sorgen dafür, dass das Design realistisch und effektiv ist. Sie sollten auch zu den Funktionen konsultiert werden, die Sie dem Kunden versprechen, da einige Funktionen möglicherweise nicht ausgeführt werden können oder für die Website von Vorteil sind.
Software wie Adobe Dreamweaver kann einem Designer dabei helfen, ein Modell in eine funktionierende Webseite umzuwandeln, mit Drag & Drop-Funktionen, vordefinierten Funktionen und Schaltflächen zum Hinzufügen von Links und Bildern.
Es gibt viele Softwareoptionen für das Erstellen von Websites. Wählen Sie eine, mit der Sie gerne arbeiten, stellen Sie jedoch sicher, dass Sie sich wirklich mit den Details und der Codierung der Seiten befassen können.
08 von 10Entwickeln Sie die Website
Sobald Ihr Layout in HTML und CSS erstellt wurde, muss es in das von Ihnen gewählte System integriert werden. Dies ist der Punkt, an dem es zu einer funktionierenden Website wird.
Dies kann bedeuten, dass Sie Vorlagen entwickeln, die von einem Content-Management-System gelesen werden können, eine WordPress-Vorlage ändern oder Dreamweaver verwenden, um Verknüpfungen zwischen Seiten und erweiterte Webfunktionen zu erstellen. Dies ist wiederum ein Schritt, der einem anderen Mitglied oder Mitgliedern des Teams überlassen werden kann.
Sie müssen auch einen Website-Domainnamen kaufen und einen Hosting-Service haben. Dies sollte Teil Ihrer Diskussionen mit dem Kunden gewesen sein und sollte in der Realität in den Anfangsphasen des Prozesses durchgeführt werden. Manchmal kann es eine Weile dauern, bis Dienste aktiv werden.
Es ist auch sehr wichtig, dass Sie oder Ihr Entwickler die Website gründlich testen. Sie möchten keine "großen Enthüllungen" und Funktionen haben, die nicht richtig funktionieren.
Lesen Sie weiter unten
09 von 10Bewerben Sie die Website
Wenn Ihre Website online ist, können Sie sie bewerben. Ihr tolles Design nützt nichts, wenn die Leute es nicht besuchen.
Der Verkehr zu einer Website kann Folgendes umfassen:
- Optimierung für Suchmaschinen. Stellen Sie einen SEO-Experten ein, wenn dies kein Fachgebiet ist, da sich die bewährten Verfahren ständig ändern.
- Versenden von Newslettern, um neue Inhalte hervorzuheben. Das Newsletter-Design sollte sich auf das Website-Design beziehen, um das Marken-Messaging konsistent zu halten.
- Werbung mit PPC-Anzeigen bei Google oder mit Bannerwerbung auf anderen Websites.
- Konventionellere Methoden wie Printwerbung und Mundpropaganda.
Halten Sie es frisch
Eine der besten Möglichkeiten, die Besucher auf Ihre Website zu bringen, ist die Aktualisierung der Inhalte. Wenn die gesamte Arbeit auf einer Website gespeichert ist, möchten Sie nicht, dass sie für Monate nach dem Start gleich bleibt.
Veröffentlichen Sie weiterhin neue Inhalte, Fotos, Videos oder Musik… für was auch immer die Website erstellt wurde. Ein Blog ist eine großartige Möglichkeit, eine Website auf dem neuesten Stand zu halten, mit Beiträgen beliebiger Länge zu jedem Thema, das sich auf Ihre Website bezieht.
Wenn Ihr Client die Aktualisierungen für eine CMS-Website verwaltet, müssen Sie sie möglicherweise für die Verwendung schulen. Aktualisierungen an einer von Ihnen entworfenen Website sind eine gute Möglichkeit, regelmäßig Einnahmen zu erzielen. Stellen Sie sicher, dass Sie und Ihr Kunde sich über die Häufigkeit und die Raten der von Ihnen durchgeführten Aktualisierungsarbeiten einigen.
