Projektarbeit - Diese Website
Diese Website stellt für mich den Wandel des Mediums sowie die Entwicklung meiner Fertigkeiten im Webbereich dar. Wie bei einer Patina sollte sie stets eine weitere Schicht erhalten, welche sie mit meinen neuen Sichtweisen anreichert und ergänzt.
Struktur
Wenige Seitenabschnitte, dafür erfüllt jede Seite die ihr zugetragene Funktion auf ihre bestmögliche Weise.
Visuelles
Für mich war eine technische Anmutung wichtig. Ich suchte darin nach einer Einfachheit und Klarheit, aus der eine Stärke wachsen kann. Die Farbe Rot stellt dabei meine Leidenschaft zum digitalen Medium und der visuellen Kommunikation dar.
Prototyp
In Kombination mit der Stilfindung habe ich einen Prototypen erstellt, welcher die wichtigsten Seitenbereiche etwas detaillierter zeigt.
Funktionen
Ich wollte einen Schieberegler einbauen, bei welchem man Vorher-/Nachher-Bildern wechseln kann. Eine Lightbox für Bilder habe ich ebenfalls eingeplant.
Responsive
Die Responsivität der Website war mir schon bei der Planung wichtig. Ich habe in diesem Zusammenhang einige Prototypen erstellt.
Statische Website
Im Rahmen einer Projektarbeit (Modul 2) an der webedu.ch habe ich diese zuerst als statische Seite namens bitform.ch programmiert. Jede Unterseite war ein separates HTML-File.
Dynamische Website
Im Rahmen einer Projektarbeit (Modul 5) an der webedu.ch habe ich eine neue Seite names he3.ch mittels PHP und MySQL-Datenbank programmiert. Ein Backend zum Aufbau von Seitenabschnitten und Editierung der Inhalte habe ich dabei ebenfalls entwickelt. Dazu habe ich eine Reihe von CSS-Klassen erstellt, die zur Steuerung des Designs dienten.
Standardisierung
Ich entschloss mich, die Stärken der Websites zu vereinen, dabei aber auf eine gewisse Standardisierung zu setzen. Deshalb habe ich nun die gesamte Website im Processwire CMS neu aufgebaut, um einerseits von seinem modularen Aufbau zu lernen und einige der damit einhergehenden Möglichkeiten zu nutzen. Beim Frontend setze ich auf Bootstrap, da es eine klare visuelle Struktur bereitstellt und sich durch Sass dennoch gut erweitern lässt.
Feinschliff
Durch den Neuaufbau hatte ich nun die Möglichkeit, mich von Altlasten zu trennen und eine lang ersehnte Kurskorrektur vorzunehmen. Die Website soll keinen kommerziellen Zweck erfüllen, sondern in erster Linie über mich und meine Kenntnisse informieren. Dazu habe ich das Portfolio komplett neu aufgebaut, damit Sie einen Einblick in meine vielseitige Arbeitsweise in den Bereichen Layout, Webdesign und Web-to-Print erhalten.