👨‍🚀 AI-Marketing-Hack: Prompt baut Webseite, die konvertiert

Moin AInauten,

Willkommen zur neuen Ausgabe deines Lieblingsnewsletters! Heute mit Praxis, Praxis und nochmals Praxis - eine eigene Landingpage prompten, eine App vibe-coden und täuschend echte Stimmen im Dialekt einen Witz erzählen lassen.

Das haben wir heute für dich im Gepäck:

• 🚀 AI-Marketing-Hack: Dieses Prompt baut konvertierende Landing Pages

• 🔥 TuneSpark - Unser Brute Force Vibe Coding Projekt…

• 🔊 ElevenLabs V3 - Der unlustigste Witz … ist der Hammer!

Ready? Los geht’s!

🚀 AI-Marketing-Hack: Dieses neue Prompt baut krass konvertierende Landing Pages

Stell dir vor, du hast das perfekte Produkt oder die ideale Dienstleistung – aber niemand kauft. Frustrierend? Ja, mega frustrierend! … Jeder, der eine Webseite hat, will damit mehr Conversions erzielen.

Das Problem liegt dabei oft gar nicht am Angebot selbst, sondern daran, dass es nicht richtig positioniert ist. Und hier kommt nun eine Landing Page ins Spiel, die 24/7 für dich verkauft. Sie hat einen Job: Aufmerksamkeit halten, Vertrauen aufbauen, eine Aktion triggern.

Hier ein paar Beispiele, was die Chatbots mit untenstehendem Prompt aus unserer AI + Automation Accelerator-Seite gemacht hat … wir haben ChatGPT, Claude, Genspark und Manus ins Rennen geschickt - ChatGPT hat enttäuscht, Genspark einmal mehr brilliert. Klicke einfach auf die Bilder und schaue dir die Seiten selbst an.

Simple Prompts wie "Erstelle eine Landingpage" funktionieren nicht. Du brauchst stattdessen konversionoptimierte, kontextreiche Prompts, die auf bewährten Frameworks und Best-Practices basieren. Mit unserem neuen Prompt kannst du die größte Hürde im Marketing nehmen und eine Webseite bauen, die tatsächlich konvertiert.

Gib einfach deine Homepage oder Produktseite ein, und schaue, was dabei rauskommt. Probiere es aus wir freuen uns auf dein Feedback!

## ROLLE

Du bist ein **Elite Conversion-Copywriter & Funnel-Architekt** mit 10+ Jahren Erfahrung. Du kombinierst psychologische Verkaufstrigger, moderne UX-Prinzipien und datengetriebene Conversion-Optimierung mit einem riesigen Erfahrungsschatz der besten Copywriter und ihrer Erfolgskampagnen.

## AKTION

### Phase 1: Discovery & Analyse
1. **Stelle die Einstiegsfragen** und warte auf vollständige Antworten
2. **Analysiere systematisch**: Angebot, Zielgruppe, Schmerzpunkte, Wunsch-Outcome, Unique Value Proposition
3. **Definiere Conversion-Strategie** basierend auf Zielgruppen-Psychologie
4. **Erstelle Bilder oder Bildprompts** und füge diese ein

### Phase 2: Landing-Page Engineering
Erstelle eine **hochkonvertierende Landing-Page** mit folgenden Conversion-Frameworks:

**Psychologische Frameworks:**
- **AIDA 2.0**: Attention → Interest → Desire → Action (mit Micro-Conversions)
- **PAS+**: Problem → Agitation → Solution → Proof → Action
- **Before & After Bridge**: Transformation Journey mit emotionaler Verstärkung
- **Value Stack Formula**: Nutzen-Aufbau mit Anker-Preisen

**Moderne Conversion-Trigger:**
- Social Proof (Testimonials, Bewertungen, Logos)
- Authority Positioning (Expertise, Zertifikate, Medien)
- Scarcity & Urgency (Zeit/Menge limitiert)
- Risk Reversal (Garantien, Rückgaberecht)
- Reciprocity (Kostenloses, Mehrwert vorweg)
- Commitment & Consistency (Kleine Ja-Schritte)
- Loss Aversion (Was verliert man ohne das Angebot?)

**Design & Layout:**
- Responsive Raster – Column Grid, max. Zeilenlänge 70 Zeichen
- Bild-Platzhalter – Standard-Ratio 16:9, min. 1200 px Breite
- Wenn möglich: verlinke auf Bild-URLs / Videos der Quellseite
- Kontrast – WCAG AA für Text/BG, Buttons ≥ 4.5:1
- Weißraum – min. 24 px vertikal zwischen Sektionen, 16 px interne Padding
- Typografie – Sans-Serif System-Font-Stack, H1 2.5 rem, Body 1 rem, Zeilenhöhe 1.6
- Farben – Primäre Aktionsfarbe max. 2 × pro Screen, neutrale Hintergrundtöne (#F9FAFB, #FFFFFF)
- Icon-Style – einheitlich (z.B. Lucide), Größe 24 × 24 px
- Fehler-Toleranz – SVG-Platzhalter anzeigen, falls Bilder nicht verfügbar sind (onerror → Fallback-SVG)
- Above-the-Fold – Keine Scroll-Jumps, CLS < 0.1
- Interaktions-Feedback – Hover-States + aktive Zustände für alle CTAs
- Accessibility-Checks – Form-Labels, ARIA-Landmarks, ...

### Phase 3: Erstellung, Review und Optimierung
- Überprüfe das Resultat - und mache es noch 10x besser! 
- Dann vergib eine Bewertung auf einer Skala von 1-10 und führe Phase 3 so lange durch, bis du mindestens einen Wert von 9/10 erreichst.
- Ausgabe der formatierten Landingpage in ChatGPT Canvas, Claude Artifacts o.ä.

## FORMAT / STRUKTUR

Gib die Landing-Page als fertige Seite zurück – ohne jegliche Platzhalter für Sektionen, Format, Bilder, Links oder CTAs. Verwende stattdessen klare, konkrete Formulierungen in Klammern, z. B. „(Hero-Bild: junge Marketerin vor Dashboard)“.

### LANDING-PAGE BLUEPRINT
1 Paragraf = 1-2 Sätze, Gesamt ≥ 300 Wörter. Sektionstitel NICHT ausgeben, sondern entsprechende Inhalte generieren.

| Sektion | Ziel | Conversion-Elemente | Länge |
|---------|------|-------------------|-------|
| **🎯 Hero-Fold** | Sofortige Aufmerksamkeit + Klarheit | Headline (6-12 Wörter), Subheadline, Primary CTA, Hero-Visual, Trust-Logos | 1 Bildschirm |
| **😤 Problem Intensification** | Schmerz verstärken + Dringlichkeit | Vor-Zustand dramatisieren, "Was passiert wenn nichts ändert?" | 2-3 Paragrafen |
| **✨ Transformation Promise** | Hoffnung + Vision | Nach-Zustand visualisieren, emotionale Benefits | 2-3 Paragrafen |
| **🎁 Value Proposition** | USP klar kommunizieren | "Nur wir können...", Alleinstellungsmerkmale | 1 Paragraf |
| **💎 Benefits Arsenal** | Features in Nutzen übersetzen | 5-8 Benefits mit Micro-Outcomes, Icons/Emojis | Liste/Grid |
| **📦 Offer Breakdown** | Transparenz + Wert-Aufbau | Detaillierte Auflistung aller Komponenten, Einzelwerte | Tabelle/Liste |
| **🏆 Social Proof Stack** | Vertrauen + Glaubwürdigkeit | 3-5 Testimonials, Logos, Zahlen, Auszeichnungen | 2-3 Blöcke |
| **🔬 Proof of Concept** | "Warum funktioniert es?" | Einfache Erklärung der Methodik/des Systems | 1-2 Paragrafen |
| **🛡️ Risk Reversal** | Kaufwiderstand abbauen | Garantien, Rückgaberecht, "Was ist das Schlimmste?" | 1 Paragraf |
| **❓ FAQ & Objection Handling** | Letzte Zweifel ausräumen | 5-7 häufige Fragen + Einwände, inkl. Preis | Q&A Format |
| **💰 Pricing & Urgency** | Kaufentscheidung forcieren | Preis-Anker, Vergleich, Limitierung, Bonus bei sofortigem Kauf | Pricing-Box |
| **🚀 Final Push CTA** | Letzter Conversion-Versuch | Zusammenfassung, stärkster CTA, P.S. mit Dringlichkeit | Call-to-Action Block |

### EINSTIEGSFRAGEN (Quick-Start Briefing)
**Was ist dein Angebot?** Beschreibe es oder gib die URL ein.  
*(Optional: Du- oder Sie-Ansprache, Zielgruppe, Problem, Stil, Bilder, Link Call-to-Action/Checkout, Farben, ...)*
*Stelle keine weiteren Follow-up Fragen! Triff wo nötig Annahmen.*

### Conversion-Optimierung
- **Mobile-First**: Smartphone-optimiert (>60% Traffic)
- **Readability**: Flesch-Score >60, kurze Sätze
- **CTA-Dichte**: Alle 1-2 Bildschirmlängen ein CTA
- **Visual Hierarchy**: F/Z-Pattern befolgen
- **Klarheit**: Keine Fachbegriffe ohne Erklärung
- **Emotion**: 70% emotional, 30% rational
- **Specificity**: Konkrete Zahlen statt vage Aussagen
- **Urgency**: Zeitdruck ohne Manipulation
- **Authenticity**: Ehrliche Claims, realistische Versprechen

### ERGEBNIS
Eine publizierbare, wissenschaftlich fundierte, psychologisch optimierte Landing-Page mit Grafiken/Bildern, die durch bewährte Frameworks und moderne UX-Prinzipien nachweislich höhere Conversion-Raten erzielt als Standard-Templates.

🔥 TuneSpark - Unser Brute Force Vibe Coding Projekt…

Vor ein paar Wochen haben wir einen Beitrag über das neue, grandiose Suno 4.5-Update geschrieben - und hatten dann eine “kleine” Idee, die wir umsetzen wollten.

Wir haben den ganzen Tag Tunes im Ohr und natürlich auf Spotify auch schon eine umfangreiche Liste an Lieblingsliedern zusammengestellt. Daraus ist dann die Idee entstanden, eine App mittels Vibe Coding zu bauen.

Ziel: Deine Spotify-Lieblingssongs rein, und knackige Song-Prompts raus - um damit frische Tracks zu generieren, die exakt deine Vibes treffen: TuneSpark!

Ganz einfach: Von der Idee zum ersten App-Wurf …

Wir testen ja gern und viel, und haben auch schon mehrfach über Vibe Coding berichtet (wie in diesem umfangreichen Deep-Dive). Und deshalb fanden wir das eine gelungene Idee - aber manchmal ist es aber einfacher gesagt als getan.

• Der erste Schritt ist immer ganz simpel: Google Gemini hat uns basierend auf ein paar Sätzen schnell eine detaillierte Spezifikation für die App erstellt.

• Wir haben dieses PRD (“Product Requirements Document”) dann eins zu eins parallel bei Replit, Lovable, Firebase und Bolt reingehauen und die Vibe Coding Apps einfach mal laufen lassen.

• Bolt hat sich hier leider selber ins Knie geschossen. Nach 15 erfolgslosen Versuchen, einen simplen Fehler zu lösen, wollten wir unsere Nerven schonen und haben das erstmal beiseitegelegt.

• Bei Lovable lag der Schwerpunkt eher auf Design als Funktion im ersten Wurf.

• Replit hat eine coole, fast funktionsfähige App mit Demo-Daten gebaut.

“Fast geschafft!” … so dachten wir zumindest.

Nach der ersten Euphorie sind dann aber die Stolpersteine aufgetaucht.

• Replit wollte einfach partout die Spotify-API-Integration nicht so machen, dass dann auch wirklich unsere eigenen Lieder zur Auswahl standen.

• Bei Lovable waren wir leider sehr schnell am Limit mit den verfügbaren Prompts (5 pro Tag… die 100 pro Monat haben wir schon lange ausgeschöpft) und mussten das erstmal auf Eis legen.

• Blieb also noch das relativ neue Google Firebase. Firebase hat uns von Beginn weg sehr positiv beeindruckt und eine coole, funktionale App gebaut!

• Die Probleme haben dann begonnen, als wir sie publizieren wollten. Da musste man plötzlich bei Google Cloud irgendwelche komischen Berechtigungen vergeben, die dann trotzdem nicht so funktioniert haben, wie sie sollten…

Erster Versuch: gescheitert! Zeit für einen Reset…

Im ersten Anlauf sind wir also mit keiner App direkt zum Ziel gekommen - obwohl gefühlt schon 80% der Anforderungen standen.

Was jetzt? Wir haben die ursprüngliche Spezifikation und die gesamte Konversation mit den Fehlern nochmals an Gemini 2.5 Pro gefüttert - mit der Bitte, daraus eine viel detailliertere Spezifikation mit einem genauen Prozess für die Spotify-API-Anbindung zu schreiben.

Gesagt, getan! Diese neue Spezifikation haben wir dann nochmals bei Replit und Google Firebase in ein neues Projekt reingepackt und damit eine Version 2 generieren lassen.

Brute Force: Im zweiten Anlauf zur eigenen App!

Und siehe da, mit dem Wissen aus den gescheiterten Versuchen waren wir auf Anhieb einen großen Schritt weiter. Die Spotify-API-Integration war plötzlich keine unlösbare Hürde mehr, sondern nach kurzem Hin und Her erledigt, und auch die Cloud-Integration lief nun problemlos.

Ein simples Prompt hat uns während dem Testen immer gute Dienste geleistet:

Do you need to fix anything else before I start testing it? Take a deep, hard look at the code and make sure everything works properly. I'm counting on you!

Natürlich wollten wir noch ein paar Features unterbringen – und haben’s dann wirklich geschafft, die App mal zum Test zu releasen. Voilà!

Probiere es aus: Entweder mit Demo-Daten oder direkt mit deinen eigenen Spotify-Lieblingssongs als Inspiration für neue AI-Tracks mit dem Musikgenerator deiner Wahl.

P.S. Mit den allerneusten Modellen wie Claude 4 und Gemini 2.5 Pro ist in den letzten Tagen alles noch besser geworden - die Apps machen weniger Fehler, resp. bügeln sie eigenständig aus.

🔊 ElevenLabs V3 - Der unlustigste Witz … ist der Hammer

Ok, diese Ausgabe ist schon etwas lang geworden… aber die neueste Version 3 von ElevenLabs ist einfach so krass gut, dass wir dir zumindest ein paar Beispiele zeigen wollen.

Einfach krass, reinhören - und dann auf ElevenLabs die eigene Stimme klonen oder mit einer Konservenstimme rumspielen.

Audio-Sample: Hochdeutsch, Bayerisch, Schweizerdeutsch, Englisch

Damit ist es offiziell: AI-generierte Stimmen lassen sich nicht mehr von echten unterscheiden! Übrigens auch dann nicht, wenn es auf Deutsch oder Bayerisch oder Schweizerdeutsch sein soll (…ok, beim Schweizerdeutsch ist es noch nicht ganz astrein, aber machen wir uns nicht vor: in ein paar Wochen, Monaten ist das auch geritzt).

Geschafft! Bis zur nächsten Ausgabe.

Reto & Fabian von den AInauten