Zuerst die Anforderungen klären
Erklären Sie Claude, ob Sie eine Unternehmenswebsite, ein Portfolio oder eine Kampagnenseite benötigen. Beschreiben Sie Zielgruppe, Seiten, Sprachen, Markenfarben und gewünschte Besucheraktion. Lassen Sie zunächst eine Inhaltsstruktur und einen Abschnittsplan erstellen. So richtet sich der erste Entwurf an einem konkreten Ziel aus.
Einen Prototyp erstellen und verbessern
Claude kann HTML und CSS entwerfen oder ein einseitiges Artifact erstellen. Nehmen Sie mobile Darstellung, barrierearme Kontraste, Tastaturbedienung, Formularprüfung und Fehlerzustände in die Anforderungen auf. Ersetzen Sie Platzhalter durch echte Inhalte, prüfen Sie verschiedene Bildschirmgrößen und bitten Sie um gezielte Änderungen.
Vom Prototyp zum Betrieb
Ein Artifact oder Chat-Ergebnis ist noch keine gehostete, sichere Website für den Produktivbetrieb. Exportieren und prüfen Sie den Code und richten Sie Domain, Hosting, CMS, Backups, Updates, SEO und Datenschutz ein. Testen Sie Formulare, Leistung, Geräteansichten und Sicherheit. Lassen Sie die Umsetzung vor der Veröffentlichung fachlich prüfen.
Den Prototyp an echten Kriterien prüfen
Prüfen Sie den Entwurf auf Desktop und Smartphone. Testen Sie anschließend, ob sich Navigation, Formulare und Fehlermeldungen mit der Tastatur erreichen lassen. Eine fertige Optik beweist weder funktionierende Formulare noch die Sicherheit der Website.
Beispielprompt
Prüfe diesen Startseiten-Prototyp auf dem Smartphone. Liste Überläufe, nicht per Tastatur erreichbare Steuerelemente und unklare Handlungsaufforderungen auf und liefere verbessertes HTML und CSS.
Offizielle Quellen
Claude-Funktionen, Tarife und Nutzungslimits können sich ändern. Prüfen Sie aktuelle Angaben vor Kauf oder Einrichtung anhand offizieller Quellen.