Start from Scratch

Start From Scratch

Gestaltung einer Webseite in 2020 ohne CMS oder Baukasten.

Vorüberlegungen

Programmierung und Web-Entwicklung sind dem Schreiben sehr ähnlich. Man hat die Möglichkeit etwas wunderbares zu schaffen und die einzige Einschränkung dabei ist die eigene Kreativität. In diesem Artikel beschreibe ich, was die Gedanken bei der Erstellung der Webseite FelixDolderer.com waren.

Bevor ich mit der Entwicklung meiner Webseite angefangen habe, habe ich mir folgende Frage gestellt. Wenn man bei der Web-Entwicklung uneingeschränkte kreative Freiheit hat, wie kommt es dann, dass die meisten Webseiten einfach gleich aussehen?

Nach einiger Überlegung kam ich auf drei Gründe, die alle ihre Daseinsberechtigung haben.

  1. Aufwand

    Der erste und offensichtlichste Punkt ist der Aufwand, der damit verbunden ist die Interaktionen auf einer Seite komplett neu aufzubauen. Es geht einfach so viel schneller und einfacher WordPress, ein anderes Content Management System oder einen Website-Baukasten zu verwenden.

    Dieser Punkt hat für meine Seite wenig Relevanz, da ich hier keine Deadline oder Budget habe. Es geht mir eher darum etwas zu erstellen mit dem ich zufrieden bin und neue Dinge zu lernen.

  2. Erwartungen der Nutzer

    Der zweite Punkt ist die Erwartung der Nutzer. Durch jahrelanges “Training” in dem Nutzer andere Webseiten besucht haben, haben sich gewisse Muster eingeprägt. Wenn nun eine neue Seite nicht entsprechend dieser Muster aufgebaut ist, führt dies möglicherweise zu Verwirrung oder gar Frustration.

    Die Erwartungen der Nutzer sind ein Punkt, den ich zumindest ein Stück weit beachten sollte. Wenn die Seite so andersartig ist, dass sie niemand verwendet, dann habe ich auch nichts davon.

  3. SEO

    Der letzte Punkt ist eine mögliche Abstrafung der Webseite bei den Suchmaschinen. Suchmaschinen haben Kriterien nach denen Sie Webseiten bewerten. Wenn Inhalt nicht sichtbar ist oder schlecht auf mobilen Geräten angezeigt wird, so kann dies zu Abstrafungen führen.

    Der Punkt bezüglich SEO ist nur teilweise valide. Wenn die Inhalte gut strukturiert und lesbar sind fällt das Layout wenig ins Gewicht.

Bei der Gestaltung dieser Webseite bin ich in einer sehr angenehmen Situation. Es gibt niemanden der mir bei der Gestaltung dazwischenredet und ich habe keinen Zeitdruck. Mir fiel kein Grund auf, der mich grundsätzlich davon abhalten würde meine Webseite komplett neu zu gestalten und so habe ich mich entschieden dies auch zu tun.

Nachdem ich nun beschlossen hatte eine Webseite von Grund auf neu zu gestalten, stellte sich nun die Frage wie die Webseite aufgebaut sein sollte. Also welcher Inhalte soll auf der Seite dargestellt werden und wie soll dieser Inhalt visuell aufbereitet sein?

Inhaltliche Gestaltung

Auf einer Webseite die meinen Namen trägt, sollte ich mich mit Sicherheit vorstellen. Es gibt sehr viele Web-Entwickler, die sich und ihr Portfolio mittels einer Webseite vorstellen, um zu zeigen was sie können und damit neue Kunden zu werben. Während ich auch zeigen wollte, welche Projekte ich bereits umgesetzt habe, war dies für mich nicht der Hauptgrund oder gar der einzige Grund.

Wie ich in meiner Vorstellung schreibe, sehe ich mich nicht als Web-Entwickler, sonder als “Technologie-Unternehmer an der Front neuer Technologien”. Aus dieser Perspektive ist es absolut notwendig, sich intensiv mit Trends zu beschäftigen und sich möglichst breit mit anderen darüber auszutauschen, um neue Zusammenhänge und Chancen zu erkennen. Daher habe ich mich dazu entschlossen die beiden Dinge zu kombinieren. Ich stelle mich auf dieser Webseite also selbst vor und schreibe fachliche Artikel um mich dann mit anderen darüber austauschen zu können.

Auch schon bei der Vorstellung meiner Projekte wird der Fokus auf der Reflektion liegen. Was wurde gemacht und was kann man daraus für zukünftige Projekte lernen?

Die Artikel werden sich mit unterschiedlichen Themenfeldern auseinandersetzen. Zum einen natürlich technische Trends an sich. (Was gibt es Neues? Wie funktioniert es? Wie kann man es selbst nutzen?) In einigen Artikeln werde ich zu diesen Trends eine eher systemische Sicht haben. (Was bedeutet diese Technologie? Welche Arbeitsplätze werden sich dadurch eventuell verändern? Was wäre ein idealtypischer Aufbau?) Neben diesen Technik-bezogenen Artikeln, werde ich aber auch immer wieder allgemeine unternehmerische Fragestellungen beleuchten, welche viele Unternehmer betreffen, nicht nur diejenigen im Technologie-Sektor. Zu guter Letzt werde ich ab und an auch Artikel veröffentlichen die nicht wirklich in eine der beiden angegebenen Kategorien passen.

Ziele Ein letzter Punkt zum Inhalt. Neben Projekten und Artikeln habe ich auch einen Bereich Ziele eingerichtet. Hier veröffentliche ich einige meiner Ziele, um meine Motivation zu steigern, aktiv an diesen Zielen zu arbeiten.

Design-Philosophie

Ich habe mir einige Gestaltungs-Guidelines überlegt, die mir eine Richtung bei der Gestaltung der Webseite vorgeben.

  1. Mobil & Desktop

    Die Inhalte der Website sollten sich auf Mobilgeräten sowie auf Desktop-PCs natürlich und passend anfühlen. Es gibt also zwei Layouts, die jeweils speziell auf Mobilgeräte bzw. Desktops ausgelegt sind.

  2. Intuitive Kommunikation

    Wenn Menschen sich unterhalten verwenden wir zwar Worte, aber der Großteil der Kommunikation spielt sich woanders ab. Die Art und Weise wie wir etwas sagen, sowie unsere Körpersprache machen einen viel größeren Anteil der Kommunikation aus als die Worte an sich. Vor diesem Hintergrund versuche ich diese Aspekte der Kommunikation besser einzubinden. Ich vertone Blog-Artikel und biete neben der klassischen Kontaktmöglichkeit per E-Mail die Option an mir eine Sprachnachricht zu senden. (In Zukunft folgt ggf. noch die Option, direkt einen Video-Chat zu starten.)

  3. Digital Wellbeing

    Wer kennt es nicht. Man bekommt eine Benachrichtigung “Jemand liked Dein Bild” und ehe man sich versieht hat man mehrere Stunden damit verbracht durch die Startseiten von Facebook, Instagram oder Twitter zu scrollen.

    Das passiert nicht zufällig, denn Aufmerksamkeit ist die Währung der meisten Content-Plattformen. Das ist aus mindestens zwei Gründen schade. Zum einen verändert sich der Fokus der Content-Autoren. Anstatt möglichst guten, möglichst informativen Inhalt mit Relevanz für die reale Welt zu erstellen, wird nun Inhalt erstellt mit dem einzigen Ziel möglichst lange die Aufmerksamkeit der Besucher aufrecht zu erhalten. Neben diesem Verlust an Qualität ist der eigentlich noch schlimmere Umstand, dass hier unglaublich viel Lebenszeit unnötig verschwendet wird.

    Es gibt einige Richtlinien, die man beachten kann, um Webseiten Menschen-freundlicher zu gestalten. Ich versuche mich an diese zu halten um Teil der Lösung und nicht Teil des Problems zu sein.

Learnings

Eine Webseite aufzubauen und zu gestalten fällt definitiv in die Kategorie "Delayed Gratification". Sprich ich habe anfangs recht viel Aufwand mit dem Gestalten der Seite, dem Schreiben von Projekt-Dokumentationen und Artikeln und habe davon vorerst gar nichts, abgesehen von dem kurzen Hochgefühl einen Eintrag von der ToDo List streichen zu können. Ich gehe jedoch davon aus, dass sich der Aufwand auf längere Sicht lohnt und ich in teilweise unerwarteten Situationen von meinem vorher investierten Aufwand profitieren werde.

In dem Prozess diese Seite zu erstellen und mit Inhalt zu füllen, habe ich mehr über mich und meine Arbeitsweise gelernt. Sich bei einem sonst schon gefüllten Alltag die Zeit zu nehmen, um an einem längerfristigen Projekt zu arbeiten erfordert Willenskraft. Besonders wenn auch noch unklar ist, ob es einen Return-on-Investment gibt, wann dieser kommt oder wie er aussehen wird. Die Arbeit an der Webseite ist im Grunde nur „Fleißarbeit“ und ich habe deutlich gemerkt wie ich meine Disziplin in allen Lebensbereichen steigern konnte, indem ich an dieser Art von Projekt arbeite.

PS: Du hast eine Idee oder ein Thema mit dem ich mich beschäftigen sollte? Kontaktiere mich einfach über die Buttons direkt hier auf der Seite.