Komplett neues Website-Design – wie ich mit Astro und Claude meine Seite neu aufgebaut habe

Munot Informatik hat ein komplett neues Website-Design. Was vor einigen Wochen noch eine einfache Canva-Seite war, ist jetzt eine vollständige, professionelle Website mit eigenem Sidebar-Navigationssystem, 12 Leistungsseiten, einem Blog, Kundenstimmen und optimiertem SEO.

Hier ist, wie das entstanden ist — ehrlich und Schritt für Schritt.

Warum überhaupt neu?

Die erste Version auf Canva hat ihren Zweck erfüllt: schnell online, übersichtlich, funktional. Aber mit der Zeit wurde klar, dass die Möglichkeiten von Canva für das, was ich mir vorstellte, zu begrenzt sind. Keine individuelle Navigation, keine eigenen Unterseiten pro Leistung, kein Blog.

Ich wollte etwas, das wirklich zu Munot Informatik passt.

Schritt 1: Astro Themes entdecken

Der erste Schritt war die Suche nach einem geeigneten Ausgangspunkt. Auf astro.build/themes gibt es eine grosse Auswahl an kostenlosen und kostenpflichtigen Themes für das Astro-Framework — einem modernen Tool für statische Websites.

Ich habe mich für ein professionelles Marketing-Theme entschieden, das optisch bereits stark war: dunkles Design, schöne Animationen, klare Struktur. Inhaltlich war es jedoch für ein privates Beteiligungsunternehmen ausgelegt — also komplett das falsche Thema für einen Computerhilfe in Schaffhausen.

Das war der Ausgangspunkt.

Schritt 2: Claude als Entwicklungspartner

Statt einen Entwickler zu engagieren oder mich durch stundenlange Tutorials zu arbeiten, habe ich Claude (das KI-Modell von Anthropic) als Entwicklungspartner eingesetzt.

Das Prinzip war einfach: Ich beschreibe, was ich möchte — Claude setzt es um. Ich überprüfe das Ergebnis im Browser und gebe Feedback.

Was dabei entstanden ist, hat mich ehrlich gesagt überrascht.

Schritt 3: Inhalte ersetzen

Der erste grosse Schritt war das vollständige Ersetzen aller Inhalte. Das Theme hatte Texte über Firmenübernahmen und Investoren — all das wurde durch echte Informationen über Munot Informatik ersetzt:

• Über mich: 20 Jahre IT-Erfahrung, 7 Jahre Swisscom, ICT-Fachmann EFZ
• 12 Leistungsseiten mit jeweils eigenen Beschreibungen und Unterseiten
• Echte Kundenstimmen — darunter Bewertungen aus meiner Zeit bei Swisscom
• Kontaktseite mit WhatsApp, RustDesk-Fernwartung und Google-Bewertungslink

Schritt 4: Design anpassen

Die ursprüngliche Farbe des Themes war Gold — passend für eine Finanzfirma, aber falsch für Computerhilfe. Das wurde auf ein klares Blau geändert, das besser zu Technologie passt.

Das Logo wurde angepasst, die Sidebar-Navigation überarbeitet, alle deutschen Texte auf eine persönliche “Ich”-Ansprache umgestellt — weil Munot Informatik ein Ein-Mann-Betrieb ist, kein Unternehmen mit Team.

Schritt 5: SEO optimieren

Eine schöne Website bringt nichts, wenn sie niemand findet. Deshalb wurden alle Meta-Beschreibungen auf unter 160 Zeichen gekürzt und mit lokalen Keywords versehen, Schema.org-Daten mit Öffnungszeiten und Adresse ergänzt, eine robots.txt erstellt und hreflang-Tags für Schweizer Deutsch hinzugefügt.

Jede Leistungsseite hat jetzt ihren eigenen SEO-optimierten Titel und eine eigene Beschreibung.

Schritt 6: Hosting mit Netlify

Die fertige Website läuft auf Netlify — kostenlos, mit automatischem Deployment. Das bedeutet: Jedes Mal wenn ich eine Änderung in GitHub pushe, wird die Website automatisch neu gebaut und innerhalb von ein bis zwei Minuten live geschaltet.

Die Domain support-sh.com ist bei Canva registriert und zeigt per DNS-Eintrag auf Netlify. SSL-Zertifikat und CDN sind inklusive.

Was ich gelernt habe

Das Wichtigste: Man muss heute kein Entwickler sein, um eine professionelle Website zu haben. Mit dem richtigen Ausgangspunkt (ein gutes Astro-Theme), dem richtigen Werkzeug (Claude für die Umsetzung) und klarem Feedback, was man möchte und was nicht, entsteht etwas, das sich wirklich nach einem anfühlt.

Der Prozess hat Zeit gebraucht — viele Iterationen, viele kleine Korrekturen. Aber das Ergebnis spricht für sich.

Wenn Sie auch eine einfache, professionelle Website für Ihr KMU oder Projekt suchen — das ist übrigens auch eine der Leistungen von Munot Informatik. Schauen Sie mal vorbei.