Struktur & Planung
Ich plane meine komplette Homepage zuerst mit KI – von der Struktur bis zur Umsetzung.
Von der Idee zur Struktur
Bevor ich diese Seite aufgebaut habe, habe ich ausschliesslich mit einem klassischen Homepage-Baukasten gearbeitet und hatte kaum Erfahrung mit Code oder dem technischen Aufbau einer Webseite. Durch die Zusammenarbeit mit KI konnte ich mir Schritt für Schritt alles erarbeiten – von der ersten Idee bis zur fertigen Umsetzung.
Wenn ich an meiner Homepage arbeite, beginne ich selten direkt mit Code. Meistens starte ich mit einer Idee, einer neuen Funktion oder einem groben Wunsch. KI hilft mir dabei, diese Gedanken zu ordnen, in eine klare Struktur zu bringen und daraus sinnvolle Seiten, Bereiche und Abläufe zu entwickeln.
Am Anfang ist oft noch nicht klar, was genau auf eine neue Seite soll. Mal geht es um eine neue Kategorie, mal um ein technisches Feature, mal nur um die Frage, wie man Inhalte übersichtlich darstellen kann.
Genau hier nutze ich KI besonders gern: Ich kann Ideen beschreiben, Möglichkeiten vergleichen und bekomme sehr schnell eine erste Struktur, mit der ich weiterarbeiten kann.
Statt lange auf ein leeres Dokument zu schauen, entsteht so sofort ein brauchbarer Entwurf. Das spart Zeit und hilft mir dabei, neue Bereiche meiner Homepage gezielt aufzubauen.
Screenshot: Planung einer Seitenstruktur mit KI
Mein Workflow
Mein Workflow ist einfach: Idee → KI → Struktur → Umsetzung. Ich nutze KI als eine Art Sparringspartner, um meine Gedanken zu strukturieren und schneller zu konkreten Ergebnissen zu kommen.
Dadurch kann ich mich stärker auf Inhalte und Design konzentrieren, statt mich in technischen Details zu verlieren. Gleichzeitig lerne ich Schritt für Schritt, wie Webseiten wirklich aufgebaut sind.
Navigation & Menüplanung
Nachdem die Grundstruktur steht, plane ich mit KI die Navigation meiner Homepage. Dabei geht es vor allem darum, wie Besucher schnell und intuitiv zu den wichtigsten Inhalten gelangen.
Ich beschreibe der KI meine Bereiche und Ziele – zum Beispiel Gaming, Drohnen, Reiseblog und KI – und bekomme daraus eine klare Menüstruktur mit sinnvollen Unterseiten.
Besonders wichtig ist mir dabei, dass die Navigation übersichtlich bleibt und nicht zu viele Klicks benötigt. Die KI hilft mir dabei, die richtige Balance zwischen Einfachheit und Inhalt zu finden.
Screenshot: Planung der Navigation mit KI
Ordner- & Seitenstruktur
Sobald Struktur und Navigation feststehen, übertrage ich alles in eine klare Ordnerstruktur auf meinem Rechner. Dadurch behalte ich jederzeit den Überblick über alle Seiten, Dateien und Inhalte.
Ich arbeite mit einer sauberen Trennung zwischen Bereichen wie assets, pages und includes. So kann ich meine Homepage modular aufbauen und später einfacher erweitern.
Auch hier hilft mir KI wieder: Ich lasse mir Vorschläge für sinnvolle Ordnerstrukturen geben und passe diese an meine Bedürfnisse an.
Diese klare Struktur ist die Grundlage dafür, dass meine Homepage langfristig übersichtlich und wartbar bleibt.
Screenshot: Meine Ordnerstruktur der Homepage
Umsetzung im Code
Erst wenn Struktur und Planung stehen, beginne ich mit der eigentlichen Umsetzung im Code. Dabei arbeite ich hauptsächlich mit Notepad++ und setze die geplanten Seiten Schritt für Schritt um.
Die KI hilft mir dabei, konkrete HTML- und CSS-Strukturen zu erstellen, Fehler zu finden und neue Funktionen einzubauen. So kann ich auch ohne grosse Vorkenntnisse komplexere Seiten aufbauen.
Besonders hilfreich ist, dass ich jederzeit Fragen stellen kann und sofort Lösungen bekomme – das macht den gesamten Prozess deutlich schneller und effizienter.
Screenshot: Umsetzung in Notepad++
Fazit
Für mich ist KI heute ein fester Bestandteil beim Aufbau meiner Homepage geworden. Früher habe ich ausschliesslich mit einem Baukastensystem gearbeitet und hatte kaum Verständnis für den eigentlichen Aufbau einer Website.
Durch die Arbeit mit KI konnte ich mir Schritt für Schritt alles selbst erarbeiten – von der ersten Idee über die Struktur bis hin zur Umsetzung im Code. Besonders bei der Planung spart mir das enorm viel Zeit und hilft mir, meine Gedanken klar und logisch aufzubauen.
Statt lange zu überlegen, bekomme ich schnell konkrete Vorschläge, die ich direkt anpassen und weiterentwickeln kann. So entsteht aus einer einfachen Idee innerhalb kurzer Zeit eine funktionierende und durchdachte Struktur.
KI ersetzt für mich dabei nicht das eigene Denken – sondern unterstützt mich genau dort, wo ich schneller vorankommen möchte. Am Ende bleibt es trotzdem meine Homepage, aber mit deutlich weniger Umwegen.