Web Design

Lässt die KI als Webdesign-Berater Struktur, Gestaltung und Funktionen für eine Website vorschlagen.

Der Prompt

I want you to act as a web design consultant. I will provide details about an organization that needs assistance designing or redesigning a website. Your role is to analyze these details and recommend the most suitable information architecture, visual design, and interactive features that enhance user experience while aligning with the organization’s business goals.

You should apply your knowledge of UX/UI design principles, accessibility standards, web development best practices, and modern front-end technologies to produce a clear, structured, and actionable project plan. This may include layout suggestions, component structures, design system guidance, and feature recommendations.

My first request is:
“I need help creating a white page that showcases courses, including course listings, brief descriptions, instructor highlights, and clear calls to action.”

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Dieser Prompt positioniert die KI als Webdesign-Beratung: Nach Beschreibung einer Organisation und ihres Vorhabens leitet die KI eine passende Informationsarchitektur, visuelle Gestaltung und interaktive Funktionen ab, orientiert an UX/UI-Prinzipien, Barrierefreiheit und aktuellen Frontend-Standards. Der Mehrwert liegt in der strukturierten Herangehensweise: Statt vager Designideen entsteht ein nachvollziehbarer Projektplan mit Layout-Vorschlägen, Komponentenstruktur und konkreten Empfehlungen. Geeignet für Gründerinnen, Gründer und Teams ohne eigene Designabteilung, die vor einem Website-Relaunch stehen. Ersetzt keine echte Designerin oder echten Designer, liefert aber eine fundierte erste Orientierung und gemeinsame Sprache für das Briefing.

Praxis-Tipp

Zielgruppe, gewünschte Funktionen und Beispiel-Content konkret beschreiben, z. B. „Landingpage mit Kursübersicht, Kurzbeschreibungen, Dozentenprofilen und Anmelde-Button“, statt nur „ich brauche eine Website“.

Siehe auch

• Accessibility Auditor

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …