mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-22 16:06:43 +02:00
Projects included: - maerchenzauber (NestJS backend + Expo mobile + SvelteKit web + Astro landing) - manacore (Expo mobile + SvelteKit web + Astro landing) - manadeck (NestJS backend + Expo mobile + SvelteKit web) - memoro (Expo mobile + SvelteKit web + Astro landing) This commit preserves the current state before monorepo restructuring. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
887 lines
25 KiB
Markdown
887 lines
25 KiB
Markdown
# App Store Screenshots Strategie - Märchenzauber
|
|
|
|
Dieses Dokument enthält detaillierte Vorschläge für 8 App-Screenshots, die im Apple App Store und Google Play Store verwendet werden sollen.
|
|
|
|
**FOKUS:** Kuscheltiere zum Leben erwecken - Das ist unsere einzigartige Value Proposition!
|
|
|
|
---
|
|
|
|
## 📐 Technische Spezifikationen
|
|
|
|
### Apple App Store
|
|
**iPhone Screenshots (erforderlich):**
|
|
- iPhone 15 Pro Max (6.7"): 1290 x 2796 px
|
|
- iPhone 15 (6.1"): 1179 x 2556 px
|
|
|
|
**iPad Screenshots (optional):**
|
|
- iPad Pro (12.9"): 2048 x 2732 px
|
|
- iPad Pro (11"): 1668 x 2388 px
|
|
|
|
### Google Play Store
|
|
- Phone: 1080 x 1920 px (16:9 Ratio)
|
|
- 7" Tablet: 1920 x 1200 px
|
|
- 10" Tablet: 2560 x 1600 px
|
|
|
|
**Dateiformat:** PNG oder JPEG, max 8 MB pro Screenshot
|
|
|
|
---
|
|
|
|
## 🎯 Strategie-Übersicht
|
|
|
|
### Unsere Unique Value Proposition
|
|
**"Erwecke das Kuscheltier deines Kindes zum Leben"**
|
|
|
|
Dies unterscheidet uns von allen anderen Kindergeschichten-Apps! Wir zeigen:
|
|
1. Echtes Kuscheltier wird fotografiert
|
|
2. Kuscheltier wird zum illustrierten Charakter
|
|
3. Kuscheltier ist der Held der Geschichte
|
|
|
|
### Screenshot-Reihenfolge nach Priorität
|
|
Die ersten 2-3 Screenshots sind am wichtigsten, da sie ohne Scrollen sichtbar sind.
|
|
|
|
**Unsere Strategie:**
|
|
1. **Hero Shot** - Zeige das fertige Ergebnis (Kuscheltier als Held)
|
|
2. **Unique Feature** - Foto vom echten Kuscheltier
|
|
3. **Transformation** - Kuscheltier wird zum Charakter
|
|
4. **Story Experience** - Kuscheltier in der Geschichte
|
|
5. **User Journey** - Wie es funktioniert
|
|
6. **Collection** - Mehrere Kuscheltiere erwecken
|
|
7. **Library** - Alle Abenteuer sammeln
|
|
8. **Emotional Close** - Familie genießt die Geschichte
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 1: Hero Shot - Kuscheltier als Held
|
|
|
|
### Beschreibung
|
|
**Zeige eine wunderschön illustrierte Story-Seite mit einem Kuscheltier als Hauptcharakter**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Eine vollständige Story-Seite im Reader-Modus
|
|
- Hochqualitative 3D-Pixar-Stil Illustration eines Teddybären (oder anderen Kuscheltiers)
|
|
- Das Kuscheltier in einer actionreichen Szene (Weltraum, Zauberwald, etc.)
|
|
- Einige Zeilen Story-Text darunter (gut lesbar)
|
|
- Seiten-Indikator (z.B. "Seite 3 von 10")
|
|
|
|
### Text-Overlay
|
|
**Option A (Emotional):**
|
|
```
|
|
Dein Kuscheltier wird
|
|
✨ zum Helden
|
|
```
|
|
|
|
**Option B (Direkt):**
|
|
```
|
|
Wo Kuscheltiere
|
|
Abenteuer erleben 🧸
|
|
```
|
|
|
|
**Option C (Magisch):**
|
|
```
|
|
Magische Geschichten mit
|
|
deinem Lieblings-Kuscheltier ✨
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Schriftart:** Grandstander Bold für Überschrift
|
|
- **Farben:** Gelb (#F8D62B) für Highlights, Weiß für Text
|
|
- **Platzierung:** Text oben, App-Screen mittig-unten
|
|
- **Illustration:** Zeige eindeutig ein Stofftier/Kuscheltier (Teddy, Hase)
|
|
- **Mockup:** iPhone Frame (silber/weiß) für Premium-Look
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt sofort das Endergebnis und den Wert der App
|
|
✅ Macht klar: Dies ist über KUSCHELTIERE, nicht normale Charaktere
|
|
✅ Emotional ansprechend (Eltern erkennen: "Das könnte UNSER Teddy sein!")
|
|
✅ Visualisiert die Qualität der Illustrationen
|
|
|
|
### Beispiel-Story-Text (falls sichtbar)
|
|
```
|
|
"Teddy stand vor dem glitzernden Raumschiff. Sein
|
|
weiches Fell leuchtete im Sternenlicht. Mutig kletterte
|
|
er die Leiter hinauf - das größte Abenteuer wartete!"
|
|
```
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 2: Foto vom echten Kuscheltier
|
|
|
|
### Beschreibung
|
|
**Zeige den Foto-Upload Screen mit einem echten Kuscheltier-Foto**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Header "Fotografiere dein Kuscheltier"
|
|
- Großer Foto-Upload-Bereich
|
|
- Echtes Foto eines Kuscheltiers (Teddy auf neutralem Hintergrund)
|
|
- Buttons: "Foto aufnehmen" und "Aus Galerie wählen"
|
|
- Hilfreicher Tipp-Text: "Fotografiere dein Kuscheltier vor hellem Hintergrund"
|
|
- Vielleicht ein kleiner Guide (Lichtbulb-Icon mit Tipps)
|
|
|
|
### Text-Overlay
|
|
**Option A:**
|
|
```
|
|
Fotografiere einfach
|
|
🧸 dein Kuscheltier
|
|
```
|
|
|
|
**Option B:**
|
|
```
|
|
Jedes Kuscheltier kann
|
|
✨ Held werden
|
|
```
|
|
|
|
**Option C:**
|
|
```
|
|
Teddy, Hase oder Dino?
|
|
📸 Alle werden lebendig!
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Echtes Foto:** Verwende ein Foto eines echten, niedlichen Kuscheltiers
|
|
- **Qualität:** Das Foto sollte gut beleuchtet sein
|
|
- **Vielfalt hinten:** Thumbnails von verschiedenen Kuscheltieren (Teddy, Hase, Einhorn)
|
|
- **UI-Klarheit:** Große, einladende Buttons
|
|
- **Mockup:** iPhone Frame empfohlen
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt DAS Hauptfeature - Foto vom echten Kuscheltier
|
|
✅ Macht sofort klar wie einfach es ist
|
|
✅ Unique Selling Point - keine andere App macht das!
|
|
✅ Eltern verstehen: "Ah, ich fotografiere das Kuscheltier meines Kindes!"
|
|
|
|
### Alternative Version
|
|
Split-Screen zeigen:
|
|
- Links: Echtes Kuscheltier-Foto
|
|
- Rechts: "Wird magisch verwandelt..." mit Glitzer-Effekt
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 3: Transformation - Aus Foto wird Charakter
|
|
|
|
### Beschreibung
|
|
**Zeige die Charakter-Auswahl mit 3 magischen Varianten des Kuscheltiers**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Header "Erwecke dein Kuscheltier zum Leben"
|
|
- Originalfoto des Kuscheltiers klein oben
|
|
- 3 verschiedene illustrierte Versionen im 3D-Pixar-Stil
|
|
- Jede Version zeigt klar das Kuscheltier (erkennbare Merkmale)
|
|
- Auswahlbutton unter jedem Bild
|
|
- Mittleres Bild ist ausgewählt (Checkmark oder Glow)
|
|
- "Weiter"-Button unten
|
|
|
|
### Text-Overlay
|
|
**Option A:**
|
|
```
|
|
Aus deinem Teddy wird
|
|
✨ ein magischer Held
|
|
```
|
|
|
|
**Option B:**
|
|
```
|
|
Wähle die schönste Version
|
|
deines Kuscheltiers 🎨
|
|
```
|
|
|
|
**Option C:**
|
|
```
|
|
3 magische Varianten -
|
|
✨ Du entscheidest!
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Transformation sichtbar:** Originalfoto → Illustrierte Versionen
|
|
- **Konsistenz:** Alle 3 Varianten müssen klar das gleiche Kuscheltier zeigen
|
|
- **Verschiedene Posen:** Jede Variante in unterschiedlicher Pose/Stimmung
|
|
- **Qualität:** Hochwertige, niedliche Illustrationen
|
|
- **Mockup:** Fullscreen ohne Device-Frame für maximalen Fokus
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt die "Magie" - Transformation vom echten zum illustrierten Kuscheltier
|
|
✅ Demonstriert die Qualität der Illustration
|
|
✅ User sehen: Das Kuscheltier bleibt erkennbar!
|
|
✅ Wahlmöglichkeit gibt Kontrolle
|
|
|
|
### Story-Telling Element
|
|
Überlege, einen subtilen Animation-Pfeil oder Glitzer-Effekt zwischen Original und Illustrationen zu zeigen.
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 4: Kuscheltier in der Geschichte
|
|
|
|
### Beschreibung
|
|
**Zeige eine aufgeschlagene Geschichte mit dem Kuscheltier in einer spannenden Szene**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Fullscreen Story-Reader
|
|
- Eine großartige Illustration: Kuscheltier im Weltraum/Zauberwald/Unter Wasser
|
|
- 3-4 Zeilen Story-Text unter der Illustration
|
|
- Das Kuscheltier ist eindeutig der Protagonist
|
|
- Seiten-Navigation unten (Seite 5 von 10)
|
|
- Vielleicht andere Charaktere in der Szene (die das Kuscheltier treffen)
|
|
|
|
### Text-Overlay
|
|
**Option A:**
|
|
```
|
|
10 wunderschön illustrierte
|
|
📖 Abenteuer-Seiten
|
|
```
|
|
|
|
**Option B:**
|
|
```
|
|
Dein Teddy erobert
|
|
🚀 das Weltall!
|
|
```
|
|
|
|
**Option C:**
|
|
```
|
|
Jede Seite zeigt
|
|
dein Kuscheltier ✨
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Actionreich:** Spannende Szene (Weltraum, fliegend, entdeckend)
|
|
- **Kuscheltier im Fokus:** Muss klar als Hauptcharakter erkennbar sein
|
|
- **Pixar-Qualität:** Hochwertige, detailreiche Illustration
|
|
- **Lesbarkeit:** Text gut lesbar und passend
|
|
- **Mockup:** Kein Device-Frame, Content füllt Bild
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt das Leseerlebnis
|
|
✅ Kuscheltier in Action - emotional ansprechend
|
|
✅ Qualität der Illustrationen wird klar
|
|
✅ Story-Länge (10 Seiten) kommuniziert
|
|
|
|
### Beispiel-Szenen
|
|
- Teddy im Raumschiff-Cockpit
|
|
- Häschen auf einem Delfin reitend
|
|
- Dino im Zauberwald mit Feen
|
|
- Einhorn zwischen Wolken fliegend
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 5: Story-Auswahl - Welches Abenteuer?
|
|
|
|
### Beschreibung
|
|
**Zeige den "Neue Geschichte erstellen"-Screen**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Header "Wähle ein Abenteuer für dein Kuscheltier"
|
|
- Ausgewähltes Kuscheltier oben (kleines Bild + Name, z.B. "Teddy")
|
|
- Großes Textfeld mit Beispieltext oder Eingabe
|
|
- Vielleicht Vorschläge als Chips/Tags:
|
|
- "Weltraum-Abenteuer 🚀"
|
|
- "Zauberwald 🌳"
|
|
- "Unter Wasser 🐠"
|
|
- "Piratenschiff ⚓"
|
|
- Altersgruppe-Selector (3-5, 6-8, 9-12 Jahre)
|
|
- "Geschichte erstellen"-Button (prominent)
|
|
|
|
### Text-Overlay
|
|
**Option A:**
|
|
```
|
|
Welches Abenteuer soll
|
|
🧸 dein Teddy erleben?
|
|
```
|
|
|
|
**Option B:**
|
|
```
|
|
Wähle das Abenteuer -
|
|
✨ wir erzählen die Geschichte
|
|
```
|
|
|
|
**Option C:**
|
|
```
|
|
Weltraum, Zauberwald
|
|
oder Unterwasser? 🌟
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Kuscheltier-Bezug:** Zeige Kuscheltier oben, macht Verbindung klar
|
|
- **Inspiration:** Vorschläge helfen bei der Ideenfindung
|
|
- **Einfachheit:** Muss super einfach aussehen
|
|
- **Visuell:** Icons und Emojis für verschiedene Abenteuer-Typen
|
|
- **Mockup:** iPhone Frame
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt wie einfach der Prozess ist
|
|
✅ Gibt konkrete Beispiele (Inspiration)
|
|
✅ Verbindet Kuscheltier mit Abenteuer
|
|
✅ User denken: "Oh, mein Teddy im Weltraum - cool!"
|
|
|
|
### Beispiel-Eingabe
|
|
```
|
|
"Ein spannendes Weltraum-Abenteuer, wo Teddy einen neuen
|
|
Planeten entdeckt und freundliche Aliens trifft!"
|
|
```
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 6: Kuscheltier-Bibliothek
|
|
|
|
### Beschreibung
|
|
**Zeige die Charakter-Übersicht mit verschiedenen erweckten Kuscheltieren**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Header "Meine Kuscheltiere"
|
|
- 4-6 Charakterkarten mit Bildern
|
|
- Jede Karte zeigt ein anderes Kuscheltier (Teddy, Hase, Einhorn, Dino)
|
|
- Unter jedem: Name + "X Geschichten"
|
|
- Verschiedene Kuscheltier-Typen deutlich erkennbar
|
|
- "+ Neues Kuscheltier erwecken"-Button
|
|
- Teilen-Icon bei jedem Kuscheltier
|
|
|
|
### Text-Overlay
|
|
**Option A:**
|
|
```
|
|
Erwecke alle deine
|
|
🧸 Kuscheltiere zum Leben
|
|
```
|
|
|
|
**Option B:**
|
|
```
|
|
Jedes Kuscheltier
|
|
✨ wird zum Helden
|
|
```
|
|
|
|
**Option C:**
|
|
```
|
|
Unbegrenzte Kuscheltiere
|
|
für unendliche Abenteuer 🌟
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Vielfalt:** Zeige verschiedene Typen (Teddy, Hase, Einhorn, Dino, Katze)
|
|
- **Niedlichkeit:** Alle Kuscheltiere süß und ansprechend
|
|
- **Organisation:** Schönes Karten-Layout
|
|
- **Erkennbarkeit:** Jedes Kuscheltier unique und charakteristisch
|
|
- **Mockup:** iPhone Frame
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt: Man kann mehrere Kuscheltiere erwecken
|
|
✅ Geschwister können jeweils ihr eigenes haben
|
|
✅ Verschiedene Kuscheltier-Typen möglich
|
|
✅ Langzeit-Engagement (Sammlung)
|
|
|
|
### Beispiel-Kuscheltiere
|
|
1. **Teddy Bruno** - Brauner Teddy, 5 Geschichten
|
|
2. **Häschen Luna** - Weißes Häschen, 3 Geschichten
|
|
3. **Dino Rex** - Grüner Dino, 2 Geschichten
|
|
4. **Einhorn Stella** - Rosa Einhorn, 7 Geschichten
|
|
5. **Katze Mimi** - Graue Katze, 4 Geschichten
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 7: Story-Bibliothek - Die Abenteuer-Sammlung
|
|
|
|
### Beschreibung
|
|
**Zeige die Story-Bibliothek mit allen Abenteuern der Kuscheltiere**
|
|
|
|
### Was sichtbar sein sollte
|
|
- Header "Unsere Abenteuer" oder "Märchenbibliothek"
|
|
- Grid mit 6-8 Story-Covers (2 Spalten)
|
|
- Jedes Cover zeigt das Kuscheltier in seinem Abenteuer
|
|
- Titel unter jedem Cover (z.B. "Teddy im Weltraum")
|
|
- Verschiedene Abenteuer-Typen erkennbar
|
|
- "+ Neue Geschichte"-Button oben rechts
|
|
- Vielleicht Filter: "Alle" / "Teddy" / "Luna"
|
|
|
|
### Text-Overlay
|
|
**Option A:**
|
|
```
|
|
Alle Abenteuer
|
|
📚 deiner Kuscheltiere
|
|
```
|
|
|
|
**Option B:**
|
|
```
|
|
Eine Bibliothek voller
|
|
✨ magischer Geschichten
|
|
```
|
|
|
|
**Option C:**
|
|
```
|
|
Offline verfügbar -
|
|
📖 überall und jederzeit
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Thumbnails:** Jedes zeigt eindeutig welches Kuscheltier + welches Thema
|
|
- **Vielfalt:** Verschiedene Abenteuer-Typen (Weltraum, Zauberwald, Meer, etc.)
|
|
- **Cover-Design:** Hochwertig, buch-ähnlich
|
|
- **Organisation:** Clean und übersichtlich
|
|
- **Mockup:** iPhone oder iPad für mehr Platz
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Zeigt Langzeitwert (viele Geschichten sammelbar)
|
|
✅ Vielfalt der möglichen Abenteuer
|
|
✅ Offline-Feature kann betont werden
|
|
✅ Wiederkehrende Nutzung wird klar
|
|
|
|
### Beispiel Story-Titel
|
|
1. "Teddy Bruno im Weltraum" 🚀
|
|
2. "Luna entdeckt den Zauberwald" 🌳
|
|
3. "Rex und die Dino-Insel" 🦕
|
|
4. "Stellas magische Wolkenreise" ☁️
|
|
5. "Mimis Unterwasser-Abenteuer" 🐠
|
|
6. "Teddy und der Piratenschatz" ⚓
|
|
7. "Luna rettet das Feenreich" 🧚
|
|
8. "Rex im Land der Riesen" 🏔️
|
|
|
|
---
|
|
|
|
## 📱 Screenshot 8: Family-Moment - Gemeinsam erleben
|
|
|
|
### Beschreibung
|
|
**Zeige einen emotionalen "Real-Life"-Moment oder Feature-Übersicht**
|
|
|
|
### Option A: Emotional (Empfohlen)
|
|
- Composite-Bild mit echter Familie beim Vorlesen
|
|
- Kind kuschelt mit seinem Teddy
|
|
- Tablet/Phone zeigt die Geschichte
|
|
- Warme, gemütliche Atmosphäre (Bett, Kissen, Nachtlicht)
|
|
- Quote: "Die schönste Gute-Nacht-Geschichte!" - Sarah M., Mama von 2 Kindern
|
|
- 5-Sterne-Rating sichtbar
|
|
|
|
### Option B: Feature-Übersicht
|
|
- Zeige mehrere Feature-Highlights:
|
|
- ✓ Kuscheltiere werden lebendig
|
|
- ✓ 10 illustrierte Seiten pro Geschichte
|
|
- ✓ Offline verfügbar
|
|
- ✓ Keine Werbung
|
|
- ✓ Für Kinder 3-10 Jahre
|
|
- ✓ Mehrsprachig
|
|
- Clean, moderne Icon-basierte Darstellung
|
|
|
|
### Text-Overlay
|
|
|
|
**Für Option A:**
|
|
```
|
|
Die perfekte
|
|
😴 Gute-Nacht-Geschichte
|
|
```
|
|
|
|
**Für Option B:**
|
|
```
|
|
Magische Geschichten
|
|
✨ für die ganze Familie
|
|
```
|
|
|
|
### Design-Tipps
|
|
- **Emotionalität:** Wärme, Geborgenheit, Familienzeit
|
|
- **Authentizität:** Real-Life Feeling (wenn Foto)
|
|
- **Trust-Signale:** Testimonial, Rating, "Sicher für Kinder"
|
|
- **Kuscheltier sichtbar:** Echtes Kuscheltier im Bild
|
|
- **Farben:** Warme Töne (Gelb, Orange, warmes Licht)
|
|
|
|
### Warum dieser Screenshot wichtig ist
|
|
✅ Emotionale Verbindung (Family-Moment)
|
|
✅ Use-Case klar (Gute-Nacht-Geschichten)
|
|
✅ Trust Building (echte Testimonials)
|
|
✅ Schließt die Story ab (von Feature zur Emotion)
|
|
✅ Kuscheltier wird zum "Mitlesenden" - Kind kuschelt damit
|
|
|
|
---
|
|
|
|
## 🎨 Design-System für alle Screenshots
|
|
|
|
### Farbschema
|
|
**Primärfarben:**
|
|
- Gelb (Highlights): `#F8D62B`
|
|
- Gelb Dunkel: `#E8B91D`
|
|
- Weiß (Text): `#FFFFFF`
|
|
- Dunkelblau (Kontrast): `#1a1a2e`
|
|
|
|
**Sekundärfarben:**
|
|
- Lila: `#7C3AED`
|
|
- Rosa: `#EC4899`
|
|
- Türkis: `#06B6D4`
|
|
|
|
### Typographie
|
|
**Überschriften:**
|
|
- Font: Grandstander Bold
|
|
- Größe: 48-72px
|
|
- Farbe: Weiß mit gelbem Glow
|
|
|
|
**Body Text:**
|
|
- Font: System Font (SF Pro / Roboto)
|
|
- Größe: 32-42px
|
|
- Farbe: Weiß oder hellgrau
|
|
|
|
### Text-Overlay Best Practices
|
|
- **Position:** Meist oben (erste 1/3 des Screenshots)
|
|
- **Kontrast:** Dunkler Gradient-Overlay für bessere Lesbarkeit
|
|
- **Länge:** Maximal 2 Zeilen Text
|
|
- **Emojis:** Passende Emojis (🧸 Kuscheltier ist zentral!)
|
|
- **Kuscheltier-Fokus:** Immer Bezug zu Kuscheltieren herstellen
|
|
|
|
---
|
|
|
|
## 📊 A/B Testing Varianten
|
|
|
|
### Set A: Emotion First (Empfohlen für Launch)
|
|
1. Kuscheltier als Held (Endergebnis)
|
|
2. Familie beim Vorlesen (Emotional)
|
|
3. Foto vom echten Kuscheltier (Feature)
|
|
4. Transformation (Magie)
|
|
5. Geschichte mit Kuscheltier (Qualität)
|
|
6. Story-Auswahl (Einfachheit)
|
|
7. Kuscheltier-Bibliothek (Vielfalt)
|
|
8. Story-Bibliothek (Wert)
|
|
|
|
### Set B: Feature First
|
|
1. Foto vom echten Kuscheltier (Unique Feature)
|
|
2. Transformation (Magie zeigen)
|
|
3. Kuscheltier als Held (Ergebnis)
|
|
4. Geschichte mit Kuscheltier (Qualität)
|
|
5. Story-Auswahl (Einfachheit)
|
|
6. Kuscheltier-Bibliothek (Mehrere möglich)
|
|
7. Story-Bibliothek (Sammlung)
|
|
8. Familie beim Vorlesen (Emotional Close)
|
|
|
|
### Set C: Journey Focus
|
|
1. Kuscheltier als Held (Was du bekommst)
|
|
2. Foto vom echten Kuscheltier (Schritt 1)
|
|
3. Transformation (Schritt 2 - Magie)
|
|
4. Story-Auswahl (Schritt 3)
|
|
5. Geschichte mit Kuscheltier (Schritt 4 - Ergebnis)
|
|
6. Kuscheltier-Bibliothek (Skalierbarkeit)
|
|
7. Story-Bibliothek (Langzeitwert)
|
|
8. Familie beim Vorlesen (Emotionaler Abschluss)
|
|
|
|
**Empfehlung:** Starte mit Set C (Journey Focus) oder Set A (Emotion First).
|
|
|
|
Set C ist am besten für erklärungsbedürftige Features (zeigt den Prozess).
|
|
Set A ist am besten für emotionale Conversion (trifft direkt ins Herz).
|
|
|
|
---
|
|
|
|
## 🛠️ Produktions-Workflow
|
|
|
|
### Phase 1: Vorbereitung (1-2 Tage)
|
|
1. [ ] Wähle finale Screenshot-Reihenfolge
|
|
2. [ ] Besorge echte Kuscheltiere für Fotos
|
|
3. [ ] Erstelle Test-Charaktere aus Kuscheltier-Fotos
|
|
4. [ ] Generiere beste Geschichten für Screenshots
|
|
5. [ ] Wähle schönste Illustrationen aus
|
|
|
|
### Phase 2: Foto-Shooting (1 Tag)
|
|
1. [ ] Fotografiere verschiedene Kuscheltiere (Teddy, Hase, etc.)
|
|
2. [ ] Gute Beleuchtung, neutraler Hintergrund
|
|
3. [ ] Mehrere Winkel pro Kuscheltier
|
|
4. [ ] Optional: Familie beim Vorlesen fotografieren (für Screenshot 8)
|
|
5. [ ] Backup aller Fotos
|
|
|
|
### Phase 3: App-Screenshots (1-2 Tage)
|
|
1. [ ] Lade Kuscheltier-Fotos in App
|
|
2. [ ] Generiere echte Charaktere
|
|
3. [ ] Erstelle echte Geschichten
|
|
4. [ ] Mache Screenshots auf Zielgeräten
|
|
5. [ ] Verschiedene Screens/Features erfassen
|
|
6. [ ] Stelle sicher: Beste Bildqualität, keine UI-Bugs
|
|
|
|
### Phase 4: Design & Editing (2-3 Tage)
|
|
1. [ ] Füge Text-Overlays hinzu (Figma/Photoshop)
|
|
2. [ ] Optimiere Farben und Kontrast
|
|
3. [ ] Füge Device-Frames hinzu (falls gewünscht)
|
|
4. [ ] Stelle sicher: Kuscheltiere sind klar erkennbar
|
|
5. [ ] Export in korrekten Dimensionen für alle Plattformen
|
|
|
|
### Phase 5: Qualitätskontrolle (1 Tag)
|
|
1. [ ] Teste auf verschiedenen Bildschirmgrößen
|
|
2. [ ] Prüfe Lesbarkeit aller Texte
|
|
3. [ ] Verifiziere Dateigröße (< 8 MB)
|
|
4. [ ] Stelle sicher: Kuscheltier-Fokus ist in allen Screenshots klar
|
|
5. [ ] Team-Review durchführen
|
|
6. [ ] Feedback einarbeiten
|
|
|
|
### Phase 6: Upload & Testing (1 Tag)
|
|
1. [ ] Upload zu App Store Connect
|
|
2. [ ] Upload zu Play Console
|
|
3. [ ] Preview im Store ansehen
|
|
4. [ ] A/B Test vorbereiten (verschiedene Sets)
|
|
5. [ ] Monitor Conversion Rates nach Launch
|
|
|
|
**Total Timeline:** 6-9 Tage
|
|
|
|
---
|
|
|
|
## 📱 Device-Spezifische Optimierungen
|
|
|
|
### iPhone Screenshots
|
|
**Besonderheiten:**
|
|
- Vertikales Format (9:19.5 Ratio)
|
|
- Text oben, nicht in der Mitte
|
|
- Kuscheltiere müssen auch in kleiner Vorschau erkennbar sein
|
|
- Status Bar: Verstecken oder 9:41 Uhr zeigen
|
|
|
|
**Wichtig für Kuscheltier-Feature:**
|
|
- Originalfoto + Illustration müssen beide gut sichtbar sein
|
|
- Transformation muss klar werden
|
|
|
|
### iPad Screenshots
|
|
**Besonderheiten:**
|
|
- Mehr Platz für Side-by-Side Darstellungen
|
|
- Kann echtes Foto + illustrierte Version nebeneinander zeigen
|
|
- Besser für "Bibliothek"-Screens (mehr Inhalt sichtbar)
|
|
|
|
**Vorteil für unser Feature:**
|
|
- Kann "Vorher/Nachher" besser darstellen
|
|
- Grid von Kuscheltieren übersichtlicher
|
|
|
|
### Android Screenshots
|
|
**Besonderheiten:**
|
|
- Verschiedene Aspect Ratios berücksichtigen
|
|
- Feature Graphic (1024x500) muss Kuscheltier-Feature betonen
|
|
- Material Design Guidelines beachten
|
|
|
|
**Feature Graphic Idee:**
|
|
- Links: Echtes Kuscheltier-Foto
|
|
- Mitte: Magischer Übergang (Glitzer, Sterne)
|
|
- Rechts: Illustriertes Kuscheltier als Held
|
|
|
|
---
|
|
|
|
## 🎯 Lokalisierung
|
|
|
|
### Deutsche Version (Primary)
|
|
- Alle Texte auf Deutsch
|
|
- "Kuscheltier" als zentraler Begriff
|
|
- Deutsche Kuscheltier-Namen (Teddy Bruno, Häschen Luna)
|
|
- Kulturell passende Abenteuer
|
|
|
|
### Englische Version
|
|
- "Stuffed animal" oder "plush toy" statt Kuscheltier
|
|
- "Teddy" ist universal
|
|
- Englische Namen (Teddy Bear, Bunny Lily, Dino Rex)
|
|
- Texte übersetzen, aber Bilder können gleich bleiben!
|
|
|
|
**Wichtig:** Der visuelle Teil (Kuscheltiere) ist universal! Nur Text-Overlays müssen übersetzt werden.
|
|
|
|
### Weitere Sprachen
|
|
- Französisch: "peluche"
|
|
- Spanisch: "peluche"
|
|
- Italienisch: "peluche"
|
|
|
|
---
|
|
|
|
## 🧸 Kuscheltier-Spezifische Guidelines
|
|
|
|
### Welche Kuscheltiere funktionieren am besten?
|
|
|
|
**Top Choices:**
|
|
1. **Teddybären** - Universal, jeder kennt sie
|
|
2. **Hasen/Häschen** - Sehr beliebt, niedlich
|
|
3. **Einhörner** - Trendy, magisch (passt perfekt!)
|
|
4. **Dinosaurier** - Besonders bei Jungs beliebt
|
|
5. **Katzen/Hunde** - Haustier-Verbindung
|
|
|
|
**Weniger geeignet:**
|
|
- Sehr abstrakte Formen
|
|
- Dunkel gefärbte Kuscheltiere (schwer zu fotografieren)
|
|
- Zu kleine Details
|
|
|
|
### Foto-Qualität für Screenshots
|
|
|
|
**Perfektes Kuscheltier-Foto:**
|
|
- ✓ Heller, neutraler Hintergrund
|
|
- ✓ Gute Beleuchtung (keine harten Schatten)
|
|
- ✓ Kuscheltier füllt Bildausschnitt zu 60-70%
|
|
- ✓ Frontale Ansicht oder leicht seitlich
|
|
- ✓ Kuscheltier ist sauber und in gutem Zustand
|
|
- ✓ Charakteristische Merkmale gut sichtbar
|
|
|
|
**Zu vermeiden:**
|
|
- ✗ Chaotischer Hintergrund
|
|
- ✗ Schlechte Beleuchtung
|
|
- ✗ Kuscheltier zu klein im Bild
|
|
- ✗ Verschwommenes Foto
|
|
- ✗ Beschädigtes/schmutziges Kuscheltier
|
|
|
|
---
|
|
|
|
## ✅ Pre-Production Checkliste
|
|
|
|
### Kuscheltier-Material
|
|
- [ ] Mindestens 3 verschiedene Kuscheltiere organisiert (Teddy, Hase, Einhorn/Dino)
|
|
- [ ] Kuscheltiere sind sauber und präsentabel
|
|
- [ ] Verschiedene Farben (braun, weiß/rosa, bunt)
|
|
- [ ] Verschiedene Größen
|
|
|
|
### Foto-Setup
|
|
- [ ] Gute Kamera (iPhone 14+ ist ausreichend)
|
|
- [ ] Neutraler Hintergrund (weiß oder hellgrau)
|
|
- [ ] Gute Beleuchtung (Tageslicht oder Softboxen)
|
|
- [ ] Stativ (für konsistente Aufnahmen)
|
|
|
|
### App-Content
|
|
- [ ] Test-Account mit genug Mana
|
|
- [ ] Kuscheltiere in App hochgeladen
|
|
- [ ] Beste Charakterversionen ausgewählt
|
|
- [ ] Verschiedene Geschichten generiert
|
|
- [ ] Beste Illustrationen identifiziert
|
|
|
|
### Design-Tools
|
|
- [ ] Figma oder Photoshop installiert
|
|
- [ ] Screenshot-Template vorbereitet
|
|
- [ ] Text-Overlays designed
|
|
- [ ] Device-Frames downloaded (falls nötig)
|
|
- [ ] Color-Palette & Fonts bereit
|
|
|
|
---
|
|
|
|
## 💡 Pro-Tipps für Kuscheltier-Screenshots
|
|
|
|
### Storytelling durch Screenshots
|
|
1. **Screenshot 1-2:** Zeige das "Wow" - Endergebnis + Feature
|
|
2. **Screenshot 3-4:** Erkläre die "Magie" - Transformation
|
|
3. **Screenshot 5-6:** Zeige die "Vielfalt" - Viele Möglichkeiten
|
|
4. **Screenshot 7-8:** Schließe "Emotional" - Familie, Wert
|
|
|
|
### Konsistenz ist Key
|
|
- Verwende die gleichen Kuscheltiere durch mehrere Screenshots
|
|
- Zeige den "Journey" eines Kuscheltiers
|
|
- Eltern/Kinder sollen sich durch die Story geführt fühlen
|
|
|
|
### Emotionale Trigger maximieren
|
|
- Zeige eindeutig: "Das ist DEIN Kuscheltier"
|
|
- Nostalgie der Eltern (eigene Kuscheltier-Erinnerungen)
|
|
- Stolz des Kindes ("MEIN Teddy ist der Held!")
|
|
- Bindung verstärken ("Kuscheltier wird noch wichtiger")
|
|
|
|
### Häufige Fehler vermeiden
|
|
❌ Kuscheltier nicht klar erkennbar
|
|
❌ Transformation nicht deutlich
|
|
❌ Zu generische Charaktere (könnten alles sein)
|
|
❌ Vergessen zu zeigen: "Dein EIGENES Kuscheltier"
|
|
❌ Zu viel Tech-Talk (Magie, nicht Technologie!)
|
|
|
|
### Design-Tools für Kuscheltier-Effekte
|
|
**Empfohlen:**
|
|
- Figma: Für Text-Overlays und Layout
|
|
- Photoshop: Für Glitzer/Magie-Effekte
|
|
- Mockuuups.com: Für Device-Frames
|
|
- Remove.bg: Für Kuscheltier-Freistellen (falls nötig)
|
|
|
|
---
|
|
|
|
## 📊 Metrics & Success Tracking
|
|
|
|
### Was tracken nach Launch?
|
|
- **Impression → Install Rate:** Wie viele sehen Store Page → Download?
|
|
- **Screenshot Engagement:** Scrollen User zu späteren Screenshots?
|
|
- **A/B Test Results:** Welches Set performt besser?
|
|
- **Retention:** Bleiben User nach Download?
|
|
|
|
### Benchmark-Ziele
|
|
- **Top 3 Screenshots:** 80%+ der User sehen diese
|
|
- **Conversion Rate:** >10% ist gut für neue Apps
|
|
- **Scroll-through:** >40% sehen Screenshot 4+
|
|
|
|
### Wann Screenshots updaten?
|
|
- Nach 2-4 Wochen A/B Test mit klarem Gewinner
|
|
- Saisonale Anlässe (Weihnachten: "Das perfekte Geschenk")
|
|
- Neue Features (wenn neue Kuscheltier-Typen unterstützt werden)
|
|
- Bei schlechter Conversion (<5%)
|
|
|
|
---
|
|
|
|
## 🎁 Saisonale Varianten
|
|
|
|
### Weihnachten (November-Dezember)
|
|
**Anpassungen:**
|
|
- Kuscheltiere mit Weihnachtsmützen
|
|
- Weihnachtliche Abenteuer (Nordpol, Schnee)
|
|
- Text: "Das magischste Weihnachtsgeschenk 🎄"
|
|
- Warme, festliche Farben
|
|
|
|
### Ostern (März-April)
|
|
**Anpassungen:**
|
|
- Fokus auf Häschen-Kuscheltiere
|
|
- Frühlingsabenteuer
|
|
- Text: "Frühlingserwachen für Kuscheltiere 🐰"
|
|
|
|
### Schulanfang (August-September)
|
|
**Anpassungen:**
|
|
- "Nimm dein Kuscheltier mit in die Schule" (metaphorisch)
|
|
- Lern-Abenteuer
|
|
- Text: "Dein Kuscheltier hilft beim Einschlafen 😴"
|
|
|
|
### Geburtstage (ganzjährig)
|
|
**Spezial-Angle:**
|
|
- "Das persönlichste Geburtstagsgeschenk"
|
|
- "Eine Geschichte zum Geburtstag deines Kindes"
|
|
|
|
---
|
|
|
|
## 📞 Nächste Schritte
|
|
|
|
### Sofort (diese Woche)
|
|
1. [ ] **Entscheide:** Welches Screenshot-Set? (Empfehlung: Set C oder A)
|
|
2. [ ] **Organisiere:** Kuscheltiere für Fotos
|
|
3. [ ] **Plane:** Foto-Shooting (Datum, Location, Helfer)
|
|
4. [ ] **Setup:** Design-Tools und Templates
|
|
|
|
### Woche 1
|
|
1. [ ] **Fotografiere:** Kuscheltiere (mehrere Exemplare, Winkel)
|
|
2. [ ] **Upload:** In App und erstelle echte Charaktere
|
|
3. [ ] **Generiere:** Verschiedene Geschichten mit Kuscheltieren
|
|
4. [ ] **Screenshoote:** Alle benötigten App-Screens
|
|
|
|
### Woche 2
|
|
1. [ ] **Designe:** Text-Overlays in Figma/Photoshop
|
|
2. [ ] **Optimiere:** Farben, Kontrast, Lesbarkeit
|
|
3. [ ] **Review:** Team-Feedback einholen
|
|
4. [ ] **Finalisiere:** Alle Screenshots für alle Devices
|
|
|
|
### Woche 3
|
|
1. [ ] **Upload:** Zu App Store Connect & Play Console
|
|
2. [ ] **Preview:** Im Store ansehen und verifizieren
|
|
3. [ ] **Test:** A/B Test Setup vorbereiten
|
|
4. [ ] **Launch:** Submit zur Review!
|
|
|
|
---
|
|
|
|
## 🎬 Bonus: Video-Script für App Preview
|
|
|
|
**Länge:** 30 Sekunden
|
|
|
|
```
|
|
[0-3s] Intro
|
|
Visual: Kind kuschelt mit Teddy im Bett
|
|
Text: "Das ist Teddy"
|
|
|
|
[3-8s] Feature
|
|
Visual: Teddy wird fotografiert (Handy)
|
|
Text: "Fotografiere dein Kuscheltier"
|
|
|
|
[8-12s] Transformation
|
|
Visual: Foto → Illustrierter Charakter (Magie-Effekt)
|
|
Text: "Erwecke es zum Leben"
|
|
|
|
[12-20s] Story
|
|
Visual: Story-Seiten durchblättern, Teddy als Held
|
|
Text: "Erlebe magische Abenteuer"
|
|
|
|
[20-25s] Result
|
|
Visual: Kind lacht, kuschelt Teddy, während Eltern vorlesen
|
|
Text: "Dein Kuscheltier wird zum Helden"
|
|
|
|
[25-30s] CTA
|
|
Visual: App-Icon mit Download-Button
|
|
Text: "Jetzt kostenlos starten!"
|
|
```
|
|
|
|
**Musik:** Sanft, magisch, kindgerecht (ohne Lyrics)
|
|
**Voiceover:** Optional, weibliche Stimme (warm, einladend)
|
|
|
|
---
|
|
|
|
**Dokument erstellt:** Januar 2025
|
|
**Version:** 2.0 (Kuscheltier-Fokus)
|
|
**Für App-Version:** 1.2.0
|
|
**Letzte Aktualisierung:** 2025-01-06
|
|
|
|
---
|
|
|
|
**Viel Erfolg! Deine Kuscheltiere werden magisch! 🧸✨**
|