123 lines
3.7 KiB
Markdown
123 lines
3.7 KiB
Markdown
|
|
|
|
# Komplette Landing Page Neugestaltung
|
|
|
|
## Zusammenfassung
|
|
Die gesamte Landing Page wird mit neuem Copy und neuen Sektionen umstrukturiert, um eine klare Problem-Agitation-Solution (PAS) Struktur zu schaffen.
|
|
|
|
## Geplante Aenderungen
|
|
|
|
### 1. Hero-Sektion aktualisieren (`Hero.tsx`)
|
|
|
|
**Neue Inhalte:**
|
|
- **Subheadline:** "Wir digitalisieren, automatisieren und vernetzen Ihre gesamte Firma in einem einzigen System - damit Ihr Unternehmen wachsen kann, ohne dass Sie mehr arbeiten muessen."
|
|
- **Kurztext:** "Die meisten Unternehmen arbeiten mit zu vielen Tools, manuellen Prozessen und ineffizienten Ablaeufen. Wir ersetzen Chaos durch Struktur..."
|
|
- **CTA Buttons:** "Kostenlose Potenzialanalyse sichern" + "System-Demo anfordern"
|
|
- **Trust Line:** "Fuer Unternehmen, die nicht stehen bleiben wollen."
|
|
|
|
### 2. Neue Problem-Sektion erstellen (`ProblemSection.tsx`)
|
|
|
|
**Headline:** "Ihr Unternehmen sollte kein zweiter Vollzeitjob sein."
|
|
|
|
**Problempunkte:**
|
|
- Termine werden manuell koordiniert
|
|
- Kundenanfragen gehen unter
|
|
- Marketing bringt keine planbaren Ergebnisse
|
|
- Wichtige Informationen liegen verteilt in verschiedenen Tools
|
|
|
|
### 3. Neue Agitation-Sektion erstellen (`AgitationSection.tsx`)
|
|
|
|
**Headline:** "Mehr Arbeit darf nicht die einzige Antwort auf Wachstum sein."
|
|
|
|
**Text:** Fokus darauf, dass mehr Umsatz nicht automatisch mehr Stress bedeuten muss - es fehlen nur die richtigen Systeme.
|
|
|
|
### 4. Neue Solution-Sektion erstellen (`SolutionSection.tsx`)
|
|
|
|
**Headline:** "Wir bauen Unternehmen, die ohne ihre Besitzer funktionieren."
|
|
|
|
**Kernbotschaft:** Zentrale digitale Infrastruktur statt isolierter Einzelloesungen.
|
|
|
|
### 5. Values-Sektion umwandeln zu Core-Value-Sektion
|
|
|
|
**Headline:** "Alles, was Ihr Unternehmen braucht. In einem System."
|
|
|
|
**6 neue Bullet-Points:**
|
|
1. Digitale Kundenplattform
|
|
2. Automatisierte Prozesse
|
|
3. Intelligente Kundenkommunikation
|
|
4. Planbare Neukundengewinnung
|
|
5. Echtzeit-Analytics
|
|
6. Skalierbare Infrastruktur
|
|
|
|
### 6. Neue Differentiation-Sektion erstellen (`DifferentiationSection.tsx`)
|
|
|
|
**Headline:** "Warum Unternehmen zu uns wechseln."
|
|
|
|
(Inhalt kann spaeter erweitert werden)
|
|
|
|
### 7. Index.tsx anpassen
|
|
|
|
Neue Sektionsreihenfolge:
|
|
1. Header
|
|
2. Hero (aktualisiert)
|
|
3. Partners/Tools
|
|
4. ProblemSection (neu)
|
|
5. AgitationSection (neu)
|
|
6. SolutionSection (neu)
|
|
7. Values/CoreValue (aktualisiert)
|
|
8. DifferentiationSection (neu)
|
|
9. Services
|
|
10. ProjectShowcase
|
|
11. Process
|
|
12. Contact
|
|
13. Footer
|
|
|
|
---
|
|
|
|
## Technische Umsetzung
|
|
|
|
### Datei: `src/components/Hero.tsx`
|
|
- Hauptueberschrift beibehalten oder anpassen
|
|
- Subheadline und Kurztext ersetzen
|
|
- CTAs aendern zu "Kostenlose Potenzialanalyse sichern" und "System-Demo anfordern"
|
|
- Trust Line hinzufuegen
|
|
|
|
### Neue Datei: `src/components/ProblemSection.tsx`
|
|
```text
|
|
- Sektion mit rotem Faden-Design
|
|
- Headline + einleitender Text
|
|
- Liste der Schmerzpunkte mit Icons
|
|
- Abschlussstatement
|
|
```
|
|
|
|
### Neue Datei: `src/components/AgitationSection.tsx`
|
|
```text
|
|
- Emotionales Design mit Kontrast
|
|
- Headline + Fliesstext
|
|
- Betonung: "Erfolgreiche Unternehmen skalieren Prozesse. Nicht Arbeitsstunden."
|
|
```
|
|
|
|
### Neue Datei: `src/components/SolutionSection.tsx`
|
|
```text
|
|
- Positives, loesungsorientiertes Design
|
|
- Headline + Erklaerung der zentralen Infrastruktur
|
|
- Bullet Points fuer Vorteile
|
|
```
|
|
|
|
### Datei: `src/components/Values.tsx`
|
|
- Umbenennen der Inhalte zu den 6 neuen Features
|
|
- Icons anpassen (Users, Cog, MessageSquare, Target, BarChart, Layers)
|
|
- Neue Headline und Beschreibungen
|
|
|
|
### Neue Datei: `src/components/DifferentiationSection.tsx`
|
|
```text
|
|
- Vergleichs- oder USP-Darstellung
|
|
- Headline
|
|
- (Inhalt kann spaeter erweitert werden)
|
|
```
|
|
|
|
### Datei: `src/pages/Index.tsx`
|
|
- Neue Komponenten importieren
|
|
- Reihenfolge der Sektionen anpassen
|
|
|