Initialize client project from skeleton (v2 agent pipeline)

Client: TeleNetSystems
Generated: 2026-02-05T10:10:42.672Z
This commit is contained in:
Prototype Generator
2026-02-05 11:12:34 +01:00
parent cb5f9ba367
commit 2612aa078b
10 changed files with 298 additions and 404 deletions

View File

@@ -1,58 +1,25 @@
# Business Context
# BUSINESS_CONTEXT.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt.
## Das Unternehmen in eigenen Worten
---
TeleNetSystems ist ein etabliertes IT- und Softwareunternehmen mit Sitz in Reutte, Tirol, das sich auf die Bereitstellung von TV-, Internet- und Telefoniediensten spezialisiert hat. Als regionaler Anbieter konzentriert sich TeleNetSystems darauf, seinen Kunden verlässliche und verständliche Technologielösungen zu bieten, die den Alltag erleichtern.
## Unternehmen/Organisation
## Branche und Marktumfeld
### Name
[Offizieller Name]
TeleNetSystems operiert in der IT- und Telekommunikationsbranche, die durch einen hohen Wettbewerbsdruck und schnelle technologische Entwicklungen gekennzeichnet ist. Der Markt ist geprägt von großen, internationalen Anbietern, aber auch von regionalen Unternehmen, die durch ihre lokale Präsenz und Kundennähe punkten. Der Fokus liegt auf der Bereitstellung stabiler und benutzerfreundlicher Dienste, die sowohl Privat- als auch Geschäftskunden ansprechen.
### Branche
[Branche/Sektor]
## Wettbewerbssituation und Positionierung
### Gründung
[Jahr, optional]
Im regionalen Markt von Tirol steht TeleNetSystems im Wettbewerb mit anderen lokalen und nationalen Telekommunikationsanbietern. Das Unternehmen positioniert sich als vertrauenswürdiger, regionaler Partner, der durch persönliche Betreuung und maßgeschneiderte Lösungen überzeugt. Die klare Trennung der Angebote für Privat- und Geschäftskunden ermöglicht eine gezielte Ansprache der jeweiligen Zielgruppen.
### Größe
[Anzahl Mitarbeiter, Standorte, etc.]
## Was macht dieses Unternehmen anders/besser?
---
TeleNetSystems hebt sich durch seine regionale Verwurzelung und den direkten Kundenkontakt ab. Das Unternehmen bietet transparente, einfach verständliche Dienstleistungen ohne komplizierte Prozesse. Die persönliche Erreichbarkeit und schnelle Unterstützung bei Problemen sind zentrale Elemente des Angebots. Zudem legt TeleNetSystems Wert auf eine klare und übersichtliche Kommunikation, die auch für technisch weniger versierte Kunden zugänglich ist.
## Marktposition
## Reifegrad und Marktpräsenz
### Kerngeschäft
[Was macht das Unternehmen?]
TeleNetSystems ist ein etabliertes Unternehmen mit einer starken regionalen Präsenz in Tirol. Die langjährige Erfahrung im Markt und die kontinuierliche Anpassung an technologische Entwicklungen sichern dem Unternehmen eine stabile Position. Die regionale Fokussierung ermöglicht es, flexibel auf Kundenbedürfnisse einzugehen und eine hohe Servicequalität zu gewährleisten.
### 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 von TeleNetSystems sind Vertrauen, Kompetenz und regionale Nähe. Das Unternehmen verspricht seinen Kunden zuverlässige Technik, ehrliche Beratung und echte Unterstützung. TeleNetSystems steht für transparente Abläufe und leicht verständliche Angebote, die den Kunden in den Mittelpunkt stellen. Der Fokus liegt auf der Bereitstellung stabiler, alltagstauglicher Lösungen, die ohne übertriebene Marketingversprechen auskommen.

View File

@@ -1,67 +1,36 @@
# Constraints
# CONSTRAINTS.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt.
## 1. Absolute No-Gos
- Keine übertriebene Werbesprache wie „revolutionär“, „weltweit führend“, „einzigartig“.
- Kein unverständlicher Fachjargon ohne Erklärung.
- Keine überfordernde Menge an technischen Details.
- Keine unübersichtliche Navigation oder verschachtelte Menüs.
- Keine ablenkenden Animationen oder Effekte.
- Keine sofort erscheinenden oder aggressiven Pop-ups zur Newsletter-Anmeldung.
- Keine Stockfotos von fremden Call-Center-Teams.
- Kein dunkles, schwer lesbares Design oder zu geringe Kontraste.
- Keine zu langen Textblöcke ohne Struktur.
- Keine unklaren Kontaktwege oder versteckten Telefonnummern.
- Kein Eindruck von kompliziertem oder schwer erreichbarem Support.
---
## 2. Rechtliche Einschränkungen
- Einhaltung der DSGVO-Richtlinien.
- Impressumspflicht gemäß österreichischem Recht.
- Keine Tracking-Mechanismen ohne ausdrückliche Zustimmung der Nutzer.
## No-Gos
## 3. Technische Grenzen
- Keine Verwendung von Tracking-Tools.
- Sicherstellung der Barrierefreiheit gemäß den aktuellen Webstandards.
### Inhaltlich
- [Was darf auf keinen Fall erscheinen?]
- [Themen, die vermieden werden sollen]
## 4. Markenrichtlinien
- Vermeidung von Stilen: verspielt, laut, comic, verspiegelt, grunge, retro, kitschig.
- Die Website soll nicht unpersönlich, überladen oder wie eine anonyme Großkonzern-Seite wirken.
### Visuell
- [Farben, die vermieden werden sollen]
- [Stilrichtungen, die nicht passen]
## 5. Inhaltliche Tabus
- Keine aggressive Marketing-Show.
- Keine Technik-Überforderung der Besucher.
- Keine anonyme Konzern-Atmosphäre.
### 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
- Sicherstellung der Zugänglichkeit und Sicherheit für alle Besucher.
- Transparente und klare Kommunikation ohne Distanzgefühl.

View File

@@ -1,66 +1,42 @@
# Content Intent
# CONTENT_INTENT.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt.
## 1. Kernbotschaften
---
- **Vertrauen und Kompetenz:** TeleNetSystems ist Ihr verlässlicher Telekom- und IT-Partner aus der Region.
- **Moderne Technik, verständlich erklärt:** Stabile und alltagstaugliche Lösungen für Internet, Fernsehen und IT-Services.
- **Persönlicher Service:** Erreichbare Ansprechpartner und schnelle Hilfe bei Problemen.
## Kernbotschaft
## 2. Zentrale Argumente
[Die eine Aussage, die Besucher mitnehmen sollen]
- **Regionale Nähe:** Direkter, persönlicher Support vor Ort.
- **Zuverlässigkeit:** Stabile Netze und dauerhafte Lösungen.
- **Transparenz:** Klare Darstellung von Leistungen und Abläufen.
- **Kundenzentrierung:** Individuelle Lösungen für Privat- und Geschäftskunden.
---
## 3. Tonalität und Stimme
## Inhalte, die überzeugen sollen
- **Freundlich und sachlich:** Die Ansprache erfolgt in der Sie-Form, um Professionalität und Respekt zu vermitteln.
- **Beratend und nahbar:** Informationen werden klar und verständlich präsentiert, ohne Fachjargon.
- **Vertrauenswürdig und kompetent:** Der Ton vermittelt Sicherheit und technische Expertise.
### Vertrauensaufbau
- [Referenzen/Testimonials]
- [Zertifizierungen]
- [Zahlen/Fakten]
## 4. Call-to-Actions
### Kompetenz zeigen
- [Expertise-Bereiche]
- [Case Studies/Projekte]
- [Team/Qualifikationen]
- **Kontaktaufnahme fördern:** Besucher sollen ermutigt werden, direkt Kontakt aufzunehmen (#kontakt).
- **Beratung anfragen:** Einfache Möglichkeit, individuelle Lösungen zu erfragen (#leistungen).
- **Störung melden:** Schneller Zugang zu Support bei technischen Problemen.
### Handlung auslösen
- [Primärer CTA]
- [Sekundärer CTA]
## 5. Inhaltliche Prioritäten
---
- **Klare Trennung von Privat- und Geschäftskunden:** Beide Zielgruppen sollen sich sofort angesprochen fühlen.
- **Übersichtlichkeit:** Leistungen und Angebote müssen schnell erfassbar sein.
- **Schnelle Ladezeiten:** Technisch schlanke Seite für Nutzer mit schwächerer Internetverbindung.
- **Transparenz und Offenheit:** Alle Informationen sollen nachvollziehbar und offen dargestellt werden.
## Inhaltstypen
## 6. Argumentationskette
[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.*
1. **Einleitung:** Vorstellung von TeleNetSystems als regionaler, verlässlicher Partner.
2. **Leistungsübersicht:** Klare Darstellung der angebotenen Dienste (TV, Internet, Telefonie).
3. **Vorteile und Nutzen:** Betonung der regionalen Nähe, Zuverlässigkeit und Transparenz.
4. **Vertrauensaufbau:** Präsentation von Referenzen, Bewertungen und Zertifikaten.
5. **Handlungsaufforderung:** Besucher werden ermutigt, Kontakt aufzunehmen oder eine Beratung anzufragen.
6. **Abschluss:** Bestätigung der Kompetenz und Serviceorientierung, um zur Conversion zu führen.

View File

@@ -1,55 +1,29 @@
# Design Intent
# DESIGN_INTENT.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt.
## 1. Atmosphäre und Stimmung
Die Website von TeleNetSystems soll eine Atmosphäre der Ruhe und Klarheit ausstrahlen. Sie soll sich modern und technisch anfühlen, dabei jedoch nicht kühl oder unnahbar wirken. Die Besucher sollen sich sofort willkommen und gut aufgehoben fühlen, als wären sie bei einem vertrauten, regionalen Partner.
---
## 2. Stil-Adjektive
- Modern
- Seriös
- Technisch
- Ruhig
- Dynamisch
## Gewünschte Wirkung
## 3. Emotionale Wirkung auf Besucher
Besucher sollen ein Gefühl von Vertrauen und Sicherheit erleben. Die Website soll vermitteln, dass TeleNetSystems ein kompetenter und verlässlicher Partner für Telekom- und IT-Dienstleistungen ist. Die Nutzer sollen das Gefühl haben, dass sie hier stabile Technik, ehrliche Beratung und schnelle Hilfe erhalten.
[Wie soll die Website auf den Besucher wirken?]
## 4. Markenwahrnehmung
TeleNetSystems soll als zuverlässiger, regional verankerter Dienstleister wahrgenommen werden, der professionelle Techniklösungen bietet. Die Marke soll nahbar und serviceorientiert erscheinen, ohne dabei an Professionalität einzubüßen. Die Besucher sollen spüren, dass hinter der Marke echte Menschen stehen, die erreichbar und hilfsbereit sind.
### Atmosphäre-Wörter
- [z.B. Modern, Vertrauenswürdig, Innovativ]
- [z.B. Warm, Einladend, Professionell]
- [z.B. Minimalistisch, Klar, Hochwertig]
## 5. Kontext zu Farben/Fonts
Die Farbpalette soll Wärme und Vertrauenswürdigkeit ausstrahlen, ohne dabei aufdringlich zu sein. Die Primärfarbe (#f39210) und Sekundärfarbe (#e95b24) sollen Akzente setzen, während die Akzentfarbe (#f59e0b) gezielt eingesetzt wird, um wichtige Informationen hervorzuheben. Die Schriftarten sollen modern und gut lesbar sein, um die Inhalte klar und verständlich zu präsentieren.
### Die Website soll NICHT wirken wie:
- [z.B. Kalt, Technisch, Überladen]
- [z.B. Billig, Generisch, Veraltet]
---
## Farbpräferenzen
### 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.*
## 6. Was NICHT passieren darf (Anti-Patterns)
- Die Website darf nicht unpersönlich oder überladen wirken.
- Vermeidung von übertriebener Werbesprache und unverständlichem Fachjargon.
- Keine überfordernden technischen Details oder unübersichtliche Navigation.
- Ablenkende Animationen oder aggressive Pop-ups sind zu vermeiden.
- Keine Stockfotos, die nicht zum regionalen Charakter passen.
- Dunkle Designs oder geringe Kontraste, die die Lesbarkeit beeinträchtigen, sind unerwünscht.
- Die Kontaktwege müssen klar und leicht auffindbar sein, um den Eindruck von Zugänglichkeit und Unterstützung zu vermitteln.

View File

@@ -1,31 +1,23 @@
# Project Brief
# PROJECT_BRIEF.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt. Die Platzhalter zeigen die erwartete Struktur.
## 1. Projektzusammenfassung
TeleNetSystems plant die Entwicklung einer neuen Website, die ihre Telekommunikations- und IT-Dienstleistungen für Privat- und Geschäftskunden in der Region Tirol präsentiert. Die Website soll Vertrauen, Kompetenz und regionale Nähe ausstrahlen und eine klare, moderne Benutzererfahrung bieten.
---
## 2. Kernziel der Website
Die Website soll als zentrale Plattform dienen, um die Dienstleistungen von TeleNetSystems zu präsentieren, Kundenanfragen zu erleichtern und die Markenwahrnehmung als verlässlicher, regionaler Telekom- und IT-Partner zu stärken.
## Projektname
## 3. Erwartungshaltung des Kunden
Der Kunde erwartet eine Website, die sofort Vertrauen und Kompetenz vermittelt, dabei aber nahbar und verständlich bleibt. Die Inhalte sollen klar strukturiert und leicht zugänglich sein, um sowohl Privat- als auch Geschäftskunden gezielt anzusprechen.
[Wird vom Generator eingefügt]
## 4. Anspruchsniveau
Premium
## Zusammenfassung
## 5. Erfolgskriterien
- Hohe Nutzerzufriedenheit und positive Rückmeldungen
- Steigerung der Kundenanfragen über die Website
- Klare Trennung und Ansprache der Zielgruppen (Privat- und Geschäftskunden)
- Schnelle Ladezeiten und technische Zuverlässigkeit
- Erhöhte Markenwahrnehmung als regionaler, kompetenter Anbieter
[Kurze Beschreibung des Projekts in 2-3 Sätzen: Was ist das Unternehmen/die Organisation? Was soll die Website erreichen?]
## Hauptziele der Website
1. [Primäres Ziel]
2. [Sekundäres Ziel]
3. [Tertiäres Ziel, falls vorhanden]
## 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.*
## 6. Projektkontext
TeleNetSystems ist ein etabliertes KMU im IT- und Telekommunikationssektor mit regionaler Marktreichweite in Tirol, Österreich. Die Zielgruppe umfasst Privatkunden, die Wert auf persönlichen Service legen, sowie Geschäftskunden, die professionelle IT-Lösungen und technischen Support benötigen. Die Website soll die regionale Verwurzelung und den persönlichen Service betonen, ohne dabei technisch überfordernd zu wirken.

View File

@@ -1,77 +1,40 @@
# SEO Intent
# SEO_INTENT.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt.
## 1. Primäre Suchintentionen
Die Zielgruppe von TeleNetSystems sucht nach zuverlässigen Telekommunikationslösungen, die einfach zu verstehen und zu bedienen sind. Primäre Suchintentionen umfassen:
---
- **Privatkunden**: Suche nach erschwinglichen und stabilen TV-, Internet- und Telefonie-Diensten.
- **Geschäftskunden**: Bedarf an maßgeschneiderten TV- und IT-Lösungen mit lokalem Support.
- **Allgemein**: Interesse an regionalen Anbietern, die persönliche Betreuung und schnellen Service bieten.
## Primäre Suchintention
## 2. Regionale Relevanz
Lokale SEO ist entscheidend, da TeleNetSystems in Reutte, Tirol, ansässig ist und sich auf regionale Kunden konzentriert. Die Inhalte sollten die regionale Nähe und den persönlichen Service hervorheben, um Vertrauen zu schaffen und die lokale Auffindbarkeit zu verbessern.
### Hauptkeyword
[Das wichtigste Keyword, für das gerankt werden soll]
## 3. Themen-Cluster
Relevante Themenfelder für die Content-Strategie von TeleNetSystems sind:
### Suchintention dahinter
[Was sucht jemand, der dieses Keyword eingibt?]
- **Telekommunikationsdienste**: TV, Internet, Telefonie für Privat- und Geschäftskunden.
- **Regionale Dienstleistungen**: Fokus auf lokale Präsenz und Servicequalität.
- **Technische Unterstützung**: Einfache Erklärungen und Problemlösungen für technische Laien.
- **Kosteneffizienz**: Transparente Preisgestaltung und Vergleichsmöglichkeiten.
---
## 4. Wettbewerbs-Landschaft
Der SEO-Wettbewerb in der Region ist moderat, mit einigen lokalen Anbietern, die ähnliche Dienstleistungen anbieten. Der Fokus sollte auf der Differenzierung durch persönlichen Service und regionale Nähe liegen, um sich von größeren, unpersönlichen Anbietern abzuheben.
## Keyword-Cluster
## 5. Content-Chancen
Inhalte, die potenziell gut ranken könnten, beinhalten:
### Primäre Keywords
1. [Keyword 1]
2. [Keyword 2]
3. [Keyword 3]
- **Vergleichsartikel**: Gegenüberstellung der verschiedenen Tarife und Leistungen.
- **Kundenberichte**: Erfolgsgeschichten und Erfahrungsberichte von zufriedenen Kunden.
- **Regionale Events**: Beteiligung an lokalen Veranstaltungen und deren Berichterstattung.
- **Service-Tutorials**: Einfache Anleitungen zur Nutzung der angebotenen Dienste.
### Sekundäre Keywords
- [Longtail-Keyword 1]
- [Longtail-Keyword 2]
- [Longtail-Keyword 3]
## 6. Suchbegriffe und Variationen
Thematisch relevante Suchbegriffe umfassen:
---
- **Telekommunikation in Tirol**: Fokus auf regionale Dienstleistungen.
- **Günstige Internet- und TV-Pakete**: Betonung der Preis-Leistungs-Verhältnisse.
- **Lokaler IT-Support**: Hervorhebung der persönlichen Betreuung und schnellen Hilfe.
- **Einfach verständliche Techniklösungen**: Ansprache von Laien mit klaren Erklärungen.
## Lokale SEO
### 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 Suchbegriffe sollten in den Content integriert werden, um die Suchintention der Zielgruppe optimal zu bedienen und die organische Sichtbarkeit zu erhöhen.

View File

@@ -0,0 +1,82 @@
# SITE_ARCHITECTURE.md
## Startseite
- **URL-Pfad:** /
- **Primärzweck:** Informieren
- **Sekundärzweck:** Vertrauen aufbauen
- **Empfohlene Sektionen:**
- **Hero-Bereich:** Kurze Einführung in TeleNetSystems mit regionalem Bezug und Vertrauen schaffenden Elementen.
- **Leistungsübersicht:** Kurze Vorstellung der Hauptleistungen (Fernsehen, Internet, Telefonie) mit Links zu den jeweiligen Detailseiten.
- **Kundenstimmen:** Zitate oder kurze Erfahrungsberichte von zufriedenen Kunden.
- **Call-to-Action (CTA):** Kontaktaufnahme und Beratung anfragen.
- **Kontaktinformationen:** Kurze Darstellung der Kontaktmöglichkeiten mit direktem Link zum Kontaktformular.
## Fernsehen
- **URL-Pfad:** /fernsehen
- **Primärzweck:** Konvertieren
- **Sekundärzweck:** Informieren über TV-Angebote
- **Empfohlene Sektionen:**
- **Produktbeschreibung:** Detaillierte Informationen zu den TV-Diensten, inkl. Senderauswahl und Zusatzfunktionen.
- **Vorteile:** Auflistung der Vorteile des Fernsehdienstes, z.B. regionale Sender, HD-Qualität.
- **Kundenreferenzen:** Erfahrungsberichte von Nutzern des Fernsehdienstes.
- **CTA:** Direktes Angebot zur Kontaktaufnahme oder Buchung.
## Internet
- **URL-Pfad:** /internet
- **Primärzweck:** Konvertieren
- **Sekundärzweck:** Informieren über Internetdienste
- **Empfohlene Sektionen:**
- **Produktbeschreibung:** Details zu den Internetangeboten, inkl. Geschwindigkeiten und Tarife.
- **Vorteile:** Übersicht der Vorteile, z.B. stabile Verbindung, regionale Verfügbarkeit.
- **Kundenreferenzen:** Erfahrungsberichte von Nutzern des Internetdienstes.
- **CTA:** Möglichkeit zur Kontaktaufnahme oder Buchung.
## Telefonie
- **URL-Pfad:** /telefonie
- **Primärzweck:** Konvertieren
- **Sekundärzweck:** Informieren über Telefoniedienste
- **Empfohlene Sektionen:**
- **Produktbeschreibung:** Informationen zu den Telefoniediensten, inkl. Tarife und Zusatzoptionen.
- **Vorteile:** Vorteile der Telefoniedienste, z.B. günstige Tarife, regionale Erreichbarkeit.
- **Kundenreferenzen:** Erfahrungsberichte von Nutzern der Telefoniedienste.
- **CTA:** Möglichkeit zur Kontaktaufnahme oder Buchung.
## Leistungen
- **URL-Pfad:** /leistungen
- **Primärzweck:** Überzeugen
- **Sekundärzweck:** Detaillierte Darstellung der Serviceangebote
- **Empfohlene Sektionen:**
- **Leistungsübersicht:** Umfassende Darstellung aller angebotenen Dienste.
- **Zielgruppenansprache:** Trennung der Informationen für Privat- und Geschäftskunden.
- **Erfolgsgeschichten:** Fallstudien oder detaillierte Kundenberichte.
- **CTA:** Aufforderung zur Kontaktaufnahme für individuelle Beratung.
## Über uns
- **URL-Pfad:** /ueber-uns
- **Primärzweck:** Informieren
- **Sekundärzweck:** Vertrauen aufbauen
- **Empfohlene Sektionen:**
- **Unternehmensgeschichte:** Kurzbeschreibung der Unternehmensentwicklung und regionalen Verwurzelung.
- **Teamvorstellung:** Vorstellung des Teams mit Fotos und kurzen Biografien.
- **Werte und Philosophie:** Darstellung der Unternehmenswerte und Servicephilosophie.
- **CTA:** Kontaktmöglichkeiten für weitere Informationen.
## Navigationsstruktur und Hierarchie
- **Hauptnavigation:**
- Startseite
- Fernsehen
- Internet
- Telefonie
- Leistungen
- Über uns
- **Footer-Navigation:**
- Kontakt
- Impressum
- Datenschutz
## User Journey
1. **Einstieg:** Besucher landen auf der Startseite und erhalten einen Überblick über die angebotenen Leistungen.
2. **Vertiefung:** Besucher navigieren zu den Detailseiten (Fernsehen, Internet, Telefonie) für spezifische Informationen.
3. **Überzeugung:** Besucher informieren sich auf der Seite "Leistungen" über das vollständige Angebot und die Vorteile.
4. **Vertrauensaufbau:** Auf der Seite "Über uns" erfahren Besucher mehr über das Unternehmen und das Team.
5. **Handlung:** Besucher nutzen die CTAs, um Kontakt aufzunehmen oder eine Beratung anzufragen.

View File

@@ -1,51 +1,47 @@
# User Context
# USER_CONTEXT.md
> **Hinweis**: Diese Datei wird vom Website Prototype Generator dynamisch befüllt.
## 1. Wer sind diese Menschen?
---
Die Zielgruppe besteht aus Privatkunden und Unternehmen, die auf der Suche nach zuverlässigen Telekommunikationslösungen sind. Privatkunden wünschen sich einen persönlichen und regionalen Service, während Unternehmen professionelle Kommunikationstechnik und IT-Lösungen benötigen. Beide Gruppen schätzen eine verständliche Kommunikation und einen direkten Ansprechpartner.
## Primäre Zielgruppe
## 2. Was sind ihre konkreten Ziele und Bedürfnisse?
### Wer sind sie?
[Demografische und psychografische Merkmale]
- **Privatkunden**: Wollen stabile und kosteneffiziente TV-, Internet- und Telefonie-Dienste, die einfach zu verstehen und zu nutzen sind.
- **Unternehmen**: Suchen nach maßgeschneiderten Kommunikationslösungen mit technischem Support und Beratung vor Ort.
### Wo kommen sie her?
[Wie finden sie zur Website? Google, Social Media, Empfehlung, etc.]
## 3. Welche Probleme haben sie, die das Unternehmen lösen kann?
### Was suchen sie?
[Welche Informationen oder Lösungen erwarten sie?]
- **Hohe Kosten**: Sie suchen nach preiswerten Alternativen zu bestehenden Lösungen.
- **Komplexe Prozesse**: Sie wünschen sich einfache und verständliche Abläufe.
- **Qualitätsprobleme**: Sie benötigen zuverlässige und stabile Verbindungen.
---
## 4. Was wissen sie bereits?
## Probleme & Bedürfnisse
Die Zielgruppe hat ein grundlegendes Verständnis von Telekommunikationsdiensten, ist jedoch oft unsicher bei technischen Details. Sie sind mit den Grundfunktionen von TV, Internet und Telefonie vertraut, benötigen aber klare Erklärungen zu spezifischen Angeboten.
### Hauptproblem
[Das wichtigste Problem, das die Zielgruppe hat]
## 5. Wie treffen sie Entscheidungen?
### Weitere Bedürfnisse
- [Bedürfnis 1]
- [Bedürfnis 2]
- [Bedürfnis 3]
Entscheidungen werden rational und qualitätsgetrieben getroffen. Die Zielgruppe vergleicht Angebote und sucht nach dem besten Preis-Leistungs-Verhältnis. Empfehlungen und positive Erfahrungen von anderen Nutzern spielen ebenfalls eine Rolle.
---
## 6. Was suchen sie auf der Website?
## Erwartungen an die Website
- Übersichtliche Darstellung der verfügbaren Dienste
- Klare Informationen zu Preisen und Leistungen
- Einfache Kontaktmöglichkeiten für Beratung und Support
- Transparente Darstellung der Vertragsbedingungen
### Was erwarten sie zu finden?
[Konkrete Inhalte, Features, Informationen]
## 7. Welche Fragen haben sie?
### Was würde sie überzeugen?
[Vertrauenssignale, Beweise, Testimonials, etc.]
- Welche Kosten kommen auf mich zu?
- Welche Leistungen sind im Detail enthalten?
- Wie schnell ist der Kundenservice erreichbar?
- Gibt es versteckte Gebühren oder Vertragsklauseln?
### Was würde sie abschrecken?
[No-Gos aus Nutzersicht]
## 8. Was könnte sie abschrecken?
---
- Unklare oder versteckte Kosten
- Komplizierte Vertragsbedingungen
- Langsame oder unzuverlässige Kundenbetreuung
- Übermäßig technische oder unverständliche Informationen
## 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.*
Die Website sollte Vertrauen schaffen, indem sie Kompetenz und regionale Nähe vermittelt. Inhalte müssen klar strukturiert und leicht verständlich sein, um die Bedürfnisse der Zielgruppe zu erfüllen.

20
meta/generation_log.json Normal file
View File

@@ -0,0 +1,20 @@
[
{
"projectId": "b267d477-c806-4a84-9c50-12095e58a2ed",
"generatedAt": "2026-02-05T10:10:42.672Z",
"generator": "website-prototype-generator-v2",
"pipelineVersion": "2.0-agents",
"llmUsed": true,
"artifacts": [
"briefs/PROJECT_BRIEF.md",
"briefs/BUSINESS_CONTEXT.md",
"briefs/USER_CONTEXT.md",
"briefs/CONTENT_INTENT.md",
"briefs/SITE_ARCHITECTURE.md",
"briefs/DESIGN_INTENT.md",
"briefs/SEO_INTENT.md",
"briefs/CONSTRAINTS.md",
"prompts/MASTER_PROMPT.md"
]
}
]

View File

@@ -1,83 +1,38 @@
# Master Prompt
# MASTER_PROMPT.md
## Anweisung an die KI
## 1. Klare Auftragsformulierung
Du bist ein Senior Web Developer und Designer. Deine Aufgabe ist es, eine launch-ready Website zu erstellen.
Entwickle eine Website für TeleNetSystems, ein IT- und Softwareunternehmen aus Reutte, Tirol. Die Website soll die Telekommunikations- und IT-Dienstleistungen des Unternehmens für Privat- und Geschäftskunden in der Region präsentieren. Ziel ist es, Vertrauen, Kompetenz und regionale Nähe zu vermitteln und eine moderne, benutzerfreundliche Erfahrung zu bieten.
---
## 2. Verweise auf Briefs
## Schritt 1: Kontext verstehen
Bitte berücksichtige die folgenden Briefs, um ein umfassendes Verständnis der Anforderungen und Erwartungen zu gewährleisten:
Lies alle Dateien in diesem Repository:
- [PROJECT_BRIEF.md](/briefs/PROJECT_BRIEF.md): Enthält die Projektzusammenfassung, Kernziele und Erwartungen des Kunden.
- [BUSINESS_CONTEXT.md](/briefs/BUSINESS_CONTEXT.md): Beschreibt das Unternehmen, die Branche und das Marktumfeld.
- [USER_CONTEXT.md](/briefs/USER_CONTEXT.md): Definiert die Zielgruppe und deren Bedürfnisse.
- [CONTENT_INTENT.md](/briefs/CONTENT_INTENT.md): Legt die Kernbotschaften und zentralen Argumente fest.
- [SITE_ARCHITECTURE.md](/briefs/SITE_ARCHITECTURE.md): Skizziert die empfohlene Seitenstruktur und Inhalte.
- [DESIGN_INTENT.md](/briefs/DESIGN_INTENT.md): Beschreibt die gewünschte Atmosphäre und den Stil der Website.
- [SEO_INTENT.md](/briefs/SEO_INTENT.md): Definiert die primären Suchintentionen und regionale Relevanz.
- [CONSTRAINTS.md](/briefs/CONSTRAINTS.md): Listet die absoluten No-Gos und wichtigen Punkte für die Website auf.
- `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
## 3. Verweise auf AI-Dokumente
Verstehe den Gesamtkontext, bevor du beginnst.
Nutze die folgenden Dokumente, um sicherzustellen, dass die Entwicklung den festgelegten Standards und Entscheidungsprozessen entspricht:
---
- [SYSTEM_RULES.md](/ai/SYSTEM_RULES.md): Enthält die grundlegenden Systemregeln für die KI-Interaktion.
- [QUALITY_STANDARD.md](/ai/QUALITY_STANDARD.md): Definiert die Qualitätsstandards, die eingehalten werden müssen.
- [AI_DECISION_LOGIC.md](/ai/AI_DECISION_LOGIC.md): Beschreibt die Entscheidungslogik, die bei der Entwicklung angewendet werden soll.
## Schritt 2: Analyse
## 4. Entscheidungshoheit an die KI
Beantworte für dich selbst:
Du hast die volle Entscheidungshoheit über die Gestaltung und Entwicklung der Website. Nutze die bereitgestellten Informationen, um fundierte Entscheidungen zu treffen, die den Anforderungen und Erwartungen von TeleNetSystems entsprechen.
- 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?
## 5. Aufforderung zur selbstständigen Planung
---
Plane selbstständig die Struktur und Inhalte der Website, basierend auf den bereitgestellten Briefs und Dokumenten. Stelle sicher, dass alle relevanten Aspekte berücksichtigt werden, um eine kohärente und effektive Website zu erstellen.
## Schritt 3: Planung
## 6. Qualitäts-Selbstprüfung einfordern
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.
Führe eine umfassende Qualitäts-Selbstprüfung durch, um sicherzustellen, dass die Website den festgelegten Standards entspricht und die Erwartungen des Kunden erfüllt. Achte besonders auf die Einhaltung der in den Briefs und Dokumenten beschriebenen Anforderungen und Einschränkungen.