From 2f21faa525dd0f4e1118b3fe0e46c155a9aaddbb Mon Sep 17 00:00:00 2001 From: Prototype Generator Date: Thu, 5 Feb 2026 14:09:02 +0100 Subject: [PATCH] Initialize client project from skeleton (v2 agent pipeline) Client: test Generated: 2026-02-05T13:06:22.455Z --- briefs/ANTI_KI_STYLE.md | 65 ++++++++++++++++++++++ briefs/BRANCH_ADAPTATION.md | 67 +++++++++++++++++++++++ briefs/BUSINESS_CONTEXT.md | 59 +++++--------------- briefs/CONSTRAINTS.md | 83 ++++++++-------------------- briefs/CONTENT_INTENT.md | 84 +++++++++-------------------- briefs/DESIGN_INTENT.md | 74 ++++++++++--------------- briefs/PRODUCT_INTENT.md | 32 +++++++++++ briefs/PROJECT_BRIEF.md | 44 +++++++-------- briefs/QUALITY_CHECK.md | 43 +++++++++++++++ briefs/SEO_INTENT.md | 95 +++++++++++--------------------- briefs/SITE_ARCHITECTURE.md | 71 ++++++++++++++++++++++++ briefs/USER_CONTEXT.md | 68 +++++++++-------------- meta/generation_log.json | 24 +++++++++ prompts/master_prompt.md | 104 ++++++++++-------------------------- 14 files changed, 495 insertions(+), 418 deletions(-) create mode 100644 briefs/ANTI_KI_STYLE.md create mode 100644 briefs/BRANCH_ADAPTATION.md create mode 100644 briefs/PRODUCT_INTENT.md create mode 100644 briefs/QUALITY_CHECK.md create mode 100644 briefs/SITE_ARCHITECTURE.md create mode 100644 meta/generation_log.json diff --git a/briefs/ANTI_KI_STYLE.md b/briefs/ANTI_KI_STYLE.md new file mode 100644 index 0000000..38bd18c --- /dev/null +++ b/briefs/ANTI_KI_STYLE.md @@ -0,0 +1,65 @@ +# ANTI_KI_STYLE.md + +## Gefundene KI-Muster in bisherigen Briefs + +1. **Satzrhythmus** + - Viele Sätze sind ähnlich lang und folgen dem gleichen Muster (Subjekt → Verb → Objekt). + - Beispiel: "Das Projekt zielt darauf ab, eine moderne und benutzerfreundliche Website zu entwickeln." + +2. **Absatz-Symmetrie** + - Absätze sind gleich lang und folgen einer ähnlichen Struktur. + - Beispiel: Alle Absätze im Abschnitt "Erfolgskriterien" sind gleich aufgebaut und enthalten eine ähnliche Anzahl an Punkten. + +3. **Übererklärung** + - Selbstverständliches wird erklärt, was das Vertrauen in den Leser untergräbt. + - Beispiel: "Die Website soll als effektives Marketinginstrument dienen." ist eine offensichtliche Aussage. + +4. **Phrasen-Glattheit** + - Der Text klingt professionell, aber austauschbar und fehlt an Charakter. + - Beispiel: "Das Unternehmen bietet fundierte Lösungen" ist eine häufig verwendete Floskel. + +5. **KI-Floskeln** + - Verwendung von Phrasen, die nichtssagend sind und den Text abflachen. + - Beispiele: "Maßgeschneiderte Lösungen", "Kundenzentrierter Ansatz". + +## Verbotene Phrasen und Strukturen + +- Vermeide alle Arten von Floskeln und Phrasen, die keinen Mehrwert bieten. +- Keine übermäßige Wiederholung von Satzstrukturen. +- Vermeide die Verwendung von "wir bieten" oder "unsere Lösungen sind". +- Keine Sätze, die mit "Es ist wichtig" oder "Das Ziel ist" beginnen. + +## Richtlinien für menschlichen Style + +1. **Variabilität im Satzbau** + - Nutze unterschiedliche Satzlängen und -strukturen, um den Text lebendig zu halten. + - Mische kurze und lange Sätze, um den Lesefluss zu fördern. + +2. **Natürliche Absätze** + - Gestalte Absätze mit variierender Länge und Struktur, um eine organische Lesbarkeit zu gewährleisten. + - Vermeide gleichmäßige Aufzählungen und statische Formate. + +3. **Vertrauen in den Leser** + - Unterlasse Erklärungen für offensichtliche Informationen. + - Setze auf klare, prägnante Aussagen, die direkt zur Sache kommen. + +4. **Persönlichkeit und Charakter** + - Verwende eine Sprache, die die Identität des Unternehmens widerspiegelt. + - Integriere Geschichten oder Beispiele, um Inhalte lebendig zu gestalten. + +5. **Eindeutige und spezifische Formulierungen** + - Vermeide vage Begriffe und beschreibe konkret, was das Unternehmen auszeichnet. + - Nutze aktive Sprache, um den Leser direkt anzusprechen. + +## Konkrete Umschreibungs-Beispiele + +- **Ursprünglich:** "Das Unternehmen bietet fundierte Lösungen, die auf die Bedürfnisse einer fortgeschrittenen Zielgruppe zugeschnitten sind." + - **Umschreibung:** "Wir entwickeln gezielte Lösungen, die speziell auf die Anforderungen unserer erfahrenen Kunden abgestimmt sind." + +- **Ursprünglich:** "Die Website soll als effektives Marketinginstrument dienen." + - **Umschreibung:** "Die Website wird aktiv dazu beitragen, unsere Dienstleistungen bekannt zu machen." + +- **Ursprünglich:** "Eine Standard-Lösung, die lediglich eine einfache Informationspräsentation bietet, würde den Bedürfnissen der Zielgruppe nicht gerecht werden." + - **Umschreibung:** "Eine einfache Informationsseite reicht nicht aus, um das Interesse unserer Zielgruppe zu wecken." + +Durch die Anwendung dieser Richtlinien wird der Content menschlicher, ansprechender und authentischer. \ No newline at end of file diff --git a/briefs/BRANCH_ADAPTATION.md b/briefs/BRANCH_ADAPTATION.md new file mode 100644 index 0000000..ee20578 --- /dev/null +++ b/briefs/BRANCH_ADAPTATION.md @@ -0,0 +1,67 @@ +# BRANCH_ADAPTATION.md + +## 1. BRANCHENSPEZIFISCHE ERWARTUNGEN + +### Visuelle Erwartungen der Zielgruppe +Die Zielgruppe erwartet ein professionelles und ansprechendes Design, das Vertrauen und Kompetenz ausstrahlt. Wichtige visuelle Elemente sind: + +- **Farbschemata**: Dezente, beruhigende Farben, die Seriosität vermitteln. +- **Typografie**: Klare, gut lesbare Schriftarten, die Professionalität signalisieren. +- **Bilder**: Authentische, hochwertige Bilder, die die Dienstleistungen in Aktion zeigen. + +### Elemente, die Kompetenz signalisieren +- **Zertifikate und Auszeichnungen**: Sichtbare Darstellungen von Qualifikationen. +- **Referenzen und Testimonials**: Echte Kundenbewertungen, die Vertrauen aufbauen. +- **Transparente Informationen**: Klare Darstellung von Prozessen und Dienstleistungen. + +### "Normal" vs. "Überraschend gut" +- **Normal**: Standardisierte Layouts und generische Bilder. +- **Überraschend gut**: Individuelle, kreative Ansätze, die die Einzigartigkeit des Unternehmens hervorheben und eine emotionale Verbindung zur Zielgruppe herstellen. + +## 2. TYPISCHE KI-FEHLER IN DIESER BRANCHE + +### Generische Lösungen +Eine KI könnte dazu neigen, standardisierte Designs zu generieren, die wenig Differenzierung bieten. Dazu gehören: + +- **Vereinheitlichte Layouts**: Mangelnde Individualität und kreative Ansätze. +- **Standardisierte Bildauswahl**: Verwendung von Stockfotos, die nicht authentisch wirken. + +### Floskeln und Phrasen +Häufige, nichtssagende Phrasen sind: + +- "Wir bieten die besten Dienstleistungen." +- "Kundenzufriedenheit steht bei uns an erster Stelle." +- "Wir sind Ihr zuverlässiger Partner." + +### Visuelle Klischees +Überstrapazierte visuelle Klischees umfassen: + +- **Stockbilder von lächelnden Menschen in Anzügen**: Wirken oft unnatürlich. +- **Übermäßige Verwendung von Icons**: Die Bedeutung kann verloren gehen. + +## 3. DESIGN-FALLEN + +### Zu clean/steril +Ein zu minimalistisches Design kann als unpersönlich und kalt wahrgenommen werden. Es ist wichtig, eine Balance zwischen Klarheit und menschlicher Ansprache zu finden. + +### Zu verspielt/unprofessionell +Ein übermäßig verspieltes Design kann die Zielgruppe abschrecken. Es sollte darauf geachtet werden, dass der Grundton professionell bleibt. + +### Zu technisch/kalt +Ein zu technisches Design kann die emotionalen Bedürfnisse der Zielgruppe ignorieren. Es ist wichtig, menschliche Elemente einzufügen, um eine Verbindung herzustellen. + +### Zu emotional/unseriös +Ein übermäßig emotionales Design kann als unseriös wahrgenommen werden. Es sollte eine Balance zwischen Emotionalität und Professionalität gefunden werden. + +## 4. DIFFERENZIERUNGSPOTENZIAL + +### Abhebung von Wettbewerbern +- **Individuelle Ansprache**: Personalisierte Inhalte, die auf die spezifischen Bedürfnisse der Zielgruppe eingehen. +- **Innovative visuelle Ansätze**: Kreative Designs, die die Einzigartigkeit des Unternehmens betonen. + +### Erwartungen bewusst brechen +- **Unkonventionelle Layouts**: Abweichungen von typischen Branchenstandards, die Aufmerksamkeit erregen. +- **Einsatz von Storytelling**: Geschichten, die die Dienstleistungen in einem neuen Licht präsentieren. + +### Schlechte Standard-Lösung +Eine "schlechte Standard-Lösung" wäre eine generische Website mit wenig bis gar keiner Differenzierung, die auf die spezifischen Bedürfnisse der Zielgruppe nicht eingeht und keine emotionale Verbindung herstellt. \ No newline at end of file diff --git a/briefs/BUSINESS_CONTEXT.md b/briefs/BUSINESS_CONTEXT.md index f4a5f83..e8994d0 100644 --- a/briefs/BUSINESS_CONTEXT.md +++ b/briefs/BUSINESS_CONTEXT.md @@ -1,58 +1,25 @@ -# Business Context +# BUSINESS_CONTEXT.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. +## Das Unternehmen ---- +Das Unternehmen "test" ist ein etabliertes kleines bis mittleres Unternehmen (KMU) mit Sitz in Österreich. Es bietet Dienstleistungen an, die jedoch nicht näher spezifiziert sind. Die Ausrichtung des Unternehmens ist auf die Bedürfnisse der regionalen Kunden fokussiert, was eine enge Beziehung zur Zielgruppe ermöglicht. Durch seine etablierte Präsenz hat das Unternehmen das Vertrauen der Kunden in der Region gewonnen. -## Unternehmen/Organisation +## Branche und Marktumfeld -### Name -[Offizieller Name] +Das Unternehmen operiert in einer Branche, die durch einen hohen Wettbewerb und dynamische Marktbedingungen geprägt ist. Die genaue Branche ist nicht definiert, jedoch ist es wichtig, die spezifischen Herausforderungen und Chancen innerhalb des jeweiligen Sektors zu berücksichtigen. Das Marktumfeld ist regional ausgerichtet, was bedeutet, dass lokale Trends und Bedürfnisse eine entscheidende Rolle für die Geschäftsentwicklung spielen. -### Branche -[Branche/Sektor] +## Wettbewerbssituation und Positionierung -### Gründung -[Jahr, optional] +In der aktuellen Wettbewerbssituation ist das Unternehmen "test" mit anderen Dienstleistern konfrontiert, die ähnliche Angebote bereitstellen. Die Positionierung des Unternehmens sollte sich auf die Stärken und spezifischen Vorteile konzentrieren, die es von der Konkurrenz abheben. Eine präzise Analyse der Wettbewerber ist notwendig, um die eigene Marktstellung zu definieren und gezielte Differenzierungsstrategien zu entwickeln. -### Größe -[Anzahl Mitarbeiter, Standorte, etc.] +## Was macht dieses Unternehmen anders/besser? ---- +Obwohl die spezifischen Dienstleistungen nicht definiert sind, könnte das Unternehmen durch maßgeschneiderte Lösungen, exzellenten Kundenservice oder innovative Ansätze in der Dienstleistungserbringung hervorstechen. Ein klarer Fokus auf die regionalen Bedürfnisse und die Fähigkeit, schnell auf Veränderungen im Markt zu reagieren, könnten ebenfalls entscheidende Faktoren sein, die das Unternehmen von seinen Mitbewerbern unterscheiden. -## Marktposition +## Reifegrad und Marktpräsenz -### Kerngeschäft -[Was macht das Unternehmen?] +Das Unternehmen hat einen etablierten Reifegrad erreicht, was bedeutet, dass es über die notwendigen Ressourcen, Erfahrungen und Kundenbeziehungen verfügt, um im Markt erfolgreich zu agieren. Die regionale Marktreichweite ermöglicht es dem Unternehmen, sich auf spezifische Bedürfnisse und Präferenzen der lokalen Bevölkerung zu konzentrieren, was zu einer stärkeren Kundenbindung führen kann. -### Alleinstellungsmerkmale (USPs) -1. [USP 1] -2. [USP 2] -3. [USP 3] +## Schlüsselwerte und Kernversprechen -### Wettbewerbsumfeld -[Wie positioniert sich das Unternehmen gegenüber Mitbewerbern?] - ---- - -## Werte & Kultur - -### Unternehmenswerte -[Was ist dem Unternehmen wichtig?] - -### Tonalität der Kommunikation -[Formell, freundlich, technisch, nahbar, etc.] - ---- - -## Regionale Verankerung - -### Hauptstandort -[Stadt/Region] - -### Service-Gebiet -[Lokal, regional, national, international] - ---- - -*Diese Informationen helfen der KI, die richtige Tonalität und Positionierung zu wählen.* +Die Schlüsselwerte des Unternehmens sollten sich auf Qualität, Zuverlässigkeit und Kundennähe konzentrieren. Das Kernversprechen könnte darin bestehen, den Kunden maßgeschneiderte Dienstleistungen anzubieten, die auf deren individuelle Bedürfnisse abgestimmt sind. Durch die Betonung dieser Werte kann das Unternehmen eine starke Markenidentität aufbauen und sich erfolgreich im regionalen Markt positionieren. \ No newline at end of file diff --git a/briefs/CONSTRAINTS.md b/briefs/CONSTRAINTS.md index f06c347..00b8e3e 100644 --- a/briefs/CONSTRAINTS.md +++ b/briefs/CONSTRAINTS.md @@ -1,67 +1,28 @@ -# Constraints +# CONSTRAINTS.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. +## 1. Absolute No-Gos +- Veröffentlichung von Inhalten, die gegen geltendes Recht verstoßen. +- Verwendung von urheberrechtlich geschütztem Material ohne entsprechende Genehmigung. +- Verbreitung von falschen oder irreführenden Informationen. +- Nutzung von Tracking-Technologien oder Cookies ohne ausdrückliche Zustimmung der Nutzer. ---- +## 2. Rechtliche Einschränkungen +- Einhaltung der Datenschutz-Grundverordnung (DSGVO) ist zwingend erforderlich. +- Bereitstellung eines vollständigen Impressums gemäß den gesetzlichen Vorgaben in Österreich. +- Sicherstellung der Rechte an allen veröffentlichten Inhalten. -## No-Gos +## 3. Technische Grenzen +- Die Website darf keine Technologien verwenden, die die Barrierefreiheit einschränken. +- Keine Implementierung von Funktionen, die die Ladezeiten der Website negativ beeinflussen. -### Inhaltlich -- [Was darf auf keinen Fall erscheinen?] -- [Themen, die vermieden werden sollen] +## 4. Markenrichtlinien +- Verwendung des Unternehmenslogos und der Markenfarben gemäß den internen Markenrichtlinien. +- Keine Abänderung des Logos oder der Markenidentität ohne Genehmigung. -### Visuell -- [Farben, die vermieden werden sollen] -- [Stilrichtungen, die nicht passen] +## 5. Inhaltliche Tabus +- Keine diskriminierenden, beleidigenden oder anstößigen Inhalte. +- Vermeidung von politischen oder religiösen Themen, die zu Kontroversen führen könnten. -### Technisch -- [Libraries/Frameworks, die nicht verwendet werden dürfen] - ---- - -## Rechtliche Anforderungen - -### Datenschutz (DSGVO) -- [ ] Cookie-Banner erforderlich -- [ ] Datenschutzerklärung erforderlich -- [ ] Kontaktformular-Hinweise - -### Impressumspflicht -- [ ] Vollständiges Impressum - -### Branchenspezifisch -[Besondere rechtliche Anforderungen der Branche] - ---- - -## Technische Einschränkungen - -### Hosting -[Besondere Hosting-Anforderungen oder -Einschränkungen] - -### Browserunterstützung -[Mindestanforderungen an Browser-Kompatibilität] - -### Performance-Budget -[Falls definiert: Maximale Ladezeit, Bundle-Größe, etc.] - ---- - -## Zeitliche Einschränkungen - -### Deadline -[Falls relevant] - -### Priorisierung -[Was muss zuerst fertig sein?] - ---- - -## Budget-Einschränkungen - -### Keine kostenpflichtigen Services -[Falls relevant: Keine Stock-Fotos, keine Premium-Fonts, etc.] - ---- - -*Constraints sind harte Grenzen, keine Präferenzen.* +## 6. Compliance-Anforderungen +- Alle Inhalte müssen den geltenden gesetzlichen Bestimmungen entsprechen. +- Sicherstellung, dass alle gesammelten Daten den Datenschutzrichtlinien entsprechen und nur für den vorgesehenen Zweck verwendet werden. \ No newline at end of file diff --git a/briefs/CONTENT_INTENT.md b/briefs/CONTENT_INTENT.md index 2909764..4f69435 100644 --- a/briefs/CONTENT_INTENT.md +++ b/briefs/CONTENT_INTENT.md @@ -1,66 +1,30 @@ -# Content Intent +# CONTENT_INTENT.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. +## 1. Kernbotschaften +- **Expertise und Vertrauen:** Das Unternehmen bietet fundierte Lösungen, die auf die Bedürfnisse einer fortgeschrittenen Zielgruppe zugeschnitten sind. +- **Rationalität im Fokus:** Entscheidungen werden auf Basis von Fakten und Daten getroffen, was die Glaubwürdigkeit der angebotenen Leistungen unterstreicht. +- **Kundenzentrierter Ansatz:** Die Bedürfnisse und Herausforderungen der Zielgruppe stehen im Mittelpunkt aller Inhalte. ---- +## 2. Zentrale Argumente +- **Erfahrung und Fachwissen:** Das Unternehmen verfügt über umfangreiche Kenntnisse in der Branche, die es ihm ermöglichen, maßgeschneiderte Lösungen anzubieten. +- **Nachweisbare Ergebnisse:** Durch konkrete Fallstudien und Beispiele wird die Effektivität der angebotenen Leistungen demonstriert. +- **Transparente Kommunikation:** Klare und verständliche Informationen fördern das Vertrauen und die Entscheidungsfindung der Zielgruppe. -## Kernbotschaft +## 3. Tonalität und Stimme +- **Freundlich und einladend:** Die Ansprache soll eine positive Beziehung zur Zielgruppe aufbauen. +- **Kurz und prägnant:** Informationen werden klar und direkt vermittelt, um die Aufmerksamkeit der Leser zu halten. +- **Professionell und sachlich:** Der Schreibstil spiegelt die Rationalität der Zielgruppe wider und fördert das Vertrauen in die Expertise des Unternehmens. -[Die eine Aussage, die Besucher mitnehmen sollen] +## 4. Call-to-Actions +- **Primärer CTA:** „Kontaktieren Sie uns“ – fördert direkte Interaktion und den Austausch von Informationen. +- **Sekundärer CTA:** „Erfahren Sie mehr über unsere Leistungen“ – lenkt die Aufmerksamkeit auf die angebotenen Lösungen und deren Vorteile. ---- +## 5. Inhaltliche Prioritäten +- **Fachliche Expertise:** Inhalte, die das Wissen und die Erfahrung des Unternehmens hervorheben, sind vorrangig. +- **Lösungsorientierte Ansätze:** Informationen, die konkrete Lösungen für die Herausforderungen der Zielgruppe bieten, sind entscheidend. +- **Vertrauensfördernde Elemente:** Inhalte, die Transparenz und Glaubwürdigkeit schaffen, sollten prominent platziert werden. -## Inhalte, die überzeugen sollen - -### Vertrauensaufbau -- [Referenzen/Testimonials] -- [Zertifizierungen] -- [Zahlen/Fakten] - -### Kompetenz zeigen -- [Expertise-Bereiche] -- [Case Studies/Projekte] -- [Team/Qualifikationen] - -### Handlung auslösen -- [Primärer CTA] -- [Sekundärer CTA] - ---- - -## Inhaltstypen - -[Welche Arten von Content werden benötigt?] - -- [ ] Texte (Fließtext, Headlines) -- [ ] Bilder (Fotos, Illustrationen) -- [ ] Icons -- [ ] Videos -- [ ] Testimonials/Zitate -- [ ] Statistiken/Zahlen -- [ ] Formulare -- [ ] Karten/Maps -- [ ] Downloads (PDFs, etc.) - ---- - -## Ton & Stil des Contents - -### Sprachstil -[Sachlich, emotional, technisch, locker, etc.] - -### Ansprache -[Du/Sie, direkt/indirekt] - -### Textlänge -[Kurz & knackig vs. ausführlich & informativ] - ---- - -## Vorhandene Inhalte - -[Was existiert bereits? Was muss erstellt werden?] - ---- - -*Der Content bestimmt maßgeblich, wie die Website strukturiert wird.* +## 6. Argumentationskette +- **Bedarfsermittlung:** Der Inhalt identifiziert die spezifischen Bedürfnisse und Herausforderungen der Zielgruppe. +- **Präsentation von Lösungen:** Durch die Darstellung von Lösungen wird der Leser überzeugt, dass das Unternehmen die richtige Wahl ist. +- **Handlungsaufforderung:** Nach der Überzeugung folgt der klare Aufruf zur Kontaktaufnahme oder zur Vertiefung des Angebots, um die Conversion zu fördern. \ No newline at end of file diff --git a/briefs/DESIGN_INTENT.md b/briefs/DESIGN_INTENT.md index d093e5f..9b6ca00 100644 --- a/briefs/DESIGN_INTENT.md +++ b/briefs/DESIGN_INTENT.md @@ -1,55 +1,37 @@ -# Design Intent +# DESIGN_INTENT.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. +## Atmosphäre und Stimmung +Die Website soll eine einladende und vertrauensvolle Atmosphäre schaffen. Besucher sollen sich wohlfühlen und das Gefühl haben, dass sie in einem professionellen, aber dennoch persönlichen Raum sind. Die Interaktion soll angenehm und intuitiv sein, sodass die Nutzer mühelos durch die Inhalte navigieren können. ---- +## Stil-Adjektive +- Vertrauenswürdig +- Modern +- Zugänglich +- Professionell +- Inspirierend -## Gewünschte Wirkung +## Emotionale Wirkung auf Besucher +Die Website soll ein Gefühl der Zugehörigkeit und des Verständnisses vermitteln. Besucher sollen sich mit der Marke identifizieren können und das Gefühl haben, dass ihre Bedürfnisse und Anliegen ernst genommen werden. Durch eine positive emotionale Ansprache wird die Bindung zur Marke gestärkt. -[Wie soll die Website auf den Besucher wirken?] +## Markenwahrnehmung +Die Marke soll als kompetent und nahbar wahrgenommen werden. Sie soll den Eindruck erwecken, dass sie nicht nur Produkte oder Dienstleistungen anbietet, sondern auch echte Lösungen für die Herausforderungen ihrer Kunden bereitstellt. Die Marke soll als Partner in der Region auftreten, der die lokalen Gegebenheiten und Bedürfnisse versteht. -### Atmosphäre-Wörter -- [z.B. Modern, Vertrauenswürdig, Innovativ] -- [z.B. Warm, Einladend, Professionell] -- [z.B. Minimalistisch, Klar, Hochwertig] +## Kontext zu Farben/Fonts +Die Farbpalette soll eine harmonische Balance zwischen Professionalität und Zugänglichkeit schaffen. Der Primärton (#2563eb) wird für vertrauensvolle Akzente genutzt, während der Sekundärton (#64748b) Stabilität und Seriosität ausstrahlt. Der Akzentton (#f59e0b) soll gezielt eingesetzt werden, um wichtige Informationen hervorzuheben und eine positive Energie zu vermitteln. Die Schriftarten sollten klar und gut lesbar sein, um die Zugänglichkeit zu fördern. -### Die Website soll NICHT wirken wie: -- [z.B. Kalt, Technisch, Überladen] -- [z.B. Billig, Generisch, Veraltet] +## Was NICHT passieren darf +- Übermäßige Komplexität in der Benutzerführung, die den Nutzer verwirrt. +- Ablenkende Animationen oder visuelle Effekte, die vom Inhalt ablenken. +- Unpersönliche Ansprache, die den Kontakt zur Zielgruppe verliert. ---- +## Was NICHT visuell dominant sein darf +- Grafische Elemente, die die Inhalte überlagern oder in den Hintergrund drängen. +- Überladene Informationen, die den Nutzer überfordern und die Kernbotschaft verwässern. -## Farbpräferenzen +## Wo bewusst Zurückhaltung herrschen soll +- Bei der Verwendung von Farben und visuellen Effekten, um eine klare und ruhige Benutzererfahrung zu gewährleisten. +- In der Gestaltung von interaktiven Elementen, um den Fokus auf den Inhalt zu lenken und nicht auf die Technik. -### Vorhandene Markenfarben -[Falls vorhanden: Hex-Codes oder Beschreibungen] - -### Gewünschte Farbrichtung -[Falls keine Markenfarben: Dunkel/Hell, Warm/Kühl, Bunt/Zurückhaltend] - ---- - -## Inspiration & Referenzen - -### Positiv-Beispiele -[URLs oder Beschreibungen von Websites, die gefallen] - -### Was daran gefällt -[Konkrete Elemente, nicht "alles"] - ---- - -## Was die KI entscheidet - -Die folgenden Aspekte sind NICHT vorgegeben und liegen in der Verantwortung der KI: - -- Konkrete Farbwerte (außer gegebene Markenfarben) -- Typografie-Auswahl -- Spacing & Layout -- Komponentenstile -- Animationen -- Bildstile - ---- - -*Diese Datei gibt eine Richtung vor, keine Implementierung.* +## Wo das Design bewusst "anders" sein darf als erwartet +- In der Präsentation von Informationen, die kreativ und unkonventionell aufbereitet werden kann, um das Interesse der Besucher zu wecken. +- Bei der Ansprache der Zielgruppe, die durch persönliche Geschichten oder lokale Bezüge emotional angesprochen wird, um eine tiefere Verbindung herzustellen. \ No newline at end of file diff --git a/briefs/PRODUCT_INTENT.md b/briefs/PRODUCT_INTENT.md new file mode 100644 index 0000000..b81697d --- /dev/null +++ b/briefs/PRODUCT_INTENT.md @@ -0,0 +1,32 @@ +# PRODUCT_INTENT.md + +## Einleitung +Die Struktur einer Website sollte maßgeblich durch die angebotenen Produkte oder Dienstleistungen beeinflusst werden. In diesem Dokument wird analysiert, wie die Struktur optimiert werden kann, um den Bedürfnissen der Zielgruppe gerecht zu werden, auch wenn derzeit keine spezifischen Produkte oder Dienstleistungen definiert sind. + +## 1. PRODUKT-KOMPLEXITÄT +Da aktuell keine Produkte oder Dienstleistungen vorhanden sind, ist es wichtig, eine flexible Struktur zu schaffen, die sowohl einfache als auch komplexe Angebote berücksichtigen kann. + +- **Einfach vs. Komplex**: Die Struktur sollte so gestaltet sein, dass sie sowohl sofort verständliche als auch erklärungsbedürftige Dienstleistungen aufnehmen kann. +- **Standardisiert vs. Individuell**: Eine modulare Struktur ermöglicht die Integration von standardisierten Dienstleistungen sowie individuell zugeschnittenen Angeboten. +- **Einmalig vs. Wiederkehrend**: Die Struktur sollte sowohl einmalige als auch wiederkehrende Dienstleistungen abbilden können, um zukünftige Angebote flexibel zu integrieren. + +## 2. VERGLEICHBARKEIT +Da keine spezifischen Dienstleistungen definiert sind, sollte die Struktur darauf ausgelegt sein, zukünftige Vergleichsmöglichkeiten zu unterstützen. + +- **Direkte Vergleichbarkeit**: Die Struktur sollte Platz für klare Unterschiede zwischen Dienstleistungen bieten, um eine einfache Vergleichbarkeit zu gewährleisten. +- **Entscheidungshilfen**: Es sollte Raum für Entscheidungshilfen geschaffen werden, die den Nutzern helfen, die für sie passende Dienstleistung zu finden. + +## 3. ENTSCHEIDUNGSLOGIK DES NUTZERS +Die Zielgruppe hat einen fortgeschrittenen Wissensstand und trifft rationale Entscheidungen. Die Struktur sollte dies berücksichtigen. + +- **Rationale Entscheidungen**: Die Präsentation von Dienstleistungen sollte sich auf Preis und Features konzentrieren, um rationale Entscheidungen zu fördern. +- **Emotionale Entscheidungen**: Es sollte auch Platz für emotionale Aspekte geschaffen werden, um Vertrauen aufzubauen und das Gefühl der Sicherheit zu vermitteln. + +## 4. STRUKTURELLE KONSEQUENZEN +Die Struktur sollte klar definierte Bereiche für die Präsentation von Dienstleistungen bieten. + +- **Präsentation**: Dienstleistungen sollten in einer Weise präsentiert werden, die sowohl Vergleiche als auch Erklärungen ermöglicht. Eine klare Hierarchie ist entscheidend. +- **Reihenfolge**: Die Struktur sollte mit den am häufigsten nachgefragten Dienstleistungen beginnen und dann zu spezifischeren Angeboten übergehen. Dies erleichtert den Nutzern die Navigation. + +## Fazit +Obwohl derzeit keine spezifischen Produkte oder Dienstleistungen definiert sind, sollte die Website-Struktur flexibel und anpassungsfähig gestaltet werden. Dies ermöglicht eine effiziente Integration zukünftiger Angebote und unterstützt die Entscheidungsfindung der Zielgruppe. Die klare Hierarchie und die Möglichkeit zur Vergleichbarkeit sind entscheidend für die Optimierung der Nutzererfahrung und die Erreichung der Conversion-Ziele. \ No newline at end of file diff --git a/briefs/PROJECT_BRIEF.md b/briefs/PROJECT_BRIEF.md index c052232..a4b9235 100644 --- a/briefs/PROJECT_BRIEF.md +++ b/briefs/PROJECT_BRIEF.md @@ -1,31 +1,31 @@ -# Project Brief +# PROJECT_BRIEF.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. Die Platzhalter zeigen die erwartete Struktur. +## Projektzusammenfassung +Das Projekt zielt darauf ab, eine moderne und benutzerfreundliche Website für den Kunden "test" zu entwickeln. Die Website soll die Dienstleistungen des Unternehmens klar kommunizieren und die Interaktion mit der Zielgruppe fördern. ---- +## Kernziel der Website +Das Hauptziel der Website ist es, die Sichtbarkeit des Unternehmens zu erhöhen und potenzielle Kunden zur Kontaktaufnahme zu animieren. -## Projektname +## Erwartungshaltung des Kunden +Der Kunde erwartet eine ansprechende, funktionale Website, die den Anforderungen der Zielgruppe gerecht wird und die Unternehmenswerte widerspiegelt. Die Website soll als effektives Marketinginstrument dienen. -[Wird vom Generator eingefügt] +## Anspruchsniveau +Das Projekt wird auf einem Premium-Niveau umgesetzt, um eine herausragende Benutzererfahrung und ein ansprechendes Design zu gewährleisten. -## Zusammenfassung +## Erfolgskriterien +Der Erfolg der Website wird anhand folgender Kriterien gemessen: +- Erhöhung der Besucherzahlen +- Steigerung der Kontaktanfragen über das bereitgestellte Formular +- Positive Rückmeldungen von Nutzern zur Benutzerfreundlichkeit -[Kurze Beschreibung des Projekts in 2-3 Sätzen: Was ist das Unternehmen/die Organisation? Was soll die Website erreichen?] +## Projektkontext +Der Kunde ist ein etabliertes KMU in Österreich mit regionaler Marktreichweite. Die Zielgruppe umfasst Personen im Alter von 25 bis 55 Jahren mit fortgeschrittenem Wissensstand. Es ist wichtig, die Website so zu gestalten, dass sie den spezifischen Bedürfnissen dieser Zielgruppe gerecht wird. -## Hauptziele der Website +## Was macht dieses Projekt ANDERS als andere in der Branche? +Dieses Projekt hebt sich durch den Fokus auf eine klare, zielgruppenspezifische Ansprache und die Integration von interaktiven Elementen ab, die die Nutzerbindung erhöhen. -1. [Primäres Ziel] -2. [Sekundäres Ziel] -3. [Tertiäres Ziel, falls vorhanden] +## Was wäre eine schlechte Standard-Lösung für dieses Projekt? +Eine Standard-Lösung, die lediglich eine einfache Informationspräsentation ohne Benutzerinteraktion bietet, würde den Bedürfnissen der Zielgruppe nicht gerecht werden und die Effektivität der Website stark einschränken. -## Gewünschte Wirkung - -[Wie soll sich ein Besucher nach dem Besuch der Website fühlen? Was soll er tun?] - -## Besondere Anforderungen - -[Spezifische Features, Integrationen oder Einschränkungen, die berücksichtigt werden müssen] - ---- - -*Diese Datei ist der Ausgangspunkt für alle anderen Briefs. Sie gibt den Gesamtkontext vor.* +## Welche Erwartungen der Branche darf/sollte man bewusst brechen? +Es sollte die Erwartung gebrochen werden, dass eine Unternehmenswebsite statisch und unpersönlich sein muss. Stattdessen soll die Website eine freundliche, einladende Atmosphäre schaffen, die den Nutzer aktiv anspricht und zur Interaktion anregt. \ No newline at end of file diff --git a/briefs/QUALITY_CHECK.md b/briefs/QUALITY_CHECK.md new file mode 100644 index 0000000..901bbc4 --- /dev/null +++ b/briefs/QUALITY_CHECK.md @@ -0,0 +1,43 @@ +# QUALITY_CHECK.md + +## 1. KI-ERKENNBARKEIT +**Antwort: JA** + +Die bisherigen Briefings zeigen mehrere Merkmale, die auf eine KI-generierte Erstellung hindeuten: + +- **Typische KI-Muster:** Häufige Verwendung von Standardformulierungen und Satzstrukturen, die monoton wirken. Beispielsweise sind viele Sätze im gleichen Rhythmus und folgen dem Muster "Subjekt → Verb → Objekt". +- **Generische Strukturen:** Die Inhalte sind oft vage und nicht spezifisch genug, was auf eine generische Herangehensweise hinweist. Begriffe wie "moderne und benutzerfreundliche Website" sind austauschbar und bieten keinen Mehrwert. +- **Austauschbare Formulierungen:** Viele Abschnitte könnten leicht für andere Unternehmen oder Branchen verwendet werden, ohne dass wesentliche Anpassungen erforderlich sind. + +**Verbesserungsvorschlag:** Eine Überarbeitung der Texte mit spezifischeren Formulierungen und einer abwechslungsreicheren Satzstruktur könnte die KI-Erkennbarkeit reduzieren. + +## 2. BRANCHEN-SPEZIFITÄT +**Antwort: NEIN** + +Die Briefings sind zu generisch und könnten auf eine Vielzahl von Unternehmen angewendet werden. + +- **Generische Inhalte:** Begriffe wie "moderne und benutzerfreundliche Website" oder "professionelles und ansprechendes Design" sind nicht spezifisch für die Branche und könnten in vielen Kontexten verwendet werden. +- **Mangelnde Differenzierung:** Es fehlen spezifische Merkmale oder Anforderungen, die das Unternehmen "test" von anderen abheben. + +**Verbesserungsvorschlag:** Die Inhalte sollten durch branchenspezifische Details und Beispiele ergänzt werden, um die Einzigartigkeit des Unternehmens hervorzuheben und die Zielgruppe gezielt anzusprechen. + +## 3. KUNDEN-FIT +**Antwort: NEIN** + +Die Briefings passen nicht optimal zur Zielgruppe und Unternehmenskultur. + +- **Standort:** Der Standort ist nicht klar definiert, was die Relevanz der Inhalte für die regionale Zielgruppe einschränkt. +- **Zielgruppe:** Die Beschreibungen sind zu allgemein gehalten und berücksichtigen nicht die spezifischen Bedürfnisse und Erwartungen der Zielgruppe "test". +- **Unternehmenskultur:** Die Inhalte vermitteln nicht ausreichend die Werte und die Kultur des Unternehmens, was für die Zielgruppe wichtig ist. + +**Verbesserungsvorschlag:** Eine detaillierte Analyse der Zielgruppe und eine stärkere Berücksichtigung der Unternehmenskultur in den Briefings könnten die Relevanz und den Kundenfit erhöhen. + +## FAZIT +Die bisherigen Briefings sind in ihrer aktuellen Form nicht freigabefähig. Sie weisen zu viele generische Elemente auf, die sowohl die KI-Erkennbarkeit als auch die Branchen-Spezifität beeinträchtigen. Zudem fehlt es an einer klaren Ausrichtung auf die Zielgruppe und die Unternehmenskultur. + +**Empfohlene Maßnahmen:** +- Überarbeitung der Inhalte mit spezifischen, einzigartigen Merkmalen des Unternehmens. +- Anpassung der Sprache und Struktur zur Vermeidung von KI-Mustern. +- Berücksichtigung der regionalen und kulturellen Aspekte der Zielgruppe. + +**Finale Bewertung:** ABLEHNUNG \ No newline at end of file diff --git a/briefs/SEO_INTENT.md b/briefs/SEO_INTENT.md index 768b42b..a908132 100644 --- a/briefs/SEO_INTENT.md +++ b/briefs/SEO_INTENT.md @@ -1,77 +1,42 @@ -# SEO Intent +# SEO_INTENT.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. +## 1. Primäre Suchintentionen +Die Zielgruppe sucht nach spezifischen Informationen, Dienstleistungen oder Lösungen, die auf ihre fortgeschrittenen Kenntnisse und Bedürfnisse abgestimmt sind. Mögliche Suchintentionen könnten sein: ---- +- **Informationssuche**: Die Zielgruppe möchte sich über aktuelle Trends oder Entwicklungen in der Branche informieren. +- **Lösungsorientierte Suche**: Nutzer suchen nach spezifischen Lösungen für ihre Probleme oder Herausforderungen. +- **Vergleichende Suche**: Die Zielgruppe vergleicht verschiedene Anbieter oder Dienstleistungen, um die beste Option zu finden. -## Primäre Suchintention +## 2. Regionale Relevanz +Da das Unternehmen eine regionale Marktreichweite in Österreich hat, ist lokale SEO von großer Bedeutung. Die Zielgruppe wird wahrscheinlich nach Dienstleistungen oder Informationen suchen, die in ihrer Nähe verfügbar sind. Eine gezielte Ansprache regionaler Suchanfragen kann die Sichtbarkeit erheblich erhöhen und potenzielle Kunden anziehen. -### Hauptkeyword -[Das wichtigste Keyword, für das gerankt werden soll] +## 3. Themen-Cluster +Die relevanten Themenfelder sollten sich an den Bedürfnissen und Interessen der Zielgruppe orientieren. Mögliche Themen-Cluster könnten umfassen: -### Suchintention dahinter -[Was sucht jemand, der dieses Keyword eingibt?] +- **Branchenspezifische Trends**: Aktuelle Entwicklungen und Innovationen in der Branche. +- **Best Practices**: Effektive Strategien und Methoden zur Lösung spezifischer Probleme. +- **Fallstudien**: Erfolgreiche Beispiele aus der Praxis, die der Zielgruppe als Orientierung dienen können. +- **Vergleich von Dienstleistungen**: Analysen und Vergleiche von verschiedenen Angeboten in der Branche. ---- +## 4. Wettbewerbs-Landschaft +Die Wettbewerbslandschaft sollte analysiert werden, um die Stärke der Konkurrenz zu verstehen. In einer regionalen Nische kann der Wettbewerb variieren: -## Keyword-Cluster +- **Hoher Wettbewerb**: Wenn viele Anbieter ähnliche Dienstleistungen anbieten, ist es wichtig, sich durch qualitativ hochwertige Inhalte und gezielte Ansprache abzuheben. +- **Geringer Wettbewerb**: In weniger besetzten Nischen besteht die Möglichkeit, schneller Sichtbarkeit zu erlangen, indem spezifische Themen behandelt werden. -### Primäre Keywords -1. [Keyword 1] -2. [Keyword 2] -3. [Keyword 3] +## 5. Content-Chancen +Es gibt mehrere Chancen, um Inhalte zu erstellen, die potenziell gut ranken können: -### Sekundäre Keywords -- [Longtail-Keyword 1] -- [Longtail-Keyword 2] -- [Longtail-Keyword 3] +- **Leitfäden und Tutorials**: Detaillierte Anleitungen zu spezifischen Themen, die der Zielgruppe helfen, ihre Probleme zu lösen. +- **Blog-Artikel**: Regelmäßige Beiträge zu aktuellen Trends und Entwicklungen, die die Zielgruppe interessieren. +- **Webinare und Videos**: Interaktive Formate, die komplexe Themen anschaulich erklären und die Zielgruppe ansprechen. ---- +## 6. Suchbegriffe und Variationen +Die thematischen Suchbegriffe sollten sich an den Bedürfnissen der Zielgruppe orientieren. Mögliche Variationen könnten sein: -## Lokale SEO +- **"Aktuelle Trends in [Branche]"** +- **"Best Practices für [spezifisches Problem]"** +- **"Vergleich von [Dienstleistung A] und [Dienstleistung B]"** +- **"Erfolgreiche Fallstudien in [Branche]"** -### Zielregion -[Stadt, Region, Land] - -### Lokale Begriffe -[Regionale Bezeichnungen, Ortsnamen, etc.] - -### Google Business Profile -[Vorhanden? Zu optimieren?] - ---- - -## Wettbewerbs-Keywords - -### Konkurrenten -- [Konkurrent 1] -- [Konkurrent 2] - -### Keywords, die Konkurrenten ranken -[Falls bekannt] - ---- - -## Content-Strategie für SEO - -### Fragen, die beantwortet werden sollen -- [Frage 1] -- [Frage 2] -- [Frage 3] - -### Themencluster -[Übergeordnete Themen, die abgedeckt werden sollen] - ---- - -## Technische SEO-Anforderungen - -- [ ] Schnelle Ladezeiten -- [ ] Mobile-Optimierung -- [ ] Strukturierte Daten (Schema.org) -- [ ] Sitemap -- [ ] Robots.txt - ---- - -*SEO ist kein Nachsatz, sondern beeinflusst die gesamte Content-Struktur.* +Diese Begriffe und Variationen sollten als Grundlage für die Content-Strategie dienen, um die Suchintention der Zielgruppe bestmöglich zu bedienen. \ No newline at end of file diff --git a/briefs/SITE_ARCHITECTURE.md b/briefs/SITE_ARCHITECTURE.md new file mode 100644 index 0000000..651c5cc --- /dev/null +++ b/briefs/SITE_ARCHITECTURE.md @@ -0,0 +1,71 @@ +# SITE_ARCHITECTURE.md + +## 1. Startseite +- **URL-Pfad:** / +- **Primärzweck:** Informieren über das Unternehmen und seine Kernangebote. +- **Sekundärzweck:** Nutzer zu den wichtigsten Informationen und Handlungsaufforderungen leiten. +- **Empfohlene Sektionen:** + - Einleitung mit Unternehmensüberblick + - Übersicht der Hauptleistungen + - Call-to-Action (CTA) für Kontaktaufnahme + - Verlinkungen zu den Unterseiten (Über Uns, Leistungen) + +### User Journey +Die Startseite dient als zentrale Anlaufstelle. Nutzer können direkt zu den Unterseiten navigieren oder die CTAs nutzen, um Kontakt aufzunehmen. + +--- + +## 2. Über Uns +- **URL-Pfad:** /ueber-uns +- **Primärzweck:** Informieren über die Unternehmensgeschichte, Mission und Werte. +- **Sekundärzweck:** Vertrauen aufbauen und die Identität des Unternehmens stärken. +- **Empfohlene Sektionen:** + - Unternehmensgeschichte + - Mission und Werte + - Teamvorstellung + - Verlinkung zur Startseite und zu den Leistungen + +### User Journey +Nutzer gelangen von der Startseite zur Über Uns-Seite, um mehr über das Unternehmen zu erfahren. Diese Seite sollte Vertrauen schaffen und die Nutzer ermutigen, die Leistungen zu erkunden oder Kontakt aufzunehmen. + +--- + +## 3. Leistungen +- **URL-Pfad:** /leistungen +- **Primärzweck:** Überzeugen von den angebotenen Dienstleistungen und deren Nutzen. +- **Sekundärzweck:** Nutzer zur Kontaktaufnahme motivieren. +- **Empfohlene Sektionen:** + - Detaillierte Beschreibung der einzelnen Leistungen + - Vorteile der Dienstleistungen + - Kundenreferenzen oder Fallstudien + - Call-to-Action (CTA) für Kontaktaufnahme + - Verlinkung zur Startseite und zur Über Uns-Seite + +### User Journey +Nutzer gelangen von der Startseite oder der Über Uns-Seite zur Leistungen-Seite, um spezifische Informationen über Angebote zu erhalten. Die CTAs sollen die Nutzer zur Kontaktaufnahme anregen. + +--- + +## 4. Kontakt +- **URL-Pfad:** /kontakt +- **Primärzweck:** Konvertieren von Besuchern in Leads durch Kontaktaufnahme. +- **Sekundärzweck:** Bereitstellung von Informationen zu Kontaktmethoden. +- **Empfohlene Sektionen:** + - Kontaktformular + - Alternative Kontaktmethoden (z.B. E-Mail, Telefon) + - Standortkarte (falls relevant) + - Verlinkung zur Startseite und zu den Leistungen + +### User Journey +Nutzer gelangen von der Startseite oder den anderen Seiten zur Kontakt-Seite, um direkt mit dem Unternehmen in Verbindung zu treten. Das Kontaktformular und die Kontaktmethoden sollen die Konversion fördern. + +--- + +## Navigationsstruktur +Die Website folgt einer klaren hierarchischen Struktur: +- **Startseite** (Hauptnavigation) + - Über Uns + - Leistungen + - Kontakt + +Die Navigation ist intuitiv gestaltet, sodass Nutzer problemlos zwischen den Seiten wechseln können. Die CTAs sind strategisch platziert, um die Nutzer zu den gewünschten Aktionen zu führen. \ No newline at end of file diff --git a/briefs/USER_CONTEXT.md b/briefs/USER_CONTEXT.md index 59eec35..181ae85 100644 --- a/briefs/USER_CONTEXT.md +++ b/briefs/USER_CONTEXT.md @@ -1,51 +1,33 @@ -# User Context +# USER_CONTEXT.md -> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. +## Wer sind diese Menschen? +Die primäre Zielgruppe umfasst Erwachsene im Alter von 25 bis 55 Jahren, die in einem rationalen Entscheidungsprozess verankert sind. Diese Personen sind in der Regel berufstätig, haben ein gewisses Maß an Erfahrung in ihrem Fachgebiet und sind in der Lage, komplexe Informationen zu verarbeiten. Sie sind oft technologieaffin und nutzen digitale Plattformen zur Informationsbeschaffung und Entscheidungsfindung. ---- +## Was sind ihre konkreten Ziele und Bedürfnisse? +Die Zielgruppe strebt danach, informierte Entscheidungen zu treffen, die sowohl kurzfristige als auch langfristige Vorteile bieten. Sie suchen nach Lösungen, die ihre Effizienz steigern, Kosten senken oder ihre Lebensqualität verbessern. Ein weiteres Ziel ist es, sich über aktuelle Trends und Entwicklungen in ihrem Bereich auf dem Laufenden zu halten. -## Primäre Zielgruppe +## Welche Probleme haben sie, die das Unternehmen lösen kann? +Obwohl spezifische Probleme nicht definiert sind, könnte die Zielgruppe mit Herausforderungen konfrontiert sein, die mit der Informationsüberflutung, der Auswahl geeigneter Produkte oder Dienstleistungen sowie der Unsicherheit über deren Qualität und Nutzen zusammenhängen. Das Unternehmen hat die Möglichkeit, diese Unsicherheiten zu adressieren und klare, vertrauenswürdige Informationen bereitzustellen. -### Wer sind sie? -[Demografische und psychografische Merkmale] +## Was wissen sie bereits? +Die Zielgruppe hat ein fortgeschrittenes Wissen in ihrem Fachgebiet. Sie sind mit grundlegenden Konzepten und aktuellen Trends vertraut, haben jedoch möglicherweise spezifische Fragen oder benötigen tiefere Einblicke in bestimmte Themen. Ihr Informationsstand ermöglicht es ihnen, kritisch zu hinterfragen und fundierte Entscheidungen zu treffen. -### Wo kommen sie her? -[Wie finden sie zur Website? Google, Social Media, Empfehlung, etc.] +## Wie treffen sie Entscheidungen? +Entscheidungen werden rational und analytisch getroffen. Die Zielgruppe bewertet verschiedene Optionen, vergleicht Vor- und Nachteile und stützt sich auf Daten und Fakten. Empfehlungen von Experten oder positiven Nutzererfahrungen spielen ebenfalls eine wichtige Rolle in ihrem Entscheidungsprozess. -### Was suchen sie? -[Welche Informationen oder Lösungen erwarten sie?] +## Was suchen sie auf der Website? +Die Zielgruppe sucht nach klaren, präzisen Informationen über Produkte oder Dienstleistungen, die ihre Bedürfnisse erfüllen. Sie erwarten eine benutzerfreundliche Navigation, transparente Preisgestaltung und detaillierte Beschreibungen. Zudem sind sie an Kundenbewertungen und Fallstudien interessiert, um die Qualität und den Nutzen besser einschätzen zu können. ---- +## Welche Fragen haben sie? +Die häufigsten Fragen könnten sich um die folgenden Themen drehen: +- Wie unterscheidet sich Ihr Angebot von anderen? +- Welche konkreten Vorteile bietet Ihr Produkt oder Ihre Dienstleistung? +- Gibt es Erfahrungsberichte oder Referenzen von anderen Nutzern? +- Welche Garantien oder Rückgabemöglichkeiten bestehen? -## Probleme & Bedürfnisse - -### Hauptproblem -[Das wichtigste Problem, das die Zielgruppe hat] - -### Weitere Bedürfnisse -- [Bedürfnis 1] -- [Bedürfnis 2] -- [Bedürfnis 3] - ---- - -## Erwartungen an die Website - -### Was erwarten sie zu finden? -[Konkrete Inhalte, Features, Informationen] - -### Was würde sie überzeugen? -[Vertrauenssignale, Beweise, Testimonials, etc.] - -### Was würde sie abschrecken? -[No-Gos aus Nutzersicht] - ---- - -## Sekundäre Zielgruppen - -[Falls vorhanden: Weitere Nutzergruppen und ihre spezifischen Bedürfnisse] - ---- - -*Je besser das Nutzerverständnis, desto zielgerichteter kann die KI die Website gestalten.* +## Was könnte sie abschrecken? +Mögliche Einwände oder Bedenken könnten sein: +- Unklare oder übermäßig komplexe Informationen, die das Vertrauen in die angebotenen Lösungen untergraben. +- Fehlende Transparenz in Bezug auf Preise oder Vertragsbedingungen. +- Negative Bewertungen oder mangelnde Nachweise über die Qualität des Angebots. +- Eine unübersichtliche Website, die die Informationssuche erschwert. \ No newline at end of file diff --git a/meta/generation_log.json b/meta/generation_log.json new file mode 100644 index 0000000..0564a4b --- /dev/null +++ b/meta/generation_log.json @@ -0,0 +1,24 @@ +[ + { + "projectId": "19a76f9c-abed-4e05-a7bd-bddc0dea3785", + "generatedAt": "2026-02-05T13:06:22.455Z", + "generator": "website-prototype-generator-v2", + "pipelineVersion": "2.0-agents", + "llmUsed": true, + "artifacts": [ + "briefs/PROJECT_BRIEF.md", + "briefs/BRANCH_ADAPTATION.md", + "briefs/PRODUCT_INTENT.md", + "briefs/BUSINESS_CONTEXT.md", + "briefs/USER_CONTEXT.md", + "briefs/CONTENT_INTENT.md", + "briefs/ANTI_KI_STYLE.md", + "briefs/SITE_ARCHITECTURE.md", + "briefs/DESIGN_INTENT.md", + "briefs/SEO_INTENT.md", + "briefs/CONSTRAINTS.md", + "prompts/MASTER_PROMPT.md", + "briefs/QUALITY_CHECK.md" + ] + } +] \ No newline at end of file diff --git a/prompts/master_prompt.md b/prompts/master_prompt.md index 216d172..a913b3a 100644 --- a/prompts/master_prompt.md +++ b/prompts/master_prompt.md @@ -1,83 +1,37 @@ -# Master Prompt +# MASTER_PROMPT.md -## Anweisung an die KI +## Auftragsformulierung +Du bist beauftragt, eine moderne und benutzerfreundliche Website für den Kunden "test" zu entwickeln. Die Website soll die Dienstleistungen des Unternehmens klar kommunizieren und die Interaktion mit der Zielgruppe fördern. Dein Ziel ist es, die Sichtbarkeit des Unternehmens zu erhöhen und potenzielle Kunden zur Kontaktaufnahme zu animieren. -Du bist ein Senior Web Developer und Designer. Deine Aufgabe ist es, eine launch-ready Website zu erstellen. +## Verweise auf vorhandene Briefs +Bitte beziehe dich auf die folgenden Dokumente, um die Anforderungen und Erwartungen zu verstehen: ---- +- [PROJECT_BRIEF.md](../briefs/PROJECT_BRIEF.md) – Projektzusammenfassung und Kernziele +- [BRANCH_ADAPTATION.md](../briefs/BRANCH_ADAPTATION.md) – Branchenanpassung und visuelle Erwartungen +- [PRODUCT_INTENT.md](../briefs/PRODUCT_INTENT.md) – Strukturierung der Produkte und Dienstleistungen +- [USER_CONTEXT.md](../briefs/USER_CONTEXT.md) – Zielgruppenanalyse und Bedürfnisse +- [CONTENT_INTENT.md](../briefs/CONTENT_INTENT.md) – Kernbotschaften und zentrale Argumente +- [ANTI_KI_STYLE.md](../briefs/ANTI_KI_STYLE.md) – Menschlicher Stil und Vermeidung von KI-Mustern +- [SITE_ARCHITECTURE.md](../briefs/SITE_ARCHITECTURE.md) – Struktur der Website +- [DESIGN_INTENT.md](../briefs/DESIGN_INTENT.md) – Atmosphäre und Stimmung +- [SEO_INTENT.md](../briefs/SEO_INTENT.md) – Suchintentionen und regionale Relevanz +- [CONSTRAINTS.md](../briefs/CONSTRAINTS.md) – Rechtliche Einschränkungen und No-Gos -## Schritt 1: Kontext verstehen +## Entscheidungshoheit +Du hast die volle Entscheidungshoheit, um die Website zu gestalten und zu strukturieren. Nutze dein Urteilsvermögen, um die besten Lösungen für die Bedürfnisse des Kunden und der Zielgruppe zu finden. -Lies alle Dateien in diesem Repository: +## Selbstständige Planung +Plane den Aufbau und die Inhalte der Website eigenständig, basierend auf den Informationen aus den oben genannten Briefs. Berücksichtige dabei die spezifischen Anforderungen und Erwartungen des Kunden sowie die Bedürfnisse der Zielgruppe. -- `framework/FRAMEWORK.md` – Technischer Stack -- `ai/SYSTEM_RULES.md` – Harte Qualitätsregeln -- `ai/QUALITY_STANDARD.md` – Definition von "fertig" -- `ai/AI_DECISION_LOGIC.md` – Deine Entscheidungskompetenz -- `briefs/*.md` – Der eigentliche Kundenauftrag +## Qualitäts-Selbstprüfung +Führe eine umfassende Qualitätsprüfung deiner Arbeit durch. Stelle sicher, dass alle Inhalte und Strukturen den festgelegten Standards entsprechen und die Erwartungen des Kunden erfüllen. -Verstehe den Gesamtkontext, bevor du beginnst. +## Anti-Generik-Anweisungen +- Du DARFST Struktur variieren, um die Inhalte ansprechender zu gestalten. +- Du DARFST Erwartungen brechen, wenn dies sinnvoll ist, um die Nutzererfahrung zu verbessern. +- Du MUSST Produkte strukturell korrekt abbilden (siehe [PRODUCT_INTENT.md](../briefs/PRODUCT_INTENT.md)). +- Du MUSST Branchenlogik berücksichtigen (siehe [BRANCH_ADAPTATION.md](../briefs/BRANCH_ADAPTATION.md)). +- Du MUSST menschlich wirken (siehe [ANTI_KI_STYLE.md](../briefs/ANTI_KI_STYLE.md)). +- Strebe danach, lieber mutig und passend als sicher und generisch zu sein. ---- - -## Schritt 2: Analyse - -Beantworte für dich selbst: - -- Wer ist der Kunde? -- Wer ist die Zielgruppe? -- Was soll die Website erreichen? -- Welche Stimmung soll sie vermitteln? -- Welche Inhalte sind vorhanden? -- Welche Constraints gelten? - ---- - -## Schritt 3: Planung - -Entscheide selbstständig: - -- Welche Seiten braucht die Website? -- Welche Sections auf jeder Seite? -- In welcher Reihenfolge? -- Welche Komponenten? -- Welches Layout? - -Dokumentiere deine Entscheidungen kurz, bevor du baust. - ---- - -## Schritt 4: Implementierung - -Baue die Website mit: - -- Next.js App Router -- TypeScript -- Tailwind CSS -- Optional: Framer Motion für Animationen - -Halte dich an die SYSTEM_RULES. - ---- - -## Schritt 5: Selbstprüfung - -Vor der Abgabe: - -- [ ] Erfüllt die Website die QUALITY_STANDARD.md Kriterien? -- [ ] Sind alle SYSTEM_RULES eingehalten? -- [ ] Funktioniert `npm run build` ohne Fehler? -- [ ] Ist die Website responsive? -- [ ] Sind alle Inhalte aus den Briefs berücksichtigt? - ---- - -## Wichtig - -Du bist nicht nur Ausführer. Du bist Mitdenker. - -Wenn etwas besser geht als beschrieben – mache es besser. -Wenn etwas fehlt – ergänze es sinnvoll. -Wenn etwas überflüssig ist – lass es weg. - -Baue keine generische Website. Baue *diese* Website. +Nutze diesen Master-Prompt als Grundlage für die Entwicklung der Website und stelle sicher, dass alle Aspekte berücksichtigt werden, um ein qualitativ hochwertiges Ergebnis zu erzielen. \ No newline at end of file