Összes esettanulmány
Fizetési infrastruktúra — Nevogate

Frontend audit és paywall-fejlesztés

Modernizált, skálázható és nagy teljesítményű paywall-rendszert szállítottunk a Nevogate-nek — az átfogó technikai audittól egészen a modern best practice-ekre épülő, teljesen újraépített frontendig. Az együttműködés eredményeként a Nevogate ma megbízható, felhasználóbarát és jövőálló fizetési élményt nyújt, amely a növekedését is kiszolgálja.

Frontend auditPaywall-fejlesztésModernizációTeljesítmény
Az eredményÚj alapokmodern, skálázható paywall-architektúra
Weboldalnevogate.comIparágFintech
Együttműködés
  • Frontend audit
  • Projektalapú fejlesztés
Stack
  • Frontend
  • Next.js
  • React
Az ügyfél

Nevogate

A Nevogate Magyarország legnagyobb online fizetési orchestrációs platformja, több mint 10 év piaci tapasztalattal. Egyetlen szolgáltatáson keresztül biztosít hozzáférést a legkeresettebb hazai és nemzetközi fizetési szolgáltatókhoz és fizetési megoldásokhoz, így minden kereskedő megtalálhatja a számára legmegfelelőbb opciót. A tranzakciók feldolgozásán túl piacvezető értéknövelt szolgáltatásokkal támogatja az e-kereskedelmet: intelligens szolgáltató-monitorozás a maximális rendelkezésre állásért, automatizált elszámolás az adminisztráció csökkentésére, online számlázás a papírmentes működésért, valamint szolgáltatófüggetlen link- és QR-kódos fizetés a rugalmas fizetési lehetőségekért.

A kihívás

Legacy korlátok leküzdése

Elavult technológiai stack

A paywall frontendjét legacy döntések korlátozták — többek között a Node.js 16 —, ami növelte a biztonsági és kompatibilitási kockázatokat.

Karbantarthatósági problémák

A class komponensek túlsúlya megnehezítette a kód karbantartását és skálázását, a styled-components túlzott használata pedig inkonzisztens stílusokhoz és futásidejű többletterheléshez vezetett.

Hiányzó modern minták

A modern űrlapvalidáció, állapotkezelés és API-kezelési minták hiánya, valamint a UI és az üzleti logika szoros összefonódása rontotta a tesztelhetőséget és a modularitást.

Korlátozott fizetési folyamatok

A Nevogate-nek rugalmasabb, márkázható és megbízhatóbb paywallra volt szüksége, amely több fizetési szolgáltatót támogat, egykattintásos fizetést kínál, és elegánsan kezeli a hibákat, a megszakításokat és az újrapróbálkozásokat.

Amit tettünk
01

Frontend audit és technikai stratégia

Teljes kódbázis-átvilágítást végeztünk, amelyben az architektúrát, a UX-folyamatokat, a karbantarthatóságot, a teljesítményt és a fejlesztői élményt értékeltük. Az audit kiterjedt:

  • a technológiai stackre és az architektúrára (Next.js, TypeScript, SSR/SSG használat),
  • a stílusokra, a témázásra és a komponensstruktúrára, beleértve a dinamikus márkatémákat,
  • az űrlapkezelésre, a validációra és az API-interakciókra,
  • a hibakezelésre, a fizetési folyamatokra, az újrapróbálkozási logikára és a szélsőséges esetekre,
  • a nemzetköziesítésre, az akadálymentességre és a globális témázásra,
  • a kódminőségre, a modularitásra és a konzisztenciára.

Az audit részletes technikai ütemtervvel zárult: modern Next.js-verzióra frissítés, átállás TailwindCSS-re, a class komponensek cseréje React funkcionális komponensekre és hookokra, react-hook-form és zod bevezetése a validációhoz, React Query a gyorsítótárazáshoz, valamint egy különálló API SDK létrehozása.

02

Paywall-fejlesztés és modernizáció

Az audit alapján új, modern paywall-architektúrát valósítottunk meg, teljes összhangban a Nevogate technikai és termékcéljaival:

  • Repo-frissítés és alapozás: Next.js-frissítés, átállás TailwindCSS-re, a React Query, a react-hook-form és modern űrlap- és validációs eszközök integrálása.
  • UI-megvalósítás: reszponzív asztali és mobil felület modern, konzisztens témázással, több márkához igazítva.
  • Fizetési folyamatok: az összes fizetési folyamat teljes megvalósítása, beleértve a többféle fizetési módot, az egykattintásos fizetést, a jogi megerősítési folyamatokat, az újrapróbálkozási és megszakítási logikát, valamint a függőben lévő fizetések automatikus frissítését.
  • API-integráció: fejlettebb állapotkezelés, a UI-tól elválasztott, moduláris és tesztelhető üzleti logika, erősebb hiba- és edge-case-kezelés.
Következő lépés

Modernizálnád a frontendet, és átfogó audit- és fejlesztési megközelítéssel javítanád a fizetési folyamataidat?

Egy beszélgetésből kiderül, jó partnerek vagyunk-e.

Nevogate — Frontend audit és paywall-fejlesztés · Square21