292 lines
12 KiB
Markdown
292 lines
12 KiB
Markdown
# 🚀 Side Project Marketing Strategy
|
||
|
||
> **"Engineering as Marketing"** – Kostenlose Micro-Tools bauen, um SEO-Traffic abzufangen und in zahlende Kunden zu konvertieren.
|
||
|
||
**Status:** Planung abgeschlossen, bereit für Implementierung
|
||
**Autor:** QR Master Team
|
||
**Letzte Aktualisierung:** 2026-01-08
|
||
|
||
---
|
||
|
||
## Executive Summary
|
||
|
||
Wir nutzen die bewiesene "Engineering as Marketing" Strategie (bekannt von HubSpot's Website Grader, Ahrefs' Free Tools, Shopify's Business Tools), um organischen Traffic über spezialisierte, kostenlose QR-Generatoren zu gewinnen.
|
||
|
||
### Das Konzept in einem Satz
|
||
|
||
> Anstatt gegen "QR Code Generator" (DA 90+ Konkurrenz) zu kämpfen, bauen wir 10 spezialisierte Tools für Long-Tail-Keywords wie "WiFi QR Code erstellen" oder "VCard QR Generator".
|
||
|
||
### Warum das funktioniert
|
||
|
||
1. **Weniger Konkurrenz:** "WiFi QR Code Generator" hat 1/10 der Konkurrenz von "QR Code Generator"
|
||
2. **Höhere Kaufabsicht:** Wer "Restaurant Menu QR Code" sucht, ist bereit für ein Premium-Tool
|
||
3. **Natürliche Backlinks:** Leute teilen nützliche Tools ("Hier, dieser Generator ist kostenlos")
|
||
4. **Zero Marginal Cost:** Client-Side Generierung = 0€ Serverkosten pro User
|
||
|
||
---
|
||
|
||
## ROI Projektion (Konservativ)
|
||
|
||
| Metrik | Monat 3 | Monat 6 | Monat 12 |
|
||
|--------|---------|---------|----------|
|
||
| Organischer Traffic (alle Tools) | 2.000 | 10.000 | 25.000 |
|
||
| Free Signups (20% Conv.) | 400 | 2.000 | 5.000 |
|
||
| Paid Customers (3% der Signups) | 12 | 60 | 150 |
|
||
| **Zusätzlicher MRR** | **108€** | **540€** | **1.350€** |
|
||
|
||
> **Benchmarks verwendet:** 2-3% Free-to-Paid Conversion (Industry Standard), 20% Tool-to-Signup (optimistisch, aber erreichbar mit gutem UX).
|
||
|
||
---
|
||
|
||
## Die Tools-Roadmap
|
||
|
||
### Phase 1: Quick Wins (Woche 1-2)
|
||
|
||
Fokus auf **hohes Suchvolumen + geringe Komplexität**.
|
||
|
||
| Tool | URL | Geschätztes SV | Implementierungs-Aufwand |
|
||
|------|-----|----------------|-------------------------|
|
||
| **WiFi QR Generator** | `/tools/wifi-qr-code` | 40.000/Monat | 4h |
|
||
| **VCard QR Generator** | `/tools/vcard-qr-code` | 15.000/Monat | 4h |
|
||
| **WhatsApp QR Generator** | `/tools/whatsapp-qr-code` | 20.000/Monat | 3h |
|
||
|
||
### Phase 2: Monetization Focus (Woche 3-4)
|
||
|
||
Fokus auf **hohe Conversion-Wahrscheinlichkeit** (B2B Use Cases).
|
||
|
||
| Tool | URL | Geschätztes SV | Upsell-Hook |
|
||
|------|-----|----------------|-------------|
|
||
| **App Store Link QR** | `/tools/app-store-qr-code` | 5.000/Monat | Smart Routing (iOS/Android) |
|
||
| **PDF to QR** | `/tools/pdf-qr-code` | 15.000/Monat | PDF Hosting (benötigt Account) |
|
||
| **Menu QR Generator** | `/tools/menu-qr-code` | 8.000/Monat | Multi-Sprache, Analytics |
|
||
|
||
### Phase 3: Differenzierung (Monat 2+)
|
||
|
||
Fokus auf **Unique Features** die Konkurrenten nicht haben.
|
||
|
||
| Tool | URL | Differenzierung |
|
||
|------|-----|-----------------|
|
||
| **Barcode Generator** | `/tools/barcode-generator` | EAN/UPC/ISBN Unterstützung |
|
||
| **Bitcoin/Crypto QR** | `/tools/bitcoin-qr-code` | Multi-Wallet Format |
|
||
| **AI Art QR (Viral)** | `/tools/ai-qr-code` | Stable Diffusion Integration |
|
||
|
||
## Geplantes Portfolio: Kostenlose Statische Generatoren (15 Typen)
|
||
|
||
Wir werden die folgenden 15 statischen QR-Code-Typen anbieten. Diese sind **dauerhaft kostenlos** und erfordern keine Server-Infrastruktur für Redirects (im Gegensatz zu dynamischen Codes).
|
||
|
||
> **Wichtig:** Alle diese Generatoren stehen sowohl **öffentlich als SEO-Landingpages** zur Verfügung (zur Neukundengewinnung), als auch im **eingeloggten Bereich** für registrierte Nutzer (für Komfort und Zentralisierung).
|
||
|
||
1. **URL / Link**: Der Standard. Öffnet eine Webseite.
|
||
2. **Text**: Zeigt reinen Text an (bis zu 300 Zeichen).
|
||
3. **WiFi**: Verbindet direkt mit einem WLAN-Netzwerk (WPA/WEP/Open).
|
||
4. **VCard / Kontakt**: Speichert einen Kontakt direkt im Adressbuch.
|
||
5. **WhatsApp**: Startet einen Chat mit einer Nummer (und optionalem Text).
|
||
6. **E-Mail**: Öffnet das E-Mail-Programm mit Empfänger, Betreff und Body.
|
||
7. **SMS**: Bereitet eine SMS an eine Nummer vor.
|
||
8. **Anruf / Tel**: Startet einen Anruf an eine Nummer.
|
||
9. **Event / Kalender**: Fügt einen Termin zum Kalender hinzu (.ics).
|
||
10. **Geo / Maps**: Öffnet einen Standort in Google Maps/Apple Maps.
|
||
11. **Facebook**: Öffnet ein Profil oder eine Seite.
|
||
12. **Instagram**: Öffnet ein Instagram-Profil.
|
||
13. **Twitter / X**: Öffnet ein Profil oder erstellt einen Tweet.
|
||
14. **YouTube**: Öffnet ein Video oder einen Kanal.
|
||
15. **TikTok**: Öffnet ein TikTok-Profil.
|
||
|
||
Diese Breite deckt 99% der "Everyday Use Cases" ab und maximiert die SEO-Angriffsfläche.
|
||
|
||
---
|
||
|
||
## Technische Architektur
|
||
|
||
### Warum Client-Side Generierung?
|
||
|
||
```
|
||
┌─────────────────────────────────────────────────────────────┐
|
||
│ USER BROWSER │
|
||
│ │
|
||
│ ┌─────────────┐ ┌──────────────┐ ┌────────────────┐ │
|
||
│ │ Form Input │ -> │ qrcode.js │ -> │ Canvas/SVG │ │
|
||
│ │ (SSID, PW) │ │ (generation) │ │ (download) │ │
|
||
│ └─────────────┘ └──────────────┘ └────────────────┘ │
|
||
│ │
|
||
│ KEINE Server-Calls! │
|
||
└─────────────────────────────────────────────────────────────┘
|
||
```
|
||
|
||
**Vorteile:**
|
||
- **Privatsphäre:** Passwörter verlassen nie den Browser
|
||
- **Speed:** Instant Generation (kein Network Latency)
|
||
- **Kosten:** 0€ pro generiertem Code
|
||
- **Scale:** Kein Backend-Limit
|
||
|
||
### Datei-Struktur (Next.js)
|
||
|
||
```
|
||
src/app/(marketing)/tools/
|
||
├── wifi-qr-code/
|
||
│ ├── page.tsx # Server Component (SEO)
|
||
│ └── WiFiGenerator.tsx # Client Component (Interaktion)
|
||
├── vcard-qr-code/
|
||
│ ├── page.tsx
|
||
│ └── VCardGenerator.tsx
|
||
└── [weitere tools]/
|
||
```
|
||
|
||
### Shared Components
|
||
|
||
```typescript
|
||
// src/components/tools/QRDownloadButtons.tsx
|
||
// Wiederverwendbare Download-Buttons für alle Tools
|
||
|
||
// src/components/tools/UpgradePrompt.tsx
|
||
// "Willst du Scans tracken?" CTA Box
|
||
```
|
||
|
||
---
|
||
|
||
## SEO-Strategie pro Tool-Page
|
||
|
||
Jede Seite folgt dem gleichen bewährten Muster:
|
||
|
||
### 1. Above the Fold: Sofort nutzbar
|
||
|
||
```
|
||
┌────────────────────────────────────────┐
|
||
│ H1: Free WiFi QR Code Generator │
|
||
│ Subline: Teile dein WLAN in Sekunden │
|
||
│ │
|
||
│ ┌─────────────────────────────────┐ │
|
||
│ │ [SSID] [Password] [WPA▼] │ │
|
||
│ │ │ │
|
||
│ │ [ Generate QR Code ] │ │
|
||
│ └─────────────────────────────────┘ │
|
||
└────────────────────────────────────────┘
|
||
```
|
||
|
||
**Regel:** Der User muss SOFORT interagieren können. Kein langer Intro-Text.
|
||
|
||
### 2. Schema Markup (Pflicht!)
|
||
|
||
```json
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "SoftwareApplication",
|
||
"name": "WiFi QR Code Generator",
|
||
"applicationCategory": "UtilitiesApplication",
|
||
"operatingSystem": "Web Browser",
|
||
"offers": {
|
||
"@type": "Offer",
|
||
"price": "0",
|
||
"priceCurrency": "EUR"
|
||
},
|
||
"aggregateRating": {
|
||
"@type": "AggregateRating",
|
||
"ratingValue": "4.8",
|
||
"ratingCount": "1247"
|
||
}
|
||
}
|
||
```
|
||
|
||
### 3. FAQ Section (Long-Tail Keywords)
|
||
|
||
```markdown
|
||
## Häufig gestellte Fragen
|
||
|
||
### Wie funktioniert ein WiFi QR Code?
|
||
Der QR Code enthält deine WLAN-Daten im Format...
|
||
|
||
### Ist es sicher, mein WiFi Passwort in einem QR Code zu speichern?
|
||
Ja, der QR Code wird nur lokal in deinem Browser generiert...
|
||
|
||
### Kann ich den QR Code später bearbeiten?
|
||
Dieser Generator erstellt statische Codes. Für editierbare...
|
||
```
|
||
|
||
### 4. Conversion Prompt (Der Hook)
|
||
|
||
```
|
||
┌─────────────────────────────────────────────────────────┐
|
||
│ ✅ QR Code erfolgreich erstellt! │
|
||
│ │
|
||
│ ⚠️ Hinweis: Dies ist ein statischer Code. │
|
||
│ Wenn du dein Passwort änderst, musst du neu drucken. │
|
||
│ │
|
||
│ → Erstelle einen dynamischen Code (jederzeit änderbar) │
|
||
│ │
|
||
│ Bonus: Sieh wer deinen Code scannt (Datum, Standort) │
|
||
│ │
|
||
│ [ Kostenlos registrieren ] │
|
||
└─────────────────────────────────────────────────────────┘
|
||
```
|
||
|
||
---
|
||
|
||
## Conversion Optimierung
|
||
|
||
### Die "Limitation Awareness" Methode
|
||
|
||
Jedes Tool zeigt nach der Generierung **sanft** die Limitierungen auf:
|
||
|
||
| Tool | Statische Limitation | Upsell-Feature |
|
||
|------|---------------------|----------------|
|
||
| WiFi | Passwort-Änderung = Neudruck | Dynamischer Code (editierbar) |
|
||
| VCard | Kontakt-Update = Neudruck | Immer aktuelle Visitenkarte |
|
||
| Menu | Neue Speisekarte = Neudruck | PDF-Hosting + Analytics |
|
||
| App Store | Nur ein Store-Link | Smart Device Detection |
|
||
|
||
### Email Capture vor Download
|
||
|
||
**Optional (A/B testen):**
|
||
```
|
||
"Gib deine Email ein, um den QR als hochauflösende PNG zu erhalten"
|
||
```
|
||
→ Baut Email-Liste, auch wenn User nicht sofort konvertiert.
|
||
|
||
---
|
||
|
||
## Erfolgsmetriken (KPIs)
|
||
|
||
| KPI | Tool | Ziel (Monat 3) |
|
||
|-----|------|----------------|
|
||
| **Organic Sessions** | Google Analytics | 2.000/Monat |
|
||
| **QR Generations** | PostHog Event | 500/Monat |
|
||
| **Signup Clicks** | PostHog Event | 100/Monat |
|
||
| **Actual Signups** | DB Query | 50/Monat |
|
||
| **Paid Conversion** | Stripe | 5/Monat |
|
||
|
||
### Tracking Events implementieren
|
||
|
||
```typescript
|
||
// Auf jeder Tool-Page
|
||
posthog.capture('tool_qr_generated', {
|
||
tool: 'wifi',
|
||
format: 'png'
|
||
});
|
||
|
||
posthog.capture('tool_signup_cta_clicked', {
|
||
tool: 'wifi'
|
||
});
|
||
```
|
||
|
||
---
|
||
|
||
## Nächste Schritte
|
||
|
||
1. [ ] **Heute:** WiFi QR Generator implementieren (`/tools/wifi-qr-code`)
|
||
2. [ ] **Diese Woche:** VCard + WhatsApp Generator
|
||
3. [ ] **Nächste Woche:** Google Search Console monitoren für erste Impressions
|
||
4. [ ] **Monat 2:** A/B Test Email-Capture vs. Direct Download
|
||
5. [ ] **Monat 3:** Phase 2 Tools (App Store, PDF, Menu)
|
||
|
||
---
|
||
|
||
## Referenzen & Inspiration
|
||
|
||
- [HubSpot Website Grader](https://website.grader.com/) – Das Original "Engineering as Marketing"
|
||
- [Ahrefs Free Tools](https://ahrefs.com/free-seo-tools) – 12+ Free Tools als Lead Magnets
|
||
- [Shopify Business Tools](https://www.shopify.com/tools) – Logo Maker, Invoice Generator, etc.
|
||
|
||
---
|
||
|
||
*Dieses Dokument wird regelmäßig aktualisiert basierend auf Traffic-Daten und Conversion-Rates.*
|