ALEGJOBBfoglalóappBudapestre.
Látványos utazási kísérő Magyarország fővárosát felfedező turisták számára — zökkenőmentesen integrálva egy headless CMS-sel.
Tervezd meg a UX-et. Fejleszd a frontendet. Szállíts tiszta integrációt egy élő CMS-sel. Duplikált tartalomkezelés: nulla.
Az Ultimate Budapest Budapest egyik vezető turista-program szervezője — hajótúrák, romkocsma-körök, főzőtanfolyamok, termálfürdő-csomagok. Volt egy erős weboldaluk, hűséges közönségük, és egyértelmű hiányuk: mobilapp.
Ezért jöttek hozzánk.
Projekt scope
- Discovery Workshop
- UX kutatás és kártyaosztályozás
- UI Design System
- Kattintható prototípus
- React Native fejlesztés
- Headless CMS integráció
- App Store · Google Play launch
A kihívás
Célállomás UX
A turisták nem tapasztalt felhasználók. Egyszer nyitnak meg egy appot, egy idegen városban, esetleg jet-lag-gel, és nincs türelmük a bonyolultsághoz.
A kihívás: minden interakciót újra kellett gondolnunk erre a kontextusra: elsőre is érthetőség, nulla tanulási görbe, azonnali foglalási bizalom.
1. kihívás
Mobile-first újragondolás
A weboldal információs architektúrája nem fordítható le közvetlenül mobilra. A felhasználói útvonalat nulláról kellett újraterveznünk egy hüvelykujj-vezérelt, képernyőméret-korlátozott környezetre.
2. kihívás
Headless CMS integráció
Az ügyfél tartalomcsapata mindent egy headless CMS-en keresztül kezel. Az appnak ugyanazokat a tartalomvégpontokat kellett fogyasztania, mint a weboldalnak — sem duplikált tartalomkezelés, sem szinkronizálási problémák.
3. kihívás
Turista-szintű UX
A felhasználók idegen városban vannak, korlátozott idővel. Minden érintésnek céltudatosnak kellett lennie. A böngészés → felfedezés → foglalás folyamatnak erőfeszítésmentesnek kellett éreznie, nem adatbázis-navigálásnak.
A megoldás
Hogyan építettük.
01
Workshop és prioritizálás
Kiterjedt workshoppal indultunk, amelyen feltérképeztük az összes funkciót, amit az app tartalmazhatna. Erőfeszítés–hatás mátrix alapján pontoztuk és rangsoroltuk ezeket — a must-have elemeket elválasztottuk a nice-to-have elemektől, mielőtt egyetlen sor kódot is írtunk volna.
A kártyaosztályozás segített a funkciókat intuitív kategóriákba rendezni, amelyek azt tükrözik, ahogyan a turisták valóban gondolkodnak: nem terméktípus, hanem élménytípus szerint.
02
Kattintható prototípus
A fejlesztés megkezdése előtt teljesen kattintható prototípust készítettünk, amely lefedi a teljes felhasználói folyamatot — a főképernyőre érkezéstől a foglalás teljesítéséig. Ez lehetővé tette az interakciók valós felhasználókkal való validálását, és a UX-problémák azonosítását, mielőtt technikai adóssággá váltak volna.
03
Frontend fejlesztés
A UX-validálás után a frontendet React Native-ban fejlesztettük, biztosítva a pixel-pontos megfelelést a vizuális designokkal iOS-en és Androidon egyaránt. A legszorosabb korlát: minden tartalomelemet — túranévtől, leírásoktól, árazásoktól, képektől — a headless CMS-ből kellett élőben húzni, az appban sehol sem lehetett keménykódolt tartalom.
App előnézet
Budapest a zsebedben.
02 / 03
By Cubicfox
Így néz ki az átgondolt terméktervezés és fejlesztés.
Nem adjuk át a designfájlokat és tűnünk el. Beágyazódunk a termékedbe, valódi korlátokat figyelembe véve tervezünk, és olyan kódot szállítunk, amely kitart. Az Ultimate Budapest azon tucatnyi termék egyike, amelyeket az első workshoptól az app store-ig vittünk.
Indíts projektetAz eredmény
Egy város a zsebedben.
A turisták pontosan úgy böngésznek, szűrnek és fedeznek fel programokat, ahogy gondolkodnak — élmény típusa szerint, nem termékkategóriánként.
A teljes foglalási folyamat az appon belül zajlik — nincs átirányítás a weboldalra, nincs megszakadt élmény.
A tartalomcsapat mindent egyszer kezel — ugyanaz a bejegyzés automatikusan hajtja a weboldalt és az appot egyaránt.