Wie wir das Browserspiel Tipni cenu entwickelt haben: von der Idee bis zum Start

Was kostet eine 3-Zimmer-Wohnung in Žilina? Und ein gebrauchter Škoda Superb mit 200.000 km? Die meisten Menschen glauben, das schätzen zu können. Wenn sie den Preis aber wirklich tippen müssen, liegen sie meist um Dutzende Prozent daneben.

Aus diesem Gedanken entstand Tipni cenu (slowakischsprachiges Spiel), ein kostenloses Browserspiel, in dem Sie die Preise echter Immobilien und Autos aus der Slowakei erraten. Wir haben es bei CODEUPP konzipiert, programmiert und gestartet. In diesem Artikel zeigen wir Ihnen, wie wir vorgegangen sind, welche technischen Entscheidungen wir getroffen haben und was Sie davon für Ihr eigenes digitales Produkt nutzen können.

Worum es im Spiel geht

Das Prinzip ist einfach:

1. Sie sehen Fotos und Details eines echten Inserats: Lage, Wohnfläche, Zimmeranzahl, Baujahr oder Kilometerstand.
2. Mit einem Schieberegler oder durch Eingabe einer Zahl tippen Sie den Preis.
3. Für einen exakten Tipp erhalten Sie 1.000 Punkte. Bei 10 % Abweichung sind es 750 Punkte, ab 40 % null.

Ein Spiel hat fünf Runden und dauert etwa zwei Minuten. Neben dem klassischen Tippen bietet Tipni cenu auch weitere Modi:

• Denná výzva (Tägliche Challenge) – fünf Immobilien, für alle gleich, ein Versuch pro Tag und eine tägliche Rangliste. Das funktioniert nach demselben Prinzip wie Wordle: Alle haben dieselbe Aufgabe und vergleichen sich miteinander.
• Hádaj cenu auta (Errate den Autopreis) – vom günstigen Gebrauchtwagen bis zum luxuriösen Sportwagen.
• Čo je drahšie? (Was ist teurer?) – zwei Inserate nebeneinander, und Sie tippen auf das teurere.
• Násobič (Multiplikator) – wie viel Mal teurer ist eine Immobilie als die andere?
• Hra s kamarátmi (Spiel mit Freunden) – Sie erstellen einen Raum, schicken einen Link, und bis zu 10 Personen tippen gleichzeitig auf ihren Handys.

Das Spiel ist kostenlos, ohne Registrierung und ohne Installation. Einfach die Website öffnen.

Warum entwickelt eine Agentur ein Spiel?

Kurze Antwort: Weil es die ideale Spielwiese ist, um Vorgehensweisen zu erproben, die wir anschließend bei Kunden einsetzen.

Das Spiel enthält auf kleinem Raum alles, womit sich ein typisches digitales Produkt befassen muss:

• Beschaffung und Verarbeitung von Daten aus externen Quellen,
• Performance auf dem Handy, denn die meisten spielen auf dem Smartphone,
• Echtzeitfunktionen für das Spiel mit mehreren Personen,
• Absicherung gegen Schummeln,
• SEO und Sichtbarkeit in KI-Suchmaschinen, damit überhaupt jemand von dem Produkt erfährt.

Außerdem ist es ein Produkt, das Menschen von sich aus weiterempfehlen. Das Ergebnis teilen sie als Emoji-Raster, ähnlich wie bei Wordle, und jedes Teilen bringt neue Spieler.

Wie wir vorgegangen sind

1. Ein MVP statt eines perfekten Produkts

Die erste Version hatte einen einzigen Modus: das Tippen von Immobilienpreisen. Keine Konten, keine Ranglisten. Wir wollten so schnell wie möglich eine einzige Frage beantworten: Macht es den Leuten Spaß?

Erst als sich zeigte, dass ja, kamen die tägliche Challenge, Autos, Ranglisten und das Spiel mit Freunden dazu. Genauso gehen wir auch bei Kundenprojekten vor. Ausführlicher beschreiben wir das im Artikel MVP in 30 Tagen: wie man eine Idee testet, ohne Euro zu verschwenden.

2. Einfache Technologie, die überall läuft

Wir haben nicht zum neuesten Framework gegriffen. Das Spiel läuft mit reinem PHP und JavaScript ohne Framework und einer SQLite-Datenbank. Das Ergebnis:

• es läuft auf gewöhnlichem, günstigem Webhosting ohne speziellen Server,
• es lädt schnell, auch auf einem schwächeren Handy und bei langsamer Verbindung,
• die Wartung ist günstig und ein Deployment dauert wenige Sekunden.

Für kleinere Projekte ist das oft die bessere Wahl als eine komplexe Architektur, die die Kosten unnötig in die Höhe treibt. Wir wählen die Technologie danach, was das Projekt wirklich braucht, nicht danach, was gerade in Mode ist.

3. Automatischer Import echter Inserate

Das Spiel steht und fällt mit guten Daten. Deshalb haben wir einen Importer entwickelt, der aus öffentlichen Inseraten Daten zu Wohnungen, Häusern und Autos sammelt:

• er respektiert die Regeln der Websites (robots.txt) und lädt langsam, mit Pausen,
• er wählt Inserate aus allen Regionen der Slowakei, nicht nur aus Bratislava,
• er verkleinert Fotos automatisch und optimiert sie ins WebP-Format,
• er ergänzt die Orte um Koordinaten, sodass Sie bei jeder Immobilie auch eine Karte sehen.

In der Datenbank befinden sich so Hunderte echter Inserate, und regelmäßig kommen neue hinzu. Dasselbe Prinzip – automatisches Beschaffen, Bereinigen und Anreichern von Daten – nutzen wir auch bei der Automatisierung von Unternehmensprozessen.

4. Schutz gegen Schummeln

Bei einem Spiel mit Rangliste versucht immer jemand zu schummeln. Deshalb wird der echte Preis gar nicht erst an den Browser geschickt, bevor der Spieler seinen Tipp abgibt. Die Punkte berechnet der Server, nicht der Browser. In den Entwicklertools finden Sie den Preis also nicht im Voraus.

Ein kleines Detail, das aber darüber entscheidet, ob man der Rangliste vertraut. Und dasselbe Prinzip gilt für jede Anwendung, die mit sensiblen Daten arbeitet: Wichtiges prüft immer der Server.

5. Mobile first

Die meisten spielen auf dem Handy, oft mit einer Hand in Bus oder Bahn. Deshalb haben wir mehrere Optimierungsrunden durchlaufen:

• das Tipp-Panel ist wie bei nativen Apps am unteren Bildschirmrand fixiert,
• Fotos wechseln Sie per Wischgeste,
• Timer und Punktestand bleiben ständig sichtbar,
• beim Eintippen des Preises verkleinert sich das Panel, damit es über die Tastatur passt,
• nach der Auswertung ist die Schaltfläche „Nächste Runde“ immer in Daumenreichweite.

Solche Kleinigkeiten fallen auf den ersten Blick nicht auf, aber genau an ihnen messen Menschen, ob sich eine App „gut bedienen“ lässt.

6. Spiel mit Freunden in Echtzeit

Der ideale Modus für Partys und Firmenevents. Ein Spieler erstellt einen Raum und schickt einen Link. Die anderen treten ohne Registrierung bei, und alle tippen dieselben Inserate mit einem gemeinsamen Timer. Nach jeder Runde sehen sie, wer am nächsten dran war.

7. SEO und Sichtbarkeit in ChatGPT, Gemini und Perplexity

Auch das beste Spiel ist nutzlos, wenn es niemand findet. Moderne Webanwendungen haben dabei ein tückisches Problem: Den Inhalt rendert erst JavaScript. Google kommt damit teilweise zurecht, aber Bing, DuckDuckGo und die meisten KI-Bots (ChatGPT, Perplexity, Claude) führen kein JavaScript aus. Statt Inhalt sehen sie eine leere Seite.

Deshalb haben wir das Spiel ergänzt um:

• einen eigenen Titel, eine Beschreibung und Text für jede Seite direkt im HTML, lesbar auch ohne JavaScript,
• strukturierte Daten (schema.org): Spiel, Betreiber, häufig gestellte Fragen,
• eine llms.txt-Datei, die KI-Assistenten kurz erklärt, worum es auf der Website geht und wann sie sie empfehlen sollen,
• IndexNow, damit Bing, Yandex und Seznam sofort von neuen Seiten erfahren,
• robots.txt, die KI-Suchmaschinen ausdrücklich zulässt.

Diese Disziplin nennt man auch GEO (Generative Engine Optimization), also Optimierung für KI-Suchmaschinen. Immer mehr Menschen fragen statt Google lieber ChatGPT. Wenn die KI Sie nicht kennt, existieren Sie für einen Teil Ihrer Kunden schlicht nicht.

Was Sie daraus mitnehmen können

Auch wenn Sie kein Spiel entwickeln, gelten diese Prinzipien für jede Website, jeden Onlineshop und jede App:

1. Beginnen Sie mit einem kleinen MVP und bauen Sie nur aus, was die Menschen wirklich interessiert.
2. Wählen Sie Technologie nach Bedarf, nicht nach Trends. Eine einfachere Lösung ist oft schneller und günstiger.
3. Automatisieren Sie die Arbeit mit Daten. Manuelles Abtippen ist teuer und fehleranfällig.
4. Gestalten Sie zuerst für das Handy. Dort ist der Großteil Ihrer Nutzer.
5. Denken Sie vom ersten Tag an an SEO und KI-Suchmaschinen, nicht erst nach dem Start.

Probieren Sie es aus

Am besten verstehen Sie es, wenn Sie es selbst ausprobieren. Spielen Sie Tipni cenu und finden Sie heraus, ob Sie den Preis einer Wohnung besser schätzen als ein Immobilienmakler. Oder schicken Sie den Link an Freunde und finden Sie heraus, wer von Ihnen am besten schätzt.

Haben Sie eine Idee für eine App, ein Spiel oder ein internes Tool? Bei CODEUPP konzipieren und entwickeln wir Websites und Anwendungen nach Maß, helfen bei SEO und Sichtbarkeit in KI-Suchmaschinen und validieren Ihre Idee als MVP-Prototyp in wenigen Wochen. Kontaktieren Sie uns für ein kostenloses Beratungsgespräch.