Koľko stojí 3-izbový byt v Žiline? A ojazdená Škoda Superb s 200 000 km? Väčšina ľudí má pocit, že to vie odhadnúť. Keď to však majú tipnúť naostro, väčšinou sa netrafia ani o desiatky percent.
Z tejto myšlienky vznikla Tipni cenu, bezplatná webová hra, v ktorej hádate ceny skutočných nehnuteľností a áut zo Slovenska. Navrhli sme ju, naprogramovali a spustili v CODEUPP. V tomto článku ukážeme, ako sme postupovali, aké technické rozhodnutia sme urobili a čo z toho môžete využiť pri vlastnom digitálnom produkte.
O čo v hre ide
Princíp je jednoduchý:
- Uvidíte fotky a detaily skutočného inzerátu: lokalitu, výmeru, počet izieb, rok výroby či najazdené kilometre.
- Posuvníkom alebo napísaním čísla tipnete cenu.
- Za presný tip dostanete 1 000 bodov. Pri odchýlke 10 % je to 750 bodov a pri 40 % a viac nula.
Jedna hra má päť kôl a trvá asi dve minúty. Okrem klasického tipovania ponúka Tipni cenu aj ďalšie režimy:
- Denná výzva – päť nehnuteľností, rovnakých pre všetkých, jeden pokus denne a denný rebríček. Funguje na rovnakom princípe ako Wordle: všetci majú rovnaké zadanie a porovnávajú sa navzájom.
- Hádaj cenu auta – od lacných ojazdených áut po luxusné športiaky.
- Čo je drahšie? – dva inzeráty vedľa seba a vy ťuknete na drahší.
- Násobič – koľkokrát je jedna nehnuteľnosť drahšia ako druhá?
- Hra s kamarátmi – založíte miestnosť, pošlete odkaz a až 10 ľudí tipuje naraz na svojich mobiloch.
Hra je zadarmo, bez registrácie a bez inštalácie. Stačí otvoriť web.
Prečo agentúra robí hru?
Krátka odpoveď: lebo je to ideálne ihrisko na overenie postupov, ktoré potom používame u klientov.
Hra má na malom priestore všetko, čo rieši bežný digitálny produkt:
- získavanie a spracovanie dát z externých zdrojov,
- výkon na mobile, pretože väčšina hráčov hrá na telefóne,
- real-time funkcie pre hru viacerých hráčov,
- zabezpečenie proti podvádzaniu,
- SEO a viditeľnosť v AI vyhľadávačoch, aby sa o produkte vôbec niekto dozvedel.
Navyše je to produkt, ktorý si ľudia posielajú sami. Výsledok zdieľajú ako emoji mriežku, podobne ako vo Wordle, a každé zdieľanie privedie ďalších hráčov.
Ako sme postupovali
1. MVP namiesto dokonalého produktu
Prvá verzia mala jediný režim: tipovanie cien nehnuteľností. Žiadne účty, žiadne rebríčky. Chceli sme čo najskôr overiť jedinú otázku: baví to ľudí?
Až keď sa ukázalo, že áno, pribudla denná výzva, autá, rebríčky a hra s kamarátmi. Rovnako postupujeme aj pri klientskych projektoch. Podrobnejšie to opisujeme v článku MVP za 30 dní: ako overiť nápad bez plytvania eur.
2. Jednoduchá technológia, ktorá beží kdekoľvek
Nesiahli sme po najmodernejšom frameworku. Hra beží na čistom PHP a JavaScripte bez frameworku s databázou SQLite. Výsledok:
- beží na bežnom lacnom webhostingu bez špeciálneho servera,
- načíta sa rýchlo aj na slabšom mobile a pomalom pripojení,
- údržba je lacná a nasadenie trvá pár sekúnd.
Pre menšie projekty to často býva lepšia voľba ako zložitá architektúra, ktorá zbytočne zvyšuje náklady. Technológiu volíme podľa toho, čo projekt naozaj potrebuje, nie podľa toho, čo je práve v móde.
3. Automatický import skutočných inzerátov
Hra stojí a padá na kvalitných dátach. Pripravili sme preto importér, ktorý z verejných inzerátov zbiera údaje o bytoch, domoch a autách:
- rešpektuje pravidlá webov (robots.txt) a sťahuje pomaly, s pauzami,
- vyberá inzeráty zo všetkých krajov Slovenska, nielen z Bratislavy,
- fotky automaticky zmenší a optimalizuje do formátu WebP,
- lokality doplní o súradnice, takže pri každej nehnuteľnosti vidíte aj mapu.
V databáze sú tak stovky skutočných inzerátov a pravidelne pribúdajú nové. Rovnaký princíp, teda automatické získavanie, čistenie a obohacovanie dát, používame aj pri automatizácii firemných procesov.
4. Ochrana proti podvádzaniu
Pri hre s rebríčkom vždy niekto skúsi podvádzať. Preto sa skutočná cena do prehliadača vôbec nepošle, kým hráč neodošle svoj tip. Body počíta server, nie prehliadač. V nástrojoch pre vývojárov tak cenu dopredu nenájdete.
Ide o malý detail, ktorý však rozhoduje o tom, či rebríčku niekto verí. A rovnaký princíp platí pri každej aplikácii, ktorá pracuje s citlivými údajmi: dôležité veci overuje vždy server.
5. Mobil na prvom mieste
Väčšina hráčov hrá na telefóne, často jednou rukou v MHD. Prešli sme preto viacerými kolami úprav:
- tipovací panel je prilepený na spodku obrazovky ako pri natívnych aplikáciách,
- fotky sa prepínajú potiahnutím prstom,
- časovač a skóre ostávajú stále viditeľné,
- pri písaní ceny sa panel zmenší, aby sa zmestil nad klávesnicu,
- po vyhodnotení je tlačidlo „Ďalšie kolo“ vždy na dosah palca.
Takéto drobnosti nie sú vidieť na prvý pohľad, ale presne podľa nich ľudia posúdia, či sa im aplikácia „dobre používa“.
6. Hra s kamarátmi v reálnom čase
Ideálny režim na párty a firemné akcie. Jeden hráč založí miestnosť a pošle odkaz. Ostatní sa pripoja bez registrácie a všetci tipujú rovnaké inzeráty so spoločným časovačom. Po každom kole uvidia, kto bol najbližšie.
7. SEO a viditeľnosť v ChatGPT, Gemini aj Perplexity
Aj najlepšia hra je zbytočná, keď ju nikto nenájde. Moderné webové aplikácie majú pritom jeden zákerný problém: obsah vykresľuje až JavaScript. Google si s tým čiastočne poradí, ale Bing, DuckDuckGo a väčšina AI robotov (ChatGPT, Perplexity, Claude) JavaScript nespúšťa. Namiesto obsahu vidia prázdnu stránku.
Preto sme do hry doplnili:
- vlastný titulok, popis a text pre každú stránku priamo v HTML, čitateľný aj bez JavaScriptu,
- štruktúrované dáta (schema.org): hra, prevádzkovateľ, často kladené otázky,
- súbor llms.txt, ktorý AI asistentom stručne vysvetlí, čo je web zač a kedy ho odporučiť,
- IndexNow, vďaka ktorému sa Bing, Yandex a Seznam o nových stránkach dozvedia okamžite,
- robots.txt, ktorý výslovne povoľuje AI vyhľadávače.
Tejto disciplíne sa hovorí aj GEO (Generative Engine Optimization), teda optimalizácia pre AI vyhľadávače. Čoraz viac ľudí sa namiesto Googlu pýta ChatGPT. Ak vás AI nepozná, pre časť zákazníkov jednoducho neexistujete.
Čo si z toho môžete zobrať vy
Aj keď nestaviate hru, tieto princípy platia pre každý web, e-shop či aplikáciu:
- Začnite malým MVP a rozširujte až to, čo ľudí naozaj zaujíma.
- Vyberajte technológiu podľa potreby, nie podľa trendov. Jednoduchšie riešenie je často rýchlejšie aj lacnejšie.
- Automatizujte prácu s dátami. Ručné prepisovanie je drahé a náchylné na chyby.
- Navrhujte najprv pre mobil. Tam je väčšina vašich používateľov.
- Myslite na SEO aj AI vyhľadávače od prvého dňa, nie až po spustení.
Zahrajte si
Najlepšie to pochopíte, keď si to vyskúšate. Zahrajte si Tipni cenu a zistite, či odhadnete cenu bytu lepšie ako realitný maklér. Alebo pošlite odkaz kamarátom a zistite, kto z vás má najlepší odhad.
Máte nápad na aplikáciu, hru alebo interný nástroj? V CODEUPP navrhujeme a vyvíjame weby a aplikácie na mieru, pomáhame so SEO a viditeľnosťou v AI vyhľadávačoch a nápad vám vieme overiť ako MVP prototyp za pár týždňov. Ozvite sa nám na bezplatnú konzultáciu.
