Serie: Wie eine Webseite entsteht

27.11.2014

Bei der Neugestaltung dieser Webseite werde ich die wichtigsten Arbeits-Schritte in einer kleinen Blog-Serie dokumentieren.

In Zeiten von Wordpress kann jeder innerhalb kürzester Zeit einen sehr schönen und extrem professionellen Webauftritt "von der Stange" erstellen. Und zumindest als talentierter Blogger braucht man für den Erfolg auch nicht mehr. Allerdings ist mit diesem Komfort auch das Gefühl dafür verloren gegangen, wie aufwändig die Erstellung einer individuellen und auf die persönlichen Bedürfnisse zugeschnittenen Webseite sein kann. Und dabei macht das Coden eher den geringeren Teil aus.

Anhand der Neukonzeption und des Umbaus der Trendschau will ich den Prozess und die Arbeitsschritte mal transparent machen. Ein Behind-The-Stage-Experiment in Progress, sozusagen. Das ganze wird sicherlich auch für mich ein großes Learning sein, und vielleicht zieht ja auch der ein oder andere Leser einen Nutzen daraus.

Die Inhalte stehen noch nicht fest und werden sich Schritt für Schritt mit dem Projekt entwickeln. Aber grob stelle ich mir folgende Themen vor:

  • Analyse und Planung: Wie entwickelt man Ideen und Ziele? Und wie richtet man dann die Webseite danach aus?
  • CMS-Auswahl: Die Seite werde ich wieder mit Statamic erstellen, aber es gibt natürlich noch viele Alternativen. Und muss es überhaupt ein CMS sein?
  • Grundprinzipien: Ein bisschen was zu Mobile First, Responsive Webdesign, vielleicht Progressive Enhancement und co.
  • Umsetzung: Haufenweise Hilfstools und Code. Jeder hat natürlich seine eigenen Vorlieben, ich arbeite beispielsweise sehr spartanisch mit ganz schlichtem CSS und HTML (also keine Frameworks, Grids, Less oder Sass).
  • Optimierung: Ein paar Hinweise zu SEO, Social-Media-Sharing, Assessibility und Co.
  • Publishing und Tracking: Am Ende wird die Seite publiziert und der Erfolg getracked bzw. analysiert.

Bei größeren Projekten könnte man natürlich noch zahlreiche Zwischenstufen einziehen, insbesondere Prototyping, Feedback-Schleifen, Testing und Co. Bei derart kleinen Projekten wäre das allerdings overhead. Einen Zeitplan gibt es nicht, die Serie wird in loser Folge publiziert.

Dieser Beitrag gehört zu der Serie "Webseite". Das sind alle Artikel der Serie:

Wenn du ein Web-Projekt von A-Z erstellen willst, findest du im Themenüberblick viele Artikel zu jedem Schritt.