Interaktív angol tanulás — kártyánként.
Egy bevált fizikai kártyarendszert vettünk, és modern mobilappként építettük újra iOS-re és Androidra.
A projektről
Egy kártyadoboztól 1200 előfizetőig.
Az Angolutca már igazolta a koncepciót: fizikai angol tanulókártyák egy lojális előfizetői bázissal. A feladat az volt, hogy ami nyomtatásban működött, azt natív mobilélményként építsük újra — a kártyák lapozgatásának tapintható, kielégítő érzésének megőrzésével.
Az új appnak olyan dolgokat kellett tudnia, amelyekre egy fizikai kártya nem képes: hangot lejátszani a kiejtéshez, kvizezni a felhasználókat, követni a haladást, és bárhonnan elérhetővé tenni a tanulást.
A kihívás
Fizikaiból digitális — a lélek elvesztése nélkül.
A fizikai kártyáknak olyan formátumuk volt, amelyet a felhasználók szerettek. Digitalizálásuk többet jelentett a szkennelénél — minden kártyához hangfelvétel, fonetikus jelölés, magyar fordítás és kategória metaadat kellett. Ezt 1000+ kártyán elvégezni strukturált tartalomkezelési folyamatot igényelt, nem csupán fejlesztési munkát.
A második kihívás a kvizrendszer volt. A felhasználóknak azonnali visszajelzésre volt szükségük — nem csupán "jó" vagy "rossz", hanem egy bátorító, nem büntető válaszra. A visszajelzési hurok gondos megtervezése ugyanolyan fontos volt, mint a technikai megvalósítása.
Design sprinttel indítottuk — feltérképeztük a szükséges funkciókat, meghatároztuk a kártyaadatmodellt és lefektettük a vizuális nyelvezetet. Az appnak natívnak kellett éreznie iOS-en és Androidon egyaránt, miközben megőrzi az Angolutca brand személyiségét.
1000+ kártyához kellett hangfelvétel, fonetika, fordítás és kategóriacímkék. Strukturált tartalomkezelési munkafolyamatot építettünk, hogy az Angolutca csapata fejlesztői bevonás nélkül tudja feltölteni és karbantartani a kártyakészletet.
React Native-ban fejlesztettük a valódi cross-platform lefedettségért. Az Express.js hajtja a backendet — könnyű, gyors és pontosan a megfelelő skálán van a termékhez. Az architektúrát szándékosan egyszerűen tartottuk, hogy a klienscsapat a jövőben önállóan tudja kezelni.
A kvizrendszer gondos UX-gondolkodást igényelt: feleletválasztás időzítése, azonnali vizuális visszajelzés, sorozatkövetés és egy eredményösszefoglaló, amely motivál, nem pedig elkedvetlenít. A visszajelzési állapotokat iteráltuk a legtöbbet az app összes eleméből.
Az eredmény
Tanulj bárhonnan.
iOS és Android egy kódbázisból
Natív hanglejátszás a helyes kiejtéshez
A kvizválaszok értékelve és magyarázva valós időben
Próbáld ki te is.
Egy kérdés. Pont, mint az appban.
What does "umbrella" mean in Hungarian?