• Max Runge

Unser Website Prozess - Von der Konzeption bis hin zur fertigen Website

Updated: Nov 24, 2020

Die eigene Website zu erneuern oder mit Hilfe einer Agentur neu zu gestalten, ist für wahrscheinlich für dich und viele andere Unternehmer oft ein Mammut Projekt. Zumindest wird dies zu Beginn gedacht. Dabei muss es nicht so sein! In diesem Artikel möchte ich dir aufzeigen, wie eine Website von der Idee in die Wirklichkeit umgesetzt und gelaunched wird.

Dabei gehe ich auch auf unseren Website Prozess ein, damit du gleich einen praktischen Einblick ins Geschehen bekommst. Von Projekt zu Projekt haben wir dazu gelernt und unseren Website Prozess Stück für Stück verbessert. Aktuell sieht er wie folgt aus:

  • Kickoff - Zielsetzung und Austausch von wertvollen Projektinformationen

  • Figma - Gestaltung des Webdesigns

  • Feedback - Feedback Schleifen mit unseren Kunden

  • EditorX - Wix - Umsetzung der Website im EditorX von Wix

  • Übergabe - Launch und Einschulung der zur Website


Um keine Zeit zu verlieren schauen wir uns auch gleich die Projektschritte in Detail an.

Kickoff Meeting - Projekt Zielsetzung und gemeinsamer Austausch


In unserem liebevoll genannten "Kickoff Meeting" trifft der Kunde erstmalig auf Projektmanager und Designerin gleichzeitig. Der Projektmanager hat zu diesem Zeitpunkt bereits einen Überblick, um was es in dem Projekt geht. Er leitet das Meeting ein und geht zu Beginn auf die Zielsetzung ein, um sicher zu gehen, keine relevanten Projektziele zu vergessen. Im nächsten Zug gibt meistens der Kunde einen erneuten Einblick, warum er dieses Projekt startet und wobei bisher die größten Probleme lagen, die nun endlich gelöst werden sollen.


Ein vorrangiges Ziel im Kickoff Meeting ist zu verstehen, welche Wünsche und Vorstellungen der Kunde im Bezug zu Design hat. Die Designerin erfragt daher folgende Punkte:

  • Soll die selbe Farbpalette weiter verwendet werden, oder dürfen wir Vorschläge geben?

  • Wie soll das Design auf Interessen und Kunden wirken? Was möchtest du ausstrahlen?

  • Gibt es Referenz Websiten und Designelemente die dir besonders gut gefallen?


Mit diesen gezielten Fragen, versucht unsere Designerin ein Gespür für das Projekt und den Kunden zu bekommen.


Im Meeting werden auch Informaterial, wie Schrift- arten und farben, Bilder und Texte ausgetauscht.


Der Projektmanager geht mit dem Kunden auch die technischen Aspekte durch, um bei der Umsetzung auf keine Engpässe zu stoßen. Das Kickoff Meeting dauert in der Regel um die 30 Minuten, länger als eine Stunde dauert es nie.


Figma - Gestaltung des Webdesigns


Der erste Schritt der Umsetzung geschieht in Figma. Figma ist unsere Design Software. Hier designen wir all unsere Webdesigns, Logo´s , Flyer´s und sonstige grafischen Arbeiten.


Wir haben uns für Figma entschieden, weil es super einfach in der Bedienung und in der Kooperation im Team ist. Des weiteren verfügt es über eine Feedback und Share Funktion, in der wir innerhalb des Projekts (Kunde als auch wir) die erste Version per Link durchschicken und bei beliebigen Sections Feedback geben können.


In Figma erstellt unsere Designerin im ersten Zug die Hauptseiten auf Desktop, die dann mit dem Kunden gefeedbacked werden. Passen diese, werden auch die Unterseiten und die mobile Version fertiggestellt.


Ein fertiges Webdesign sieht so aus:


Feedback


Feedback wird vom Kunden in Figma eingearbeitet, sodass es bei Fertigstellung des Designs keine Änderungswünsche mehr gibt.


Erst wenn das Webdesign vom Kunden abgenommen wurde, gehen wir in die Website- Umsetzung.


Website mit EditorX von Wix - Umsetzung der Website/Online Shop


Qualität und Individualität - Zwei Aspekte die wir in unserer Agentur leben und womit wir uns vom Mittbewerb abheben möchten. Aus diesem Grund haben wir viele Tools getestet und sind beim Besten geblieben. Für die Gestaltung unserer Kunden-Websites setzen wir zu 100% auf Wix und dessen neuer Website Editor, EditorX.


Wix gibt uns die Möglichkeit nach dem erstellten Webdesign in Figma, die Website zu erstellen, ohne Einschränkungen lästiger Templates oder Zukauf von Third Party Plugins/Funktionen.


EditorX - Website Gestaltung
Gestaltung der Website in EditorX

Seite für Seite wird das Design aus Figma im EditorX umgesetzt.

Unabhängig von Umfang eines Websiteprojektes, wird jede Website von uns

  • SEO optimiert

  • Wenn ein Relaunch einer Website ansteht, wird ein 301 Redirect eingeleitet

  • Cookie Banner um DSGVO zu sein

  • Implementierung von Google Analytics, Facebook Pixel und anderen Tracking Tools

  • Favicon hinzugefügt


Vor Übergabe wird die Website auf Herz und Nieren überprüft. Dabei gehen wir alle Seiten auf Desktop, Tablet und Mobil durch und merzen etwaige letzte Fehler aus.


Übergabe - Launch der Website


Nun sind wir auch schon im letzten Schritt unseres Website Prozesses angekommen.

Bevor wir die Website an den Kunden übergeben, wird die Website noch mit der Domain verknüpft und das passende Hosting Paket gekauft.


Die Website steht bereit zum LAUNCH! 🚀

Wir feiern und danken für das Vertrauen an unsere Rocket-Crew.


Fazit

Die Erstellung einer Website ist oft ein Mammut Projekt. Als Agentur für Websites haben wir uns diesen Prozess über die letzten 1 1/2 Jahre angeeignet und fahren aktuell damit am Besten. Ziel ist es, dass wir einen einfachen und überschaubaren Prozess schaffen, der die Projektabwicklung spannend und zugleich für uns als auch dem Kunden Spaß bereitet. Hast du Fragen zu unserem Prozess? Schreib uns unten einfach ein Kommentar.


Unverbindliches Erstgespräch