MagicMoments — Projektstatus & Roadmap

Stand: 2026-06-03 15:40 CEST

Live Preview: MagicMoments Landing Page

Die Preview zeigt den aktuellen funktionalen Stand. Sie ist noch nicht final auf Design, visuelle Magie, Art Direction und Premium-Wow-Moment abgestimmt.

1. Kurzüberblick

MagicMoments ist eine Premium-Zauberwerkstatt für personalisierte Kinderbücher: Aus einem Kinderfoto, Name, Alter und optionaler Widmung entsteht ein magischer privater Buchentwurf im Browser.

Aktueller Status: Der technische MVP-Kern ist angelegt und mehrfach verifiziert, aber noch nicht produktions- oder provider-ready. Parallel wird bereits am Produktgefühl gearbeitet, weil die Landing Page bei MagicMoments nicht nur Marketing ist, sondern Teil des MVP-Kerns: Nutzer:innen müssen sofort verstehen und fühlen, dass aus Foto + Name ein persönliches Premium-Kinderbuch wird.

Kurzurteil: Das Projekt befindet sich aktuell in der Phase „digitalen Kern stabilisieren + Produktversprechen sichtbar machen“. Echte KI-Provider, Checkout, PDF und Print kommen bewusst erst danach.

2. Produktidee & Zielbild

MagicMoments soll sich nicht wie ein generisches KI-Tool anfühlen, sondern wie ein hochwertiges Geschenkprodukt: warm, vertrauenswürdig, emotional und einfach.

Das Kernversprechen lautet:

Lieblingsfoto + Name = persönliches Premium-Kinderbuch.

Langfristig soll daraus ein geschäftsfähiger Flow entstehen:

1. Digitale Preview als emotionaler Kaufanreiz.
2. Später druckfähiges PDF.
3. Später Print-on-Demand.
4. Später Checkout und Geschenk-/Share-Flow.
5. Langfristig mehrere hochwertige Buchwelten/Themes.

3. Was bereits funktioniert

Produkt & UX

• Landing-Page-Grundaufbau mit klarem Foto+Name-Versprechen.
• Studio-Wizard für Kinderdetails, Foto-Flow und Buchentwurf.
• Erstes Buch-Theme space-adventure mit 12-seitigem Story-Template.
• Demo-Book unter /book/demo.
• Dynamischer Book Viewer für echte private Buchlinks.
• Lesereise-Navigation mit Seitenankern und dezente Vor-/Zurück-Links.
• Kund:innen-UI wurde bewusst enttechnisiert: keine sichtbaren Job-IDs, Providerdetails, Prompts, Outputs oder Rohfehler.

Technik

• Next.js-App baut erfolgreich.
• Supabase-Grundlage ist vorhanden.
• Privater Source-Foto-Upload ist umgesetzt.
• Draft Order wird serverseitig erzeugt.
• Source-Foto wird als Asset gespeichert.
• Initiale Buchseiten werden persistiert.
• Privater Buchlink /book/[orderId] lädt echte Orders und gespeicherte Seiten.
• Jobmodell für spätere KI-Aufgaben existiert: Avatar und Page Images.
• Mock-Runner/Mock-Provider simuliert die Pipeline sicher ohne echten KI-Provider.
• UI-sicherer Jobstatus ist im Book Viewer sichtbar.
• Kontrollierter Retry-/Fehlerpfad ist angelegt: fehlgeschlagener Werkstatt-Schritt → ein neuer Versuch wird vorbereitet → genau ein wartender Schritt kann explizit gestartet werden.

4. Was noch offen ist

MagicMoments ist noch nicht backend-/provider-ready für einen echten öffentlichen MVP mit realer KI-Erzeugung.

Noch offen:

• echte KI-Bildgenerierung,
• echte Avatar-Erzeugung,
• echte Provider-Pipeline,
• Provider-Kosten-/Fehlerkontrolle,
• RLS-/Policy-Review,
• Privacy/Security-QA,
• Foto-Retention und Löschlogik,
• E2E-Test Studio → Book Flow,
• Mobile QA,
• Checkout/Payment,
• PDF-Export,
• Print-on-Demand,
• Account-System,
• Admin-Backend,
• mehrere Themes.

5. Aktueller Fokus

Der direkte Fokus liegt aktuell auf vier Themen:

1. Mobile/visuelle Produktabnahme

Landing Page, Studio, Demo-Book und Book Viewer sollen auf kleinen Screens ruhig, hochwertig und klar wirken.

1. Technische Stabilität halten

Build, Typecheck, Supabase-Validator und Copy-Guards sollen weiterhin grün bleiben.

1. Privacy/Security vorbereiten

Kinderfoto, private Links, Storage-Policies und Lösch-/Retention-Fragen müssen sauber geprüft werden.

1. Echten KI-Provider erst danach anbinden

Keine echte Provider-Integration, bevor Jobstatus, Fehlerpfade, Datenschutz und UX stabil sind.

6. Roadmap nach Phasen

Phase A — Produktkern sichtbar machen

Status: größtenteils erledigt.

Erledigt:

• Landing Page vorhanden und conversion-näher geschärft.
• Studio Preview vorhanden.
• 12-Seiten-Story-Template vorhanden.
• Demo-Book-Viewer vorhanden.

Offen:

• Landing Page visuell und mobil abnehmen.
• Cinematic-Art-Direction-Runde für finalen Wow-Moment vorbereiten, inklusive Higgsfield-/Mood-Referenzen für Hero, Buchenthüllung und magische Geschenk-Inszenierung.
• Beispielbuch später noch stärker als Proof of Beauty ausarbeiten.

Phase B — Interaktiver Mock-Studio-Wizard

Status: abgeschlossen für Mock-End-to-End.

Erledigt:

• Studio State Machine.
• Wizard-Komponente.
• Kinderdetails.
• Upload-/Avatar-Mock.
• Dynamischer Mock Book Viewer.

Phase C — Book Viewer MVP

Status: Basis erledigt, Mobile-QA/Lesemodus-Feinschliff offen.

Erledigt:

• Dynamische Orders werden angezeigt.
• Gespeicherte Seiten werden bevorzugt geladen.
• Lesereise-Navigation und dezente Vor-/Zurück-Links sind vorhanden.
• Sichtbare technische Begriffe wurden aus dem Kund:innen-Flow entfernt.

Offen:

• Mobile QA.
• Noch stärkeres Buchgefühl/Vorlesemodus.
• Visuelle Abnahme aller Werkstatt-Zustände.

Phase D — Supabase/Persistenz

Status: wesentlicher MVP-Kern erledigt; Hardening offen.

Erledigt:

• Supabase-Setup und Env Validation.
• Server-/Service-Role Utilities.
• Privater Foto-Upload.
• Asset-Einträge.
• Draft Orders.
• Initiale Book Pages.
• Dynamischer Buchlink.

Offen:

• Cleanup-Kompensation bei Teilfehlern.
• RLS/Policy Review.
• Privacy/Security QA.
• Foto-Retention/Löschlogik.

Phase E — KI-Pipeline MVP

Status: gestartet, mit Mock-Pipeline abgesichert.

Erledigt:

• generation_jobs Service.
• Jobtypen Avatar und Page Image.
• Statusmodell queued, running, succeeded, failed.
• Mock Provider und erster Runner.
• UI-sicherer Status-Loader.
• Explizite Werkstatt-Aktion: genau einen wartenden Schritt starten.
• Kontrollierter Retry-Pfad: genau einen fehlgeschlagenen Schritt wieder vorbereiten.

Offen:

• echter KI-Provider,
• Provider-Kosten-/Fehlerkontrolle,
• produktionsreife Pipeline-Automatisierung erst nach Privacy-/Stabilitätsprüfung.

Phase F — MVP-Stabilisierung und Beta

Status: offen.

Geplant:

• E2E-Test Studio → Book Flow.
• Mobile QA.
• Privacy/Security QA.
• Beta-Testplan.
• Feedbackschleife mit echten Eltern/Schenkenden.

Phase G — Business-Ausbau

Status: bewusst später.

Geplant:

• PDF,
• Checkout,
• Print-on-Demand,
• E-Mail/Share Flow,
• weitere Themes,
• Pricing/Packaging.

7. Warum die Landing Page jetzt schon wichtig ist

Die Landing Page ist bei MagicMoments kein nachgelagertes Marketing-Detail, sondern ein MVP-Bestandteil.

Der technische Flow allein reicht nicht aus. Das Produkt muss sofort emotional verständlich sein:

• Was bekomme ich?
• Warum ist das ein besonderes Geschenk?
• Ist der Umgang mit Kinderfotos vertrauenswürdig?
• Sieht das Ergebnis hochwertig genug aus?
• Möchte ich das für mein Kind, Enkelkind oder Patenkind ausprobieren?

Deshalb laufen zwei Arbeitsstränge bewusst parallel:

1. Technische Stabilität: Upload, Persistenz, privater Buchlink, Jobstatus, Retry, Privacy/Security.
2. Produktversprechen: Landing Page, Studio-Copy, Beispielbuch, Book Viewer als ruhiger Vorlese-/Geschenkmoment.

Die aktuelle Landing-Arbeit bedeutet also nicht „Backend ist fertig“, sondern: Der technische Kern ist stabil genug, um Produktgefühl und Conversion jetzt sinnvoll gegen die echte Umsetzung zu prüfen.

Frontend- und Landing-Page-Prinzipien

Die finale Landing Page soll später deutlich stärker wie ein magisches Premium-Geschenkprodukt wirken — nicht wie eine funktionale App-Oberfläche.

Leitprinzipien:

• Sofortiger Buchheld-Wow: In den ersten Sekunden muss klar und emotional spürbar werden: Aus Foto + Name wird ein persönliches Kinderbuch.
• Cinematic Art Direction: Vor dem finalen Designschliff sollen Higgsfield oder ähnliche cinematic AI-/Mood-Tools als Referenz für Licht, Bewegung, Magie, Reveal-Momente und Bildsprache geprüft werden.
• Apple-Premium trifft Disney-Magie: Ruhige, hochwertige Oberfläche; warme, märchenhafte Inszenierung; keine generische KI-Tool-Ästhetik.
• Beispielbuch als Proof of Beauty: Die Demo muss zeigen, wie schön und persönlich das Ergebnis werden kann — nicht nur, dass der Flow technisch funktioniert.
• Vertrauen vor Conversion-Druck: Gerade wegen Kinderfoto und Geschenk-Kontext müssen Datenschutz, Privatheit und Löschung ruhig und glaubwürdig erklärt werden.
• Eltern, Großeltern und Pat:innen: Die Ansprache soll nicht nur technisch interessierte Eltern erreichen, sondern alle Schenkenden, die ein emotionales Geschenk suchen.

Die aktuelle Preview ist deshalb bewusst als funktionaler Zwischenstand zu verstehen: Struktur, Copy und Flow werden geprüft; die finale visuelle Verzauberung kommt nach stabiler Technik- und UX-Abnahme.

8. Fragen, bei denen Feedback besonders wertvoll ist

• Wird das Produktversprechen in 5 Sekunden verstanden?
• Wirkt die Landing Page wie ein Premium-Geschenkprodukt statt wie ein KI-Generator?
• Ist der Umgang mit Kinderfotos vertrauenswürdig genug erklärt?
• Welche Bildsprache/Art Direction fühlt sich magisch, hochwertig und nicht generisch an?
• Welche Zielgruppe ist für den Start am stärksten: Eltern, Großeltern, Pat:innen, Geburtstagsgeschenke, Weihnachten?
• Was braucht ein Beispielbuch, damit es als echter Proof of Beauty funktioniert?