Esettanulmány · 1.0

TheVR

TheVR 1.0: élőben építettük, a közösséggel.

Egy app 3 millió követőnek, amit a TheVR nézői a Twitch-en élőben láttak megszületni. Az indulás reggelén ~10 000 ember nyitotta meg egyszerre, és még aznap első lett az ingyenes appok között mindkét áruházban.

Platform
Natív iOS és Android
Fejlesztés
Élőben, a Twitch-en
UI/UX
Szoboszlai Soma
Infrastruktúra
A SysCops csapatával
A TheVR 1.0 képernyői: menetrend a Happy Hour adásokkal, inventory kuponkódokkal és nyereményjátékkal, hírfolyam élő adás jelzéssel.
  • 3M+követő a TheVR csatornáin
  • ~10 000egyidejű felhasználó az élesítés reggelén, fennakadás nélkül
  • #1ingyenes app az App Store-ban és a Google Playen az indulás napján
  • 5★értékelés több ezer visszajelzés alapján mindkét áruházban

A projekt ötlete

Tíz éve ismerjük egymást. Egy élő adásban kezdődött.

Janival és Pistivel még a debreceni startup-rendezvényeken ismerkedtünk meg. Ők már akkor VR headseteket mutattak be egy meetupon, mielőtt bárkinek lett volna ilyenje, mi pedig appokat fejlesztettünk, és a fejlesztések kihívásairól tartottunk előadásokat.

Egy élő adás alatt Jani felvetette, hogy saját mobilappban gondolkodnak. Jeleztük, hogy szívesen segítünk, és az első találkozón azt kértük, meséljék el: mire van szükségük, és miért.

A cél

Egy megbízható, egyszerű eszköz a meglévő rajongóknak.

  • Nem új nézőket és nem bevételt vártak az apptól, hanem a meglévő közösség kiszolgálását
  • Minden információ egy helyen, amire a rajongóknak nap mint nap szükségük van
  • A legtöbb dolog automatikusan frissül, hogy ne legyen még egy felület, amit a csapatnak kezelnie kell

Tervezés

Rengeteg funkció lehetett volna. Mi a szerethetőt kerestük.

Egy ilyen követőbázisú csapatnak sok minden hasznos lehet, de egy egyszerű rendszer kellett, ami a legtöbb dolgot automatizálja. Ehhez a scope-ot tudatosan szűkítettük.

  1. Megértettük a miértet

    Az első találkozón nem a funkciólistával kezdtünk, hanem azzal, mi a célja a projektnek, és miért van rá szükségük.

  2. Specifikáció és scope

    Követelményspecifikáció készült: új funkciókat találtunk ki, korábbi ötleteket dobtunk ki, hogy egyszerű és szerethető maradjon.

  3. Kattintható prototípus

    A specifikáció mellé prototípust építettünk, hogy a srácok már a fejlesztés előtt lássák, mit fognak kapni.

  4. Opciók, nem kérdések

    Tudtuk, hogy folyamatosan a munkán pörögnek, ezért döntés-előkészítő javaslatokkal jöttünk, nem bizonytalanságot növelő kérdésekkel.

„Egy ilyen folyamatban a proaktív hozzáállás nagyon sokat számít. Igyekszünk ezt minden projektnél a csúcsra járatni, ezt kedvelik bennünk az ügyfeleink a legjobban.”
A CodeYard csapata

A végleges funkcionalitás

Öt fül, minden a TheVR-ről.

A prototípusból Szoboszlai Soma varázsolt olyan UI/UX-et, amivel a fejlesztőink könnyen tudtak dolgozni, és ami 100%-ban illeszkedett a TheVR brandbe.

Design: Szoboszlai Soma

A prototípusra épülő, a TheVR arculatára szabott felület.

  • Hírek

    A csapat különböző közösségi oldalakon megjelenő bejegyzései egy helyen.

  • Menetrend

    A közelgő közvetítések naptár formában, hogy egy adás se maradjon le.

  • Shop

    Az elérhető webshop-termékek listája, kollekciókba szedve.

  • Inventory

    Együttműködésen alapuló kuponkódok, és itt kapott helyet a nyereményjáték-sorsolás is.

  • Értesítések

    Nemcsak az új tartalmakról: a csapat közvetlenül tud üzenni a követőknek. Ezt más platform nem adja meg nekik.

Élő fejlesztés

Beleszerettünk a projektbe, ezért nyilvánosan építettük.

Imponált nekünk az egész mögötti szellemiség, ezért felajánlottuk, hogy közösségi alapon, a TheVR nézőit is bevonva, élőben a Twitch-en valósítjuk meg. A nézők nagyon aktívak voltak: már a fejlesztés közben rengeteg ötletet és visszajelzést kaptunk.

Evés közben jön meg
az étvágy: az app is
alakult menet közben.

A legnagyobb kihívás

Egyenetlen, kiugró terhelés.

A Happy Hour alatt megemlített weboldalak rendre leálltak a több ezer egyidejű látogatótól. Nem akartuk, hogy ez velünk is megtörténjen, ezért arra méreteztük a rendszert, hogy akkor se okozzon kellemetlen perceket, ha az összes TheVR-követő közel egyszerre értesül az app elérhetőségéről. A skálázásban a SysCops csapata segített, akikkel több közös projektünk is volt már.

  • pár százegyidejű felhasználó egy átlagos órában
  • több ezernyitja meg egyszerre az appot egy új videó vagy poszt értesítése után
  • százezresnagyságrendű közel egyidejű érdeklődésre is készültünk az indulásra
  • AWS, mikroszolgáltatásokkal

    A szerverek az Amazon felhőjében futnak, Kubernetes és Docker alapon, a terhelés függvényében dinamikusan skálázódva.

  • Tudatos cache-elés

    Már tervezéskor tudtuk, mely adatokat kell gyorsítótárazni. Ebben egy Redis szerver segít.

  • MongoDB

    Robusztus, jól skálázható adatbázis, egyértelmű választás volt ehhez a terheléshez.

  • Valós idejű értesítések

    Ekkora felhasználószámnál a push kiküldése sem triviális. Nem az első ilyen projektünk volt, tapasztalattal vágtunk bele.

  • Natív iOS és Android

    Tíz év natív mobilfejlesztési tapasztalat, a platformok minden változását végigkísérve.

  • Költséghatékony skálázás

    Az infrastruktúra csak akkor nő, amikor kell, így a keret a valódi használatra megy el, nem az üresjáratra.

Az élesítés

Élő adásban indult, és bírta a rohamot.

Az élesítést egy reggeli Happy Hour-re ütemeztük: az Android és az iOS app élő adásban vált elérhetővé. A tudatos tervezésnek és a tapasztalatnak hála a rendszer a ~10 000 egyidejű felhasználót is gond nélkül kiszolgálta.

Rengeteg visszajelzést, köszönetet és gratulációt kaptunk. Az áruházakban több ezer értékelésből 5★-ot adtak a felhasználók. Ez természetesen a közösség érdeme, de jó érzés volt részese lenni.

Az indulás napja

#1

az ingyenes appok között Magyarországon, az App Store-ban és a Google Playen is.

App Store Google Play

Megelőzte többek között, az aznap erős kampánnyal induló SkyShowtime-ot is:

  • BudapestGO
  • MySpar
  • Vinted
  • SkyShowtime

A folytatás

Az 1.0 tanulságaiból született a 2.0: új főoldal, webshop, újraszabott értesítések.

A TheVR 2.0 esettanulmány

Kapcsolat

Van egy üzleti problémád, amit szoftverrel oldanál meg?

Beszéljünk róla – segítünk átlátni a lehetőségeket, és megtalálni a számodra legjobb megoldást.

  • Ingyenes konzultáció
  • Gyors visszajelzés
  • Szakmai, őszinte válaszok

Vagy írj közvetlenül: business@codeyard.eu

Széchenyi Terv Plusz kedvezményezetti infoblokk: a projekt a Magyar Kormány és az Európai Unió társfinanszírozásával valósul meg

Fontosnak tartjuk az adatok védelmét

A böngészési élmény fokozása, a személyre szabott hirdetések vagy tartalmak megjelenítése, valamint a forgalom elemzése érdekében sütiket (cookie) használunk. Az "Összes elfogadása" gombra kattintva hozzájárulhat a sütik használatához. Adatvédelmi Nyilatkozat.

Engedélyek beállítása

A hatékony navigáció és bizonyos funkciók működésének érdekében sütiket használunk. Az alábbiakban az egyes kategóriák alatt részletes információkat talál minden sütiről.

Szükséges

A szükséges sütik döntő fontosságúak a weboldal alapvető funkciói szempontjából, és a weboldal ezek nélkül nem fog megfelelően működni. Ezek a sütik nem tárolnak személyazonosításra alkalmas adatokat.

Süti
cy-consent
Időtartam
1 év
Leírás
Eltárolja a süti-beállításaidat, hogy ne kérdezzünk rá minden oldalon újra.
Mindig aktív
Funkcionális

A funkcionális sütik segítenek bizonyos funkciók végrehajtásában, például a weboldal tartalmának megosztásában a közösségi média platformokon, visszajelzések gyűjtésében és más, harmadik féltől származó funkciókban.

Nincs megjeleníthető cookie.

Analitika

Analitikai sütiket használnak annak megértésére, hogy a látogatók hogyan lépnek kapcsolatba a weboldallal. Ezek a cookie-k segítséget nyújtanak a látogatók számáról, a visszafordulási arányról, a forgalmi forrásról stb.

Süti
_ga
Időtartam
2 év
Leírás
Google Analytics: véletlenszerű azonosítóval különbözteti meg a látogatókat a látogatások és munkamenetek számolásához.
Süti
_ga_N6NF10ND4V
Időtartam
2 év
Leírás
Google Analytics: a munkamenet állapotát tárolja ehhez a weboldalhoz.
Teljesítmény

A teljesítmény-sütiket a weboldal kulcsfontosságú teljesítménymutatóinak megértésére és elemzésére használják, amelyek hozzájárulnak a látogatók jobb felhasználói élményének biztosításához.

Nincs megjeleníthető cookie.

Hirdetés

A hirdetési sütiket arra használják, hogy a látogatókat személyre szabott hirdetésekkel juttassák el a korábban meglátogatott oldalak alapján, és elemezzék a hirdetési kampány hatékonyságát.

Süti
_gcl_au
Időtartam
3 hónap
Leírás
Google Ads: a látogatást a hirdetéskattintáshoz köti, így mérjük, melyik hirdetésből lett érdeklődés.
Süti
cy_gclid
Időtartam
90 nap
Leírás
Helyi tárolás: annak a Google Ads-hirdetésnek az azonosítója, amelyről érkeztél. A kapcsolati űrlappal együtt elküldjük, hogy lássuk, melyik hirdetés hozta az érdeklődést.