Eine Multi-Game-Play-to-Earn-Arena, durchgängig spezifiziert — von Octalysis-basiertem Research bis zu Wireframes über 16 Bereiche — derzeit vor dem Launch.
Unternehmen
Unabhängig
Rolle
Produktdesigner & Stratege
Zeitraum
2026
Typ
Produkt
Branche
Gaming · Play-to-Earn
Team
Ein Product Owner, ein Mitwirkender für die Spiel- und Community-Spezifikation und Sina als Lead für Produktdesign und Strategie
Status
Vor dem Launch
Werkzeuge
Figma
React
Das Problem
Casual-HTML5-Spiele haben selten eine tragfähige Wettbewerbs- oder Monetarisierungsebene — und Plattformen, die eine hinzufügen, wirken meist zuerst wie Casino-Produkte.
Die Rolle
Lead für Produktdesign und Strategie: das Gamification-Research, der MVP-Umfang und die vollständige Wireframe-Spezifikation über 16 Bereiche — neben einem Product Owner und einem Mitwirkenden an der Spezifikation.
Das Ergebnis
Ein vollständig geklärter MVP-Umfang, ein Build-Katalog mit 34 Komponenten und einer dreiwöchigen Build-Reihenfolge sowie ein wiederverwendbares interaktives Octalysis-Werkzeug — vor dem Launch, also noch ohne Produktkennzahlen.
Abbildung 01
Abbildung 01Drei der 73 exportierten Screens: eine Duell-Herausforderung, Today’s Spotlight und das Weekly-Legend-Ranking.
01Kontext
Viele kleine Spiele, eine Wettbewerbs- und Wirtschaftsebene.
RP1 — in den Projektunterlagen ReadyPlayerOne — ist eine Mobile-first-Arena, die leichte HTML5-Arcade-Spiele — Flappy Bird, Snake, Temple Run, Subway Surf und andere — unter einer Wettbewerbs- und Wirtschaftsebene bündelt: tägliche und wöchentliche Leaderboard-Wettbewerbe, 1-gegen-1-Duelle mit Einsatz und ticketpflichtige Turniere, alle in USDT über eine On-Chain-Wallet (BNB Smart Chain, BEP-20) abgerechnet.
Es wird nicht als soziales Netzwerk positioniert — die Projektunterlagen nennen es eine „competitive visibility engine“. Die Referenzpunkte, die sich durch das Research ziehen, sind Skillz, MPL, WinZO, Kongregate und Plato.
Kein soziales Netzwerk, sondern eine competitive visibility engine.
02Problem
Kompetitiv und belohnend, ohne zum Casino zu werden.
Casual-HTML5-Spiele gibt es viele, aber selten mit einer tragfähigen Wettbewerbs- oder Monetarisierungsebene — und die Plattformen, die eine hinzufügen, im Crypto-Gaming und Play-to-Earn, wirken meist zuerst wie Casino-Produkte und erst dann wie Spiele.
RP1 wollte ein System entwerfen, das sich wirklich kompetitiv und belohnend anfühlt, ohne in ausbeuterische Mechaniken zu kippen: Jede Mechanik wurde an der White-Hat-/Black-Hat-Balance des Octalysis-Frameworks gemessen.
ESPN-App, nicht Stake.com — ein Spieler hat sich einen Preis „verdient“, nie „groß gewonnen“ oder den „Jackpot geknackt“.
03Rahmen
Eine reine USDT-Ökonomie, eine Mobile-first-Fläche, ein Komponentensatz mit Lücken.
Abrechnung nur in USDT auf der BNB Smart Chain (BEP-20) — kein Utility-Token.
Mobile-first: eine App, Navigation fest auf drei Tabs.
Ein bestehender Komponentensatz mit einer 18 Punkte langen Lückenliste — keine Farb- oder Typo-Tokens, keine Motion-Spezifikation, ein undefiniertes Avatar-System.
Eine Tonalitätsrichtlinie, die Casino-Sprache ausschloss.
04Meine Rolle
Research, Umfang und Spezifikation — neben einem Product Owner.
Lead für Produktdesign und Strategie, in Zusammenarbeit mit einem benannten Product Owner und einem Mitwirkenden, der die spätere Spiel- und Community-Spezifikation des Projekts verfasste.
Verantwortet
↳Gamification-Research: Octalysis über alle 8 Core Drives, umgesetzt in ein interaktives Bewertungswerkzeug auf Englisch und Persisch
↳MVP-Scoping: Drei-Tab-Navigation, ein einziger Club, eine reine USDT-Ökonomie
↳Dokumentierte Entscheidungen im Conflict-Resolution-Log, darunter die Benennung Duel / Tournament / Rumble
↳Die vollständige Wireframe-Spezifikation über alle 16 Bereiche, jeweils mit Copy-Audit pro Screen
Mitverantwortet
↳Produktausrichtung, gemeinsam mit dem Product Owner
Mitgearbeitet
↳Die kanonische Spiel- und Community-Spezifikation — von einem Mitwirkenden verfasst; sie löste meinen früheren Community-Entwurf ab
05Vorgehen
Erst Research, dann Mechaniken, dann ein rigoroser Descope.
Zuerst kam das Research: ein breiter Durchgang über mehr als 20 Wettbewerbs- und Casual-Gaming-Plattformen — Skillz, MPL, WinZO, Kongregate, Telegram-Mini-Apps und andere —, dann ein Octalysis-Deep-Dive, detailliert genug für ein interaktives Bewertungswerkzeug: ein Audit über 8 Drives, ein achteckiges Radardiagramm, Builder für Journey-Phasen und Engagement-Loops und eine Ethik-Checkliste.
Von dort das Mechanik-Design: drei abgebildete Systeme — ein Wertschöpfungs-Loop (wie sich ein Spieler mit niedrigem Guthaben den Weg zurück verdient), ein Engagement-Loop (Turnier-, Duell- oder Club-Store-Optionen für einen finanzierten Spieler) und ein Club-Retention-Loop mit einer formalen State Machine.
Es folgte das MVP-Descoping, festgehalten in einem datierten Conflict-Resolution-Log statt in stillen Umschreibungen. Ein Reuse-Audit über 20 Komponenten, nach Reuse-Score sortiert, speiste einen vollständigen Wireframe-Durchgang über alle 16 Bereiche — jeder mit eigenem Copy-Audit pro Screen und einem P1/P2/P3-Issue-Log.
Sechs Durchgänge, der Reihe nach
01
Plattform-ResearchMehr als 20 Wettbewerbs- und Casual-Gaming-Plattformen
02
Octalysis-Audit8 Core Drives → ein interaktives Bewertungswerkzeug
Der Club-Retention-Loop
L1
Den Club öffnen
L2
Eine Gelegenheit sehen
06Entscheidungen
Vier Entscheidungen, die das MVP geprägt haben
Festgehalten im datierten Conflict-Resolution-Log des Projekts, nicht nebenbei entschieden.
01
Die Navigation auf drei Tabs festlegen: Club, Game, Wallet.
Eine frühere, viel größere Vision — ein Utility-Token, In-App-Wetten, Clubs im Besitz der Spieler und Club-Stores — wurde auf ein reines USDT-Produkt mit einem einzigen Club zurechtgestutzt.
Alternativen
Die frühere Vision: ein Utility-Token, In-App-Wetten, Clubs im Spielerbesitz und Club-Stores.
Abwägung
Eine kleinere Ökonomie — ein Club, keine Club-Stores, kein Token — im Tausch gegen einen Umfang, der sich vollständig klären ließ.
Belege
Ein vollständig geklärter MVP-Umfang und ein Build-Katalog mit 34 Komponenten (9 wiederverwendet, 25 neu) mit einer dreiwöchigen Build-Reihenfolge.
07Lösung
Eine App, drei Tabs, jeder Bereich als Wireframe.
Die Spezifikation deckt die ganze App ab: Onboarding mit Google, Apple oder E-Mail und OTP-Verifizierung; ein Games-Hub mit Solo Challenge, Duel, Team Battle und Tournaments; Today Spotlight, ein täglicher Einzelspiel-Wettbewerb mit Ticket-Buy-in und Live-Leaderboard; Weekly Legend, ein siebentägiger spielübergreifender Wettbewerb; Lucky Wheel; Chat; Benachrichtigungen als reichhaltige Transaktionskarten; eine reine USDT-Wallet mit Ertragsaufschlüsselung; Profil mit Erfolgen und einer XP-artigen Roadmap; und Einstellungen.
Die Navigation ist auf drei Tabs festgelegt — Club, Game, Wallet — mit einem einzigen wiederverwendbaren Feed-Card-Muster (Siegmeldung, Turnierstart, Beinahe-Treffer, Level-up, Tagesrückblick), das den Club-Tab trägt. Drei Animationssysteme vervollständigen die Spezifikation: eine Profil-Einstiegssequenz, ein Level-up mit sechs Keyframes und zehn ereignisbasierte Overlays.
01Gesamtguthaben in USDT — die einzige Währung der App
02Auszahlen und Einzahlen
03Erträge nach Quelle: Ads, Referral, Deposit, Battle
04Die On-Chain-Wallet und Geld senden
05Verfügbare, im Spiel befindliche und ausstehende Guthaben
Abbildung 04Die Wallet: eine Währung, jede Ertragsquelle sichtbar, und die im Spiel gebundenen Mittel getrennt ausgewiesen.
Abbildung 06Benachrichtigungen sind Transaktionskarten — Einzahlung, Auszahlung, Preis, Duell- und Rumble-Ergebnisse — jede mit eigenen Aktionen.
08Icon-System
Eine Familie aus 150 Icons gibt der App ihren Look.
Die Icons der App habe ich mit KI-Bildgenerierung gemacht und jedes auf denselben Look verpflichtet: glänzendes orangefarbenes Email, gebürstetes Chrom und schwarzes Glas, ein weiches Licht von oben, dieselbe Dreiviertelansicht und ein weicher Schatten unter jedem Objekt. Gold, Silber und Bronze markieren Rang und Belohnung — Medaillen, Münzen, Sterne, Kronen, Pokale —, damit ein Preis auf jedem Screen wie ein Preis aussieht.
Das Set funktioniert wie eine Grammatik: Ein Grundobjekt bekommt ein kleines Abzeichen für seinen Zustand. Eine Wallet bekommt einen Pfeil hinein oder hinaus, einen Haken, eine Warnung, ein Schloss oder einen Papierkorb; ein Challenge-Link bekommt einen Pfeil zum Teilen, Schwerter für ein Duell, eine Sanduhr, solange er wartet, und ein Kreuz, wenn er scheitert; ein Zahnrad macht aus Glocke, Spieler oder Schild ihre Einstellungen. Es begann als ein Bogen mit 53 Icons und wuchs um 97 weitere, etwa sieben auf einmal, sobald ein Flow eigene brauchte — und die späteren Reihen sitzen nahtlos neben den ersten.
Die KI hat jedes Icon gezeichnet; eine Art Direction macht aus 150 eine Familie.
Abbildung 07Meine Visual-Assets-Folie: achtzehn der 150 Icons auf der Bühne der Arena.
Was 150 Icons zu einer Familie macht
01
MaterialienDrei Oberflächen für fast alles; Metall steht für Rang und Belohnung.
Glänzendes orangefarbenes Email
Gebürstetes Chrom
Schwarzes Glas
Gold, Silber, Bronze für Rang und Belohnung
02
FormWeiche, kräftige Volumen, die auch in Tab-Bar-Größe lesbar bleiben.
Abgerundete, gefaste Kanten
Eine klare Silhouette pro Objekt
Symbole in Chrom erhaben auf Schwarz
03
Licht und BlickwinkelJedes Objekt wird gleich beleuchtet und gleich gesehen.
Die App-Hülle: Home, Spiele, Wallet, Spieler und Play — die obere Reihe ist eine spätere Neuzeichnung der Reihe darunter —, dann Chat, ein Mikrofon, Hinweise, Einstellungen, Suche und die Bedienelemente zwischen den Screens.
Ränge und Belohnungen: Gold-, Silber- und Bronzestufen, Sterne, ein Diamant, Pokale, Kronen, Rangschilde, Punktabzeichen, zwei Podeste und drei Präsentationssockel.
Geld: eine Wallet für jeden Zustand, Bargeld, Münzen, die zu USDT werden, und die Werbung, die zahlt.
09Alle Screens
160 Screens, Randfälle inklusive
Jeder Screen auf der App-Seite der Figma-Datei, exportiert am 26. September 2026 bei einer Smartphone-Breite von 390 Pixeln und nach Flow gruppiert, von der Anmeldung bis zu den Animationssystemen. Was sich in der Datei wiederholt, erscheint nur einmal: Team Battle übernimmt einundzwanzig Frames des Duells, der Tab zeigt daher nur die fünf eigenen. Die Beispiel-QR-Codes und die E-Mail-Adresse bei der Anmeldung sind verpixelt.
Die Randfälle sind gestaltet, nicht nur angedeutet: ein falscher E-Mail-Code, eine befreundete Person, die den Einsatz nicht decken kann, ein abgelaufener Herausforderungslink, eine leere Benachrichtigungsliste, eine Sicherheitsabfrage vor dem Löschen des Kontos. Die vier ticketpflichtigen Modi — Solo Challenge, Tournaments, Today’s Spotlight und Weekly Legend — haben denselben Einstieg: ein Ticket kaufen oder, bei zu wenig Guthaben, Werbung ansehen oder einzahlen. Die drei mit Zeitlimit teilen sich zudem den Abschluss, vom Spielende bis zum Endrang.
10Ergebnisse
Was aus dieser Phase hervorging
RP1 ist noch vor dem Launch — es gibt noch keine Kennzahl eines veröffentlichten Produkts, und diese Fallstudie tut nicht so, als gäbe es eine.
Ein vollständig geklärter MVP-Umfang
Drei-Tab-Navigation, ein einziger Club und eine reine USDT-Ökonomie.
Gelieferter Output · RP1-MVP-Umfang und Conflict-Resolution-Log
Ein Build-Katalog mit 34 Komponenten
9 wiederverwendet, 25 neu, in eine dreiwöchige Build-Reihenfolge gebracht.
Gelieferter Output · RP1-Build-Katalog
Eine Wireframe-Spezifikation über alle 16 Bereiche
Jeder mit Copy-Audit pro Screen und einem P1/P2/P3-Issue-Log; 73 exportierte Screens.
Gelieferter Output · Figma — Game-Design-Datei
Ein wiederverwendbares interaktives Octalysis-Werkzeug
Audit über 8 Drives, Radardiagramm, Journey- und Loop-Builder, Ethik-Checkliste — auf Englisch und Persisch.
↳Onboarding, Games-Hub, Today Spotlight, Weekly Legend, Duel, Lucky Wheel, Chat, Benachrichtigungen, Wallet, Profil und Einstellungen — als Wireframes
↳Drei Animationssysteme: Profil-Einstieg, Level-up mit sechs Keyframes, zehn Event-Overlays
↳Ein wiederverwendbares Feed-Card-Muster, das den Club-Tab trägt
11Gelernt
Gelernt
01
Ein datiertes Conflict-Resolution-Log schlägt stille Umschreibungen
Duel, Tournament und Rumble umzubenennen oder eine ältere Spezifikation formal als abgelöst zu kennzeichnen, hielt das ganze Team bei derselben aktuellen Wahrheit, statt über veraltete Dokumente zu streiten.
02
Auch ein gut dokumentiertes Projekt driftet
Der Wallet-Flow nennt in der neueren, mit Figma verknüpften Dokumentation die BNB Smart Chain (BEP-20), während ein früherer Entwurf TRC-20/ERC-20 angibt. Die neuere, querverwiesene Quelle als kanonisch zu behandeln, ist richtig — und eine Erinnerung daran, dass nur ein vollständiges Wiederlesen kleine Abweichungen aufdeckt.
Das Ergebnis landet im FeedSieg, Beinahe-Treffer, Level-up, Tagesrückblick
zurück zu L1 · Den Club öffnen
↺zurück zu L1 · Den Club öffnen
02
Die Formate umbenennen: Duel, Tournament, Rumble.
Drei schlichte Namen ersetzten das frühere Schema, geklärt im datierten Conflict-Resolution-Log statt durch stilles Umschreiben, sodass das ganze Team mit einer aktuellen Benennung arbeitete.
Alternativen
„PVP / Public Battle / Family & Friends Battle“ beibehalten.
Belege
Im Conflict-Resolution-Log des Projekts vermerkt.
03
Die Octalysis-Analyse in ein lebendiges Bewertungsinstrument verwandeln.
Statt die Framework-Analyse als Dokument aufzuschreiben, machte ein kleines interaktives React-Tool sie zum Arbeitsinstrument — ein Audit über 8 Drives, ein achteckiges Radardiagramm, Builder für Journey-Phasen und Engagement-Loops und eine Ethik-Checkliste — auf Englisch und Persisch.
Abwägung
Zeit für Tooling statt für weitere Screens; das Werkzeug ist heute ein wiederverwendbares Artefakt unabhängig von RP1.
Belege
Jede Mechanik wurde an der White-Hat-/Black-Hat-Balance des Frameworks gemessen.
04
Die ältere Community-Spezifikation als abgelöst kennzeichnen, statt sie still zu ersetzen.
Den früheren Community-Entwurf formal als durch die kanonische Spiel- und Community-Spezifikation des Mitwirkenden abgelöst zu kennzeichnen, hielt das ganze Team bei derselben aktuellen Wahrheit, statt über veraltete Dokumente zu streiten.
Abwägung
Der abgelöste Entwurf war mein eigener.
Belege
Im Conflict-Resolution-Log festgehalten.
Abbildung 02Der Duell-Flow: einen Gegner wählen — einen Freund oder einen nach Können zugeordneten Fremden —, dann einen Spieler, ein Format (zeitlich begrenzt oder Race to Target) und den Einsatz.
Abbildung 03Today’s Spotlight nach einer Runde: Das Beinahe-Treffer-Sheet zeigt die Punkte bis zum nächsten Rang, solange das Ticket läuft; Platz eins verspricht eine Benachrichtigung, falls jemand den Platz übernimmt; endet das Spotlight, folgen Endrang und die Startzeit von morgen.
Abbildung 05Drei der sechs Keyframes der Level-up-Animation: Der Profil-Avatar macht der neuen Levelnummer Platz.
Ein weiches Licht von oben
Dreiviertelansicht leicht von oben
Ein weicher Schatten unter jedem Objekt
04
GrammatikEin Grundobjekt plus ein kleines Abzeichen für seinen Zustand.
Zahnrad: seine Einstellungen
Haken, Warnung, Kreuz: das Ergebnis
Sanduhr: wartet
Schloss oder Papierkorb: gesperrt, gelöscht
Plus: hinzufügen
05
AuslieferungMaster-Dateien, die auf jede Karte der App passen.
Master mit 1024 px Breite
Transparenter Hintergrund
Jedes Objekt etwa zwei Drittel der Fläche
Spieler und Freunde: ein Profilrahmen mit seinem Status, Freunde und Teams, zwei Spieler im Duell und ein Challenge-Link in jedem Zustand.
Abbildung 08Zwei von sechs Familien: dasselbe Email, Chrom und Licht auf einem Home-Button und auf einem abgelaufenen Challenge-Link.
Wettbewerb: Schwerter und Kampfabzeichen, Tickets, das Lucky Wheel und seine Drehungen, Stoppuhren, Sanduhren, Ziele und Turnierbäume.
Abbildung 09Gold, Silber und Bronze tragen die Ränge; Orange und Chrom tragen das Spiel.
Einstellungen und Sicherheit: ein Zahnrad an allem, was es einstellt, Sicherheit und Datenschutz, Hilfe, Support, Abmelden und Orte.
Abbildung 10Grundobjekt plus Abzeichen: Wallet und Zahnrad tragen den Großteil dieser beiden Familien.
Abbildung 11Jeder Screen der App, Flow für Flow, in Smartphone-Breite; jeder Screen lässt sich ganz öffnen.
↳Eine Familie aus 150 KI-gemachten 3D-Icons, die jedem Screen denselben Look gibt
