HTML Készítő

Kifejlesztettünk egy online grafikai szerkesztő felületet az InterTicket jegyértékesítési platformjához, amely lehetővé teszi a hatékony HTML-alapú tartalom, például e-mail sablonok és landoló oldalak tervezését a jegyértékesítési partnerek számára.

HTML Készítő

Kifejlesztettünk egy online grafikai szerkesztő felületet az InterTicket jegyértékesítési platformjához, amely lehetővé teszi a hatékony HTML-alapú tartalom, például e-mail sablonok és landoló oldalak tervezését a jegyértékesítési partnerek számára.

HTML Készítő

Kifejlesztettünk egy online grafikai szerkesztő felületet az InterTicket jegyértékesítési platformjához, amely lehetővé teszi a hatékony HTML-alapú tartalom, például e-mail sablonok és landoló oldalak tervezését a jegyértékesítési partnerek számára.

HTML Készítő

Kifejlesztettünk egy online grafikai szerkesztő felületet az InterTicket jegyértékesítési platformjához, amely lehetővé teszi a hatékony HTML-alapú tartalom, például e-mail sablonok és landoló oldalak tervezését a jegyértékesítési partnerek számára.

HTML Készítő

Kifejlesztettünk egy online grafikai szerkesztő felületet az InterTicket jegyértékesítési platformjához, amely lehetővé teszi a hatékony HTML-alapú tartalom, például e-mail sablonok és landoló oldalak tervezését a jegyértékesítési partnerek számára.

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.

Ez a projekt nagyszerű példa arra, hogyan nyújtunk innovatív és felhasználóbarát megoldásokat, amelyek optimalizálják a munkafolyamatokat és javítják a kommunikáció hatékonyságát, ezáltal versenyelőnyt biztosítva ügyfeleink számára.

AI becslés

Készen állsz megvalósítani az elképzelésedet?

Érdekelne egy hasonló projekt megvalósítása? Lépj velünk kapcsolatba még ma, és kérj az igényeidre szabott, azonnali árajánlatot. Valósítsuk meg együtt az elképzeléseidet!

AI becslés

Készen állsz megvalósítani az elképzelésedet?

Érdekelne egy hasonló projekt megvalósítása? Lépj velünk kapcsolatba még ma, és kérj az igényeidre szabott, azonnali árajánlatot. Valósítsuk meg együtt az elképzeléseidet!

AI becslés

Készen állsz megvalósítani az elképzelésedet?

Érdekelne egy hasonló projekt megvalósítása? Lépj velünk kapcsolatba még ma, és kérj az igényeidre szabott, azonnali árajánlatot. Valósítsuk meg együtt az elképzeléseidet!

AI becslés

Készen állsz megvalósítani az elképzelésedet?

Érdekelne egy hasonló projekt megvalósítása? Lépj velünk kapcsolatba még ma, és kérj az igényeidre szabott, azonnali árajánlatot. Valósítsuk meg együtt az elképzeléseidet!

AI becslés

Készen állsz megvalósítani az elképzelésedet?

Érdekelne egy hasonló projekt megvalósítása? Lépj velünk kapcsolatba még ma, és kérj az igényeidre szabott, azonnali árajánlatot. Valósítsuk meg együtt az elképzeléseidet!

Lépj kapcsolatba velünk

Lépj kapcsolatba velünk!

Kérdésed van, vagy szeretnél többet megtudni arról, hogy mivel foglalkozunk a CommIT Smartnál? Szeretnénk veled beszélni! Akár kíváncsi vagy a munkánkra, akár csak beszélgetni szeretnél, ne habozz felkeresni. Csapatunk itt készen áll, hogy felvegye veled a kapcsolatot!

Lépj kapcsolatba velünk

Lépj kapcsolatba velünk!

Kérdésed van, vagy szeretnél többet megtudni arról, hogy mivel foglalkozunk a CommIT Smartnál? Szeretnénk veled beszélni! Akár kíváncsi vagy a munkánkra, akár csak beszélgetni szeretnél, ne habozz felkeresni. Csapatunk itt készen áll, hogy felvegye veled a kapcsolatot!

Lépj kapcsolatba velünk

Lépj kapcsolatba velünk!

Kérdésed van, vagy szeretnél többet megtudni arról, hogy mivel foglalkozunk a CommIT Smartnál? Szeretnénk veled beszélni! Akár kíváncsi vagy a munkánkra, akár csak beszélgetni szeretnél, ne habozz felkeresni. Csapatunk itt készen áll, hogy felvegye veled a kapcsolatot!

Lépj kapcsolatba velünk

Lépj kapcsolatba velünk!

Kérdésed van, vagy szeretnél többet megtudni arról, hogy mivel foglalkozunk a CommIT Smartnál? Szeretnénk veled beszélni! Akár kíváncsi vagy a munkánkra, akár csak beszélgetni szeretnél, ne habozz felkeresni. Csapatunk itt készen áll, hogy felvegye veled a kapcsolatot!

Lépj kapcsolatba velünk

Lépj kapcsolatba velünk!

Kérdésed van, vagy szeretnél többet megtudni arról, hogy mivel foglalkozunk a CommIT Smartnál? Szeretnénk veled beszélni! Akár kíváncsi vagy a munkánkra, akár csak beszélgetni szeretnél, ne habozz felkeresni. Csapatunk itt készen áll, hogy felvegye veled a kapcsolatot!