Fortune / AI
KI-Fortune-Webprodukt, das Readings, Kristallkäufe, Kedi-Sammlung und Berater-Chat verbindet.
Fortune / AI
KI-Fortune-Webprodukt, das Readings, Kristallkäufe, Kedi-Sammlung und Berater-Chat verbindet.
Projektüberblick
Kedigram ist ein Consumer-Webprodukt rund um KI-basierte Fortune-Erlebnisse wie Kaffeesatzlesen, Tarot, Traumdeutung, Kompatibilität und Tageshoroskop. Das Produkt endet nicht bei einem einzelnen Ergebnisbildschirm, sondern verbindet Katalog-Einstieg, Ergebnisse, Kristallkäufe, Kedi-Sammlung und Berater-Chat in einer appartigen Oberfläche.
Im umgesetzten Umfang gibt es Routen für home, content, result, shop, kedigram, chat und history, dazu next-intl-Lokalisierung, mit Orval generierte API-Clients, React-Query-State-Sync, Google-OAuth-Login, Wallet- und Payment-Checkout, Gacha-Reveal-Interaktionen sowie OG-/SEO-Rendering. Damit verhält es sich deutlich eher wie ein wiederkehrend genutzter Consumer-Service als wie eine einfache Landingpage.
Warum es gebraucht wurde
01Kedigram ist ein Consumer-Webprodukt rund um KI-basierte Fortune-Erlebnisse wie Kaffeesatzlesen, Tarot, Traumdeutung, Kompatibilität und Tageshoroskop. Das Produkt endet nicht bei einem einzelnen Ergebnisbildschirm, sondern verbindet Katalog-Einstieg, Ergebnisse, Kristallkäufe, Kedi-Sammlung und Berater-Chat in einer appartigen Oberfläche.
Was ich zuerst gebaut habe
02Kedigram ist ein Consumer-Webprodukt rund um KI-basierte Fortune-Erlebnisse wie Kaffeesatzlesen, Tarot, Traumdeutung, Kompatibilität und Tageshoroskop. Das Produkt endet nicht bei einem einzelnen Ergebnisbildschirm, sondern verbindet Katalog-Einstieg, Ergebnisse, Kristallkäufe, Kedi-Sammlung und Berater-Chat in einer appartigen Oberfläche.
Wofür dieser Ansatz gut passt
03Im umgesetzten Umfang gibt es Routen für home, content, result, shop, kedigram, chat und history, dazu next-intl-Lokalisierung, mit Orval generierte API-Clients, React-Query-State-Sync, Google-OAuth-Login, Wallet- und Payment-Checkout, Gacha-Reveal-Interaktionen sowie OG-/SEO-Rendering. Damit verhält es sich deutlich eher wie ein wiederkehrend genutzter Consumer-Service als wie eine einfache Landingpage.
Technische Details
Web-Frontend
State- und API-Schicht
Product loops
Produktflächen
Die folgenden Screens zeigen die Oberflächen und Abläufe, die das Produkterlebnis tatsächlich geprägt haben.
Kontakt
Eine kurze Notiz, ein Referenzlink oder die aktuelle Problemstellung reicht aus, um eine sinnvolle erste Version gemeinsam zu strukturieren.