Portfolio

Der Weg zu meinem Portfolio – von der Idee zur Umsetzung

Mein Portfolio im Überblick – so ist diese Webseite Schritt für Schritt entstanden

Definition

Diese Website dient als digitale Visitenkarte. Besucherinnen und Besucher erhalten hier einen Überblick über meine Person, meine Arbeitsweise und meine ersten realisierten Projekte. Ziel ist es, meine Kompetenzen sichtbar zu machen und gleichzeitig meine Lernfortschritte im Bereich Webentwicklung zu dokumentieren.

Planung

Für das visuelle Erscheinungsbild habe ich ein eigenes Logo entwickelt. Grundlage waren Fachbücher und Tutorials zu Inkscape, Logodesign, Farbpsychologie und Typografie.
Parallel dazu habe ich mich mit WordPress intensiv beschäftigt. Neben Büchern nutzte ich auch Online-Tutorials, um ein solides technisches Fundament aufzubauen.
Die Projektplanung erfolgte mit GanttProject. So konnte ich die einzelnen Schritte strukturiert umsetzen.
Ein weiterer Schwerpunkt lag auf den passenden Dateiformaten für Bilder im Web, um Ladezeiten zu optimieren und eine gute Darstellungsqualität sicherzustellen.
Darüber hinaus habe ich die rechtlichen Grundlagen zu Impressumspflicht, Datenschutz und DSGVO recherchiert. Auch Fachliteratur zur Barrierefreiheit floss in die Planung ein. Für das Hosting wählte ich einen Anbieter, der auf Datenschutz und DSGVO-Konformität achtet.

Umsetzung

Die in der Planung erarbeiteten Inhalte habe ich mit WordPress praktisch umgesetzt.
Die Reihenfolge orientierte sich an meinem Gantt-Projektplan: vom technischen Setup über das Design bis hin zur Inhaltspflege.

Controlling

Zur Qualitätssicherung nutzte ich Online- und Browser-Tools, um Barrierefreiheit, Performance, CO2-Abdruck und Responsive Design zu prüfen. Zusätzlich führte ich Tests direkt in WordPress durch, um die Funktionalität auf unterschiedlichen Endgeräten sicherzustellen.

Abschluss

Nach erfolgreicher Prüfung aller Inhalte und Funktionen wurde die Website veröffentlicht. Damit ist ein vollständiger Projektzyklus abgeschlossen – von der ersten Idee bis zur online sichtbaren Umsetzung.