Célok
Egy online grafikai szerkesztő létrehozása, amely lehetővé teszi újrafelhasználható elemek használatát
8 Fő
Tagok
5 Hónap
Időtartam
Használt technológiák
Jenkins
Angular

Postman

Figma

Háttértörténet
Az InterTicket Magyarország első, nemzetközileg is jelentős online jegyértékesítési szolgáltatója. Megbíztak minket egy nagyon fontos projekttel. Az ügyfél már rendelkezett egy online grafikai szerkesztővel, amely digitalizálta a helyszínrajzokat a jegyértékesítéshez. Kezdetben az volt a kérésük, hogy tervezzük újra ezt az eszközt. Ezt követően tervezték bevezetni egy új online szerkesztőt, hogy kényelmesebb funkciókat kínálhassanak partnereiknek.
A projekt sorozatunk utolsó és legösszetettebb szakasza az itt bemutatott HTML szerkesztő fejlesztése volt. Ez kínálja a legváltozatosabb funkciókat. Lehetőséget ad szinte bármilyen HTML tartalom létrehozására, legyen az email sablon vagy landing oldal.

A projektnek köszönhetően az InterTicket partnerei most már képesek szerkeszteni a jegyértékesítési felületeket, beleértve a vásárlási visszaigazoló e-maileket is.
Célok
A fő cél egy modern HTML szerkesztő létrehozása volt, amely megfelel egy korszerű online grafikai szerkesztő elvárásainak, biztosítva az intuitív és könnyű használhatóságot kevésbé tapasztalt felhasználók számára. Emellett tartalmaznia kellett olyan alapvető funkciókat, mint a sablon komponensek létrehozása és szerkesztése, változók beillesztése a valós adatok megjelenítéséhez, és különféle előnézeti funkciók.

Kihívások
A legnagyobb kihívás a sablonok és komponensek szerkesztési jogosultságainak kezelése különböző hierarchikus szinteken. Ez biztosította, hogy az alacsonyabb jogosultságokkal rendelkező felhasználók használhassák a magasabb szintű felhasználók sablonjait és komponenseit, de csak akkor módosíthatták őket, miután létrehoztak saját másolatot. Az is kulcsfontosságú volt, hogy a szerkesztő felületét egyszerűvé és felhasználóbaráttá tegyük.

Eredmény
Az ügyfelünk képes volt bővíteni jegyértékesítési platformját egy szerkesztő felülettel, amely sokkal nagyobb rugalmasságot kínál partnereiknek. Ez a megoldás egyszerűsíti az e-mailek tervezését és kezelését, lehetővé téve a partnerek számára, hogy egyedi és magas minőségű HTML-alapú tartalmakat hozzanak létre és testre szabjanak saját igényeik szerint fejlesztői segítség vagy technikai szakértelem nélkül.

Folyamat
Szakterület megismerése és UX kutatás: Megközelítésünk átfogó szakterület megismerést és UX kutatást tartalmazott, hogy inspirációt gyűjtsünk és meghatározzuk a felhasználói interakciókat. Alaposan megvizsgáltuk a célközönség igényeit és szokásait, hogy a tervezett felület valóban megfeleljen az elvárásoknak.
Specifikáció írás: A következő lépés a funkciók csoportosítása és részletes specifikáció készítése volt, amely körvonalazta a projekt követelményeit és technikai részleteit. Minden funkciót és követelményt pontosan meghatároztunk a zökkenőmentes fejlesztési folyamat érdekében.
Drótvázkészítés és UI tervezés: A grafikai tervezés fázisában először drótvázakat készítettünk, hogy vizuálisan ábrázoljuk a felület alapvető szerkezetét. Ezekre építve részletes UI terveket fejlesztettünk ki, biztosítva, hogy a felület felhasználóbarát és vizuálisan vonzó legyen.
Prototípus-készítés és felhasználói tesztelés: Prototípusokat készítettünk kritikus felhasználói interakciókat tartalmazó folyamatokra, melyeket valós felhasználókkal teszteltünk. A teszt eredmények alapján tovább finomítottuk a felületet, hogy megfeleljen a felhasználói igényeknek és elvárásoknak.
Fejlesztés: A fejlesztési fázisban hatékonyan valósítottuk meg mindazt, amit a specifikáció részletezett. A funkciók életre keltek az előző hónapok alapos tervezésének alapján, beleértve azokat is, amelyek eddig csak papíron léteztek. A fejlesztési folyamat során szorosan együttműködtünk az UX és UI csapatokkal, hogy a végtermék minden elvárásnak megfeleljen.
QA és UAT: A fejlesztési folyamat során alapos Minőségbiztosítási (QA) és Felhasználói Elfogadási Tesztelési (UAT) fázisokat integráltunk. Ezeket külön tesztkörnyezetben hajtottuk végre, hogy biztosítsuk a hibátlan funkcionalitást és a specifikációkkal való megfelelést.
Kibocsátás és QA: A projekt egy szigorúan minőségbiztosított kibocsátási fázissal zárult. DevOps csapatunk a megszokott professzionizmusukkal biztosította a rendszer sima és megbízható működését az élő környezetben.
Támogatás: A kibocsátás után továbbra is támogatást nyújtottunk az ügyfélnek, hogy maximális elégedettséget biztosítsunk partnereik számára. Még a projekt befejezése után is gyorsan kezeltünk minden kérést és gyorsan javítottuk a néhány kisebb problémát, amelyek elkerülhetetlenül felmerültek a szigorú minőségbiztosítás ellenére.

Összefoglaló
A projekt eredményeként egy olyan megoldást biztosítottunk ügyfelünknek, amely javította a kommunikációt és egyszerűsítette a munkafolyamatokat, időt és költséget megtakarítva számukra. A megvalósított funkciók jelentősen hozzájárultak rendszerük hatékonyságának növeléséhez.
A kulcsfontosságú funkciók közé tartoznak:
Sablonok kitöltése dinamikus adatokkal
Korábban létrehozott komponensek új email sablonokban való újrahasználata
Bizonyos komponensek megjelenítése vagy elrejtése a sablonban valós adatok alapján
Különféle előnézet módok és teszt emailek küldése
Komponens szerkesztési jogosultságok kezelése
Az új funkciókat rendkívül jól fogadták a jegyértékesítési partnerek, ami növekedett elégedettséghez és erősebb elköteleződéshez vezetett az InterTicket szolgáltatásai iránt.