Taschen­geld App für Fami­li­en

Start » Projekte » Taschen­geld App für Fami­li­en

Die Taschen­geld-App für Fami­li­en

Link zur Web­sei­te: https://www.taschengeldapp.com/

Ergeb­nis­se auf einen Blick

1. Kun­de & Aus­gangs­si­tua­ti­on

Pepp ist eine Eigen­ent­wick­lung von BlueBranch GmbH – ent­stan­den aus der Erkennt­nis, dass Fami­li­en eine spie­le­ri­sche, digi­ta­le Mög­lich­keit brau­chen, Kin­dern den Umgang mit Geld und Ver­ant­wor­tung bei­zu­brin­gen.

Die Kern­idee: Eltern erstel­len Auf­ga­ben (sog. Quests), Kin­der erle­di­gen die­se und erhal­ten dafür Beloh­nun­gen in Euro-Cent. Das schafft ech­te Moti­va­ti­on, Trans­pa­renz und ein lehr­rei­ches Umfeld für finan­zi­el­le Ver­ant­wor­tung – alles in einer App.

Ziel war es, eine voll­stän­di­ge, App-Store-rei­fe Platt­form mit zwei klar getrenn­ten Nut­zer­wel­ten zu schaf­fen: Eltern als Admi­nis­tra­to­ren und Kin­der als akti­ve Teil­neh­mer. Mit Echt­zeit-Kom­mu­ni­ka­ti­on, einem Fami­li­en-Chat, Beloh­nung­s­ani­ma­tio­nen und einem ska­lier­ba­ren Abo-Modell für Pre­mi­um-Fea­tures.

„Ver­wand­le Haus­auf­ga­ben in span­nen­de Quests. Dei­ne Kin­der sam­meln Cre­dits in Euro-Cent – du behältst die vol­le Kon­trol­le.“ – Pepp Pro­dukt­slo­gan

2. Zie­le

Gemein­sam wur­den kla­re Ent­wick­lungs­prio­riä­ten defi­niert:

1.  Gami­fi­zie­rung von Haus­halts­auf­ga­ben für Kin­der

Auf­ga­ben mit 5 Kate­go­rien (Sofort, Täg­lich, Wöchent­lich, Monat­lich, Dau­er­haft), Foto-/Kom­men­tar-Nach­wei­sen und Euro-Cent-Beloh­nun­gen.

2.  Kla­re Rol­len­tren­nung: PARENT / OWNER vs. CHILD

Eltern ver­wal­ten Auf­ga­ben, ver­ge­ben Gut­ha­ben und steu­ern die Fami­lie. Kin­der erle­di­gen Auf­ga­ben und sehen ihren eige­nen Kon­to­stand.

3.  Echt­zeit-Fami­li­en­kom­mu­ni­ka­ti­on

Fami­li­en-Chat mit Bil­dern, Emo­ji-Reak­tio­nen und Kom­men­ta­ren via Socket.io – mit opti­mis­ti­schem UI-Update für sofor­ti­ges Feed­back.

4.  Pre­mi­um-Abo-Modell via Reve­nue­Cat

Freie Nut­zung bis 3 Auf­ga­ben; Pro-Abo mit unbe­grenz­ten Auf­ga­ben. Voll­stän­di­ger Pay­wall-Flow mit Goog­le-Ads-Con­ver­si­on-Track­ing.

5.  Kin­der-Modus für siche­re Gerä­te­über­ga­be

Eltern kön­nen ihr Smart­phone tem­po­rär einem Kind über­ge­ben – PIN-gesi­chert, voll­stän­di­ge UI-Trans­for­ma­ti­on, kein Log­out not­wen­dig.

6.  DSGVO-kon­form & kind­ge­recht

Kei­ne Wer­be-ID, kein AD_ID-Track­ing. Fire­ba­se Ana­ly­tics mit deak­ti­vier­ter ADID-Erhe­bung. Spe­zi­ell für Kin­der-Apps kon­zi­piert.

3. Lösungs­an­satz

Pro­dukt­vi­si­on & Design Sys­tem

BlueBranch ent­wi­ckel­te Pepp voll­stän­dig als eigen­stän­di­ges Pro­dukt – von der Pro­dukt­vi­si­on bis zur App-Store-Ver­öf­fent­li­chung. Ein eige­nes Design Sys­tem (Pepp v2) bil­det die gestal­te­ri­sche Grund­la­ge:

•  Cream-Hin­ter­grund (#F6F0E6), Navy-Ink (#0F2A4A), Coral-Akzent (#FF6B4A) – war­me, kind­ge­rech­te Farb­pa­let­te

•  Fraun­ces (Head­lines) + Plus Jakar­ta Sans (Body/UI) als abge­stimm­tes Schrift-Duo

•  Pepp-Mas­kott­chen: SVG-Spar­schwein mit 3 Farb­pa­let­ten (Coral, Mint, Sky)

•  Ani­mier­ter Splash-Screen: Coin-Drop → Mas­kott­chen-Ein­blen­de → Fort­schritts-Sweep (2,4 Sekun­den)

•  11-stu­fi­ges Onboar­ding mit Opa­ci­ty-Tran­si­ti­ons und Key­board-Awa­re­ness

Tech­ni­sche Umset­zung – App (Front­end)

•  React Nati­ve mit Expo Pre­build-Work­flow (nati­ve Modu­le: Reve­nue­Cat, Goo­g­le­Si­gnIn, Push-Noti­fi­ca­ti­ons)

•  File-based Rou­ting via Expo Rou­ter (auth-geschütz­te Tabs, rol­len­ab­hän­gi­ge Navi­ga­ti­on)

•  Zustand Sta­te Manage­ment: 6 dedi­zier­te Stores (Auth, Gami­fi­ca­ti­on, Fami­lie, Cre­dits, Quests, Sub­scrip­ti­on)

•  Socket.io-Client für Echt­zeit-Events: Chat, Cre­dits, Sub­scrip­ti­on-Updates

•  Reve­nue­Cat SDK für In-App-Sub­scrip­ti­ons (iOS & Android, Tri­al, Rene­wal, Entit­le­ment)

•  Ampli­tu­de Ana­ly­tics (EU-Rechen­zen­trum) + Fire­ba­se Ana­ly­tics für Goog­le-Ads-Con­ver­si­ons

•  ~95 typi­sier­te Ana­ly­tics-Events – voll­stän­di­ger Con­ver­si­on-Fun­nel mess­bar

•  Secu­reS­to­re für JWT-Token-Caching und PIN-Spei­che­rung

•  Expo Image Picker / Came­ra für Foto-Auf­ga­ben­nach­wei­se

Tech­ni­sche Umset­zung – Backend (API)

•  Nest­JS 11 + TypeORM + Post­greS­QL + Redis

•  21 Fea­ture-Modu­le (Auth, Users, Fami­ly, Quests, Cre­dits, Mes­sa­ges, Sub­scrip­ti­on, …)

•  REST-API + Socket.io für Echt­zeit-Events

•  Reve­nue­Cat Web­hook für idem­po­ten­te Sub­scrip­ti­on-Updates mit Event-Dedu­pli­zie­rung

•  Sharp für ser­ver­sei­ti­ge Bild­ver­ar­bei­tung: WebP-Kon­ver­tie­rung, HEIC-Fall­back

•  Quest-Instan­zen lazy-com­pu­ted pro Kategorie/Periode – kei­ne cli­ent­sei­ti­ge Erzeu­gung

•  Euro-Cent als Inte­ger-Wäh­rung durch­gän­gig (kein Floa­ting-Point, kei­ne Run­dungs­feh­ler)

Kin­der-Modus (Inno­va­ti­ves Kern­fea­ture)

Eltern über­ge­ben ihr Smart­phone tem­po­rär einem Kind – ohne Log­out, ohne sepa­ra­tes Gerät. Tech­nisch umge­setzt via JWT-Imper­so­na­ti­on:

•  PIN-Schutz via Secu­reS­to­re (Set­up beim ers­ten Akti­vie­ren, Veri­fi­ka­ti­on bei jedem Wech­sel)

•  Voll­stän­di­ge UI-Trans­for­ma­ti­on: Fami­li­en-Tab und Kon­ten-Tab aus­ge­blen­det, Child-Mode-Ban­ner sicht­bar

•  Push-Token-Unter­drü­ckung im Kin­der-Modus (ver­hin­dert Cross-Account-Benach­rich­ti­gun­gen)

•  Auto­ma­ti­sche Kon­text-Wie­der­her­stel­lung beim Ver­las­sen (Parent-Con­text + Mem­bers-Refresh)

•  Vibra­ti­ons-Feed­back bei fal­schem PIN (300 ms)

Onboar­ding & Auth-Flow

•  11-stu­fi­ges Onboar­ding: Rol­len­aus­wahl → Kon­to → Pass­wort → Fami­lie → E‑Mail-Bestä­ti­gung → Quest-Set­up → Done

•  Goog­le Sign-In (nativ SDK) & Apple Sign-In mit Fami­ly-Set­up-Hand­shake für neue Nut­zer

•  OAuth-Token-Buf­fer mit 5‑Mi­nu­ten-TTL (Secu­reS­to­re) ver­hin­dert Token-Ablauf wäh­rend des Flows

•  Goog­le-Ads-Con­ver­si­on-Anchor: accoun­t_crea­ted-Event feu­ert ein­heit­lich für alle Regis­trie­rungs­we­ge

•  Fire­ba­se Ana­ly­tics: trial_start, purcha­se und onboarding_slide_viewed als Con­ver­si­on-Events

4. Ergeb­nis­se

Voll­stän­di­ge App-Store-Prä­senz

Pepp ist live im Apple App Store und Goog­le Play Store – für iOS und Android ver­füg­bar.

•  App Store: apps.apple.com/de/app/pepp-taschengeld-aufgaben/id6761885126

•  Goog­le Play: play.google.com/store/apps/details?id=de.bluebranch.taschengeld

Ska­lier­ba­res Abo-Modell

Die Reve­nue­Cat-Inte­gra­ti­on ermög­licht In-App-Sub­scrip­ti­ons mit Tri­al-Pha­sen, auto­ma­ti­scher Ver­län­ge­rung und platt­form­über­grei­fen­dem Entit­le­ment-Manage­ment. Der gesam­te Pay­wall-Flow ist voll­stän­dig mit Goog­le Ads ver­knüpft und mess­bar.

Voll­stän­di­ger Ana­ly­tics-Fun­nel

Mit ~95 typi­sier­ten Ampli­tu­de-Events und Fire­ba­se-Ana­ly­tics-Con­ver­si­ons ist der gesam­te Nut­zer-Fun­nel mess­bar – von der App-Instal­la­ti­on über Onboar­ding und Regis­trie­rung bis zum Abo-Abschluss.

„End­lich weiß mei­ne Toch­ter, wofür sie arbei­tet und wir strei­ten viel weni­ger über Haus­auf­ga­ben.“
– Fami­lie aus Mün­chen

Ergeb­nis­se im Über­blick

5. Fazit & Lear­nings

Pepp zeigt, wie ein kom­ple­xes Con­su­mer-Pro­dukt mit meh­re­ren Nut­zer­rol­len, Echt­zeit-Kom­mu­ni­ka­ti­on und einem Abo-Modell in einer durch­gän­gi­gen React Nati­ve + Expo-Archi­tek­tur rea­li­siert wer­den kann – von der Pro­dukt­vi­si­on bis zur App-Store-Ver­öf­fent­li­chung.

1.  Expo als voll­stän­di­ge Pro­duk­ti­ons­platt­form.

Mit Pre­build-Work­flow, Con­fig Plug­ins und nati­ven Modu­len ist Expo eine ernst­haf­te Alter­na­ti­ve zur voll­stän­dig nati­ven Ent­wick­lung – bei deut­lich höhe­rer Ent­wick­lungs­ge­schwin­dig­keit und einer ein­heit­li­chen Code­ba­sis für iOS und Android.

2.  Echt­zeit-Fea­tures müs­sen von Anfang an archi­tek­to­nisch geplant wer­den.

Socket.io-Events, Opti­mi­stic Updates und Zustand-Stores müs­sen kon­sis­tent zusam­men­spie­len. Eine kla­re Store-Stra­te­gie ver­hin­dert Race Con­di­ti­ons und sorgt für ein flüs­si­ges Nut­zer­er­leb­nis.

3.  Kin­der-Apps erfor­dern beson­de­re Daten­schutz­maß­nah­men.

AD_ID-Rem­oval via Expo Con­fig Plug­in, deak­ti­vier­te ADID-Erhe­bung in Fire­ba­se und DSGVO-kon­for­me Daten­hal­tung sind kei­ne optio­na­len Fea­tures, son­dern Pflicht – und müs­sen von Anfang an ein­ge­plant wer­den.

15. Mai | 08:43 Uhr |