M
Artifex

Studija· siječanj 2026.

Artifex

React · Next.js · TypeScript · Tailwind CSS · Node.js · Express · MongoDB · AWS · Docker

Radio sam kao full stack developer na Artifex.gg, doprinoseći backend servisima i frontend funkcionalnostima proizvoda kako bi iskustvo bilo bolje i kupcima i kreatorima. Artifex je tržnica digitalnih resursa za razvoj igara u kojoj su kreatori na prvom mjestu: pomaže im monetizirati rad, a kupcima daje sigurno, moderno mjesto za otkrivanje, kupnju i upravljanje kvalitetnim resursima.

Moj rad bio je usmjeren na pouzdane temelje platforme (autentikacija, dozvole, sigurna plaćanja, integritet podataka) i na isporuku poboljšanja vidljivih korisnicima (dashboardi, stranice tržnice, obavijesti i alati za kreatore) koja su smanjila trenje na najvažnijim korisničkim putovima.

Kontekst i ciljevi

Artifex služi dvjema glavnim skupinama korisnika s različitim potrebama:

  • Kupci: otkrivanje proizvoda, sigurna kupnja, preuzimanje datoteka, upravljanje narudžbama i podrška.

  • Kreatori i poslovni korisnici: postavljanje javnog profila, objava proizvoda, praćenje prodaje i rezultata, komunikacija s kupcima i upravljanje zaradom.

Cilj mojih doprinosa bio je ojačati osnovne tijekove rada od početka do kraja:

  • Da platforma svakodnevnim korisnicima djeluje brzo i intuitivno.

  • Da transakcijski tijekovi (plaćanja, preuzimanja, pretplate) budu pouzdani i otporni.

  • Da kreatori dobiju jasne dashboarde i alate za učinkovito vođenje svojih trgovina.

  • Da se održe visoki standardi sigurnosti i privatnosti u autentikaciji, pristupu podacima i integracijama.

Moja uloga

Doprinosio sam i backend i frontend razvoju. Moje odgovornosti uključivale su:

  • Osmišljavanje i implementaciju backend funkcionalnosti koja pokreće osnovne značajke tržnice i dashboarda.

  • Integraciju i održavanje ključnih vanjskih servisa (plaćanja, pohrana datoteka, ažuriranja u stvarnom vremenu, e-mail).

  • Izradu i doradu frontend tijekova rada u područjima s prijavom radi bolje jasnoće, upotrebljivosti i responzivnosti.

  • Jačanje sigurnosti validiranim unosima, sigurnim sesijama, kontroliranim pristupom resursima i sigurnom obradom događaja iz webhookova.

Ključni problemi

Rad na dvostranoj tržnici donosi ponavljajuće inženjerske izazove:

  • Različita iskustva za različite uloge (kupac i kreator) bez curenja podataka među njima.

  • Brzo i sigurno učitavanje personaliziranih podataka na stranicama s prijavom.

  • Rubni slučajevi vlasništva i pristupa proizvodima (kupci i kreatori, obrisani proizvodi, dozvole za preuzimanje).

  • Samoposlužni tijekovi naplate i zarade uz dosljedne i provjerljive događaje plaćanja.

  • Upotrebljive obavijesti i poruke u velikom opsegu (pretraga, sortiranje, grupne akcije i ažuriranja u stvarnom vremenu).

Rješenja i što sam izradio

1) Autentikacija i tijekovi računa

Doprinosio sam temelju koji omogućuje siguran pristup platformi:

  • Cjeloviti tijekovi autentikacije, uključujući prijavu, potvrdu e-maila i oporavak/resetiranje lozinke.

  • Jasno upravljanje stanjem za rute potvrde i resetiranja lozinke (validacija, obrada grešaka i sigurna preusmjeravanja).

  • Zaštita stranica samo za prijavljene korisnike, pa neovlašteni korisnici ne vide osjetljive prikaze.

Rezultat: manje trenja pri onboardingu i predvidljiv, korisniku ugodan oporavak računa uz zadržane sigurnosne standarde.

2) Dashboardi za kupce i kreatore

Velik dio učinka bio je u poboljšanju tijekova rada vođenih dashboardom:

Iskustva na strani kupca koja sam podržao:

  • Personalizirani pregled dashboarda koji ističe relevantne informacije o računu.

  • Stranice narudžbi, zahtjeva i poruka koje korisnicima daju središnje mjesto za upravljanje kupnjama i razgovorima s podrškom.

Iskustva za kreatore i poslovne korisnike koja sam podržao:

  • Stranice poslovnog dashboarda za upravljanje proizvodima, ažuriranje profila i praćenje prodaje i rezultata.

  • Tijekovi rada koji potiču potpunost profila i daju povratnu informaciju o statusu (npr. upozorenja za nedostajuća polja).

Rezultat: kupci su dobili jasniji „kontrolni centar“ za kupnje i podršku, a kreatori radni prostor u kojem lakše vode trgovinu i prate rezultate.

3) Iskustvo proizvoda na tržnici

Podržao sam osnovne funkcionalnosti tržnice koje oblikuju odluku o kupnji i iskustvo nakon kupnje:

  • Ponašanje stranice proizvoda prema tome tko je gleda (kupac, kreator ili posjetitelj).

  • Strukturirane sekcije sadržaja proizvoda poput pregleda, zapisa o ažuriranjima i verzijama, recenzija i dokumentacije (gdje je primjenjivo).

  • Obrasce pristupa svjesne vlasništva (na primjer: kupci pristupaju preuzimanjima, kreatori vide alate za upravljanje).

Rezultat: stranice proizvoda postale su informativnije i funkcionalnije, podupirući i konverziju (jasnoća prije kupnje) i zadovoljstvo (pristup i transparentnost nakon kupnje).

4) Obavijesti i poruke

Doprinosio sam funkcionalnostima aktivnosti i komunikacije koje korisnike drže angažiranima i informiranima:

  • Ponašanje sandučića obavijesti s obrascima sortiranja, filtriranja i pretrage te grupnim akcijama (pročitano/nepročitano, arhiviranje, brisanje).

  • Podrška za komunikacijske tijekove koji unutar platforme povezuju kupce i kreatore.

Rezultat: korisnici imaju bolji uvid u događaje na platformi i uredniji način upravljanja velikim brojem ažuriranja bez gubitka važnih poruka.

5) Naplata, plaćanja i zarada

Pomagao sam u sustavima koji moraju biti točni, sigurni i provjerljivi:

  • Tijekovi plaćanja i pretplata integrirani s pružateljem plaćanja (uključujući događaje iz webhookova).

  • Iskustva naplate i zarade koja korisnicima omogućuju pregled statusa plana, upravljanje podacima za naplatu i praćenje zarade i isplata (gdje je primjenjivo).

  • Snažna validacija i sigurnosne provjere oko događaja plaćanja i pristupa podacima o naplati i zaradi.

Rezultat: veće povjerenje i bolja upotrebljivost u najosjetljivijim tijekovima platforme: naplati, pretplatama i upravljanju zaradom.

6) Discord bot (zajednica + automatizacija)

Uz web platformu izradio sam i Artifexov Discord bot koji podržava zajednicu i pojednostavljuje rutinske tijekove rada tamo gdje korisnici već provode vrijeme. Bot nadopunjuje širi ekosustav integracija Artifexa (uključujući Discord kao način prijave) i povezuje proizvod i zajednicu bržim, pristupačnijim interakcijama.

Što sam isporučio

  • Implementirao sam osnovne naredbe i tijekove interakcije bota (slash naredbe i akcije vođene porukama) za potrebe zajednice i internih operacija.

  • Bota sam integrirao sa sustavima Artifexa gdje je to imalo smisla (na primjer: povezivanje računa, prikaz obavijesti i ažuriranja ili usmjeravanje korisnika na prave putove podrške).

  • Dodao sam zaštite oko dozvola i sigurnosti kako bi akcije bile dostupne samo odgovarajućim ulogama (npr. naredbe samo za osoblje i javne naredbe), u skladu sa širim pristupom platforme temeljenim na ulogama.

Zašto je to bilo važno

  • Manje trenja za korisnike jer su ključna ažuriranja i ulazne točke bliže mjestu gdje se zajednica već okuplja.

  • Brža operativna reakcija zahvaljujući automatizaciji ponavljajućih akcija i laganom sučelju za uobičajene zadatke tima.

Tehnički pristup

Stack i arhitektura

Radio sam u modernom web stacku temeljenom na TypeScriptu:

  • Frontend: React i Next.js za responzivno sučelje i server-side rendering tamo gdje koristi personaliziranim dashboardima.

  • Backend: Node.js servisi s ORM slojem i podatkovnim modelom u bazi za entitete tržnice.

  • Platformski servisi: kontejnerizirani tijekovi za razvoj i CI, integracija pohrane datoteka za digitalne proizvode, integracije u stvarnom vremenu za poruke i ažuriranja te e-mail alati za komunikaciju o računu i transakcijama.

Sigurnost i pouzdanost

Sigurnost i povjerenje tretirani su kao temeljne funkcionalnosti proizvoda:

  • Sigurno upravljanje sesijama i pristup temeljen na ulogama radi zaštite korisničkih i poslovnih podataka.

  • Validacija unosa koja sprječava neispravne zahtjeve i smanjuje rubne slučajeve sklone greškama.

  • Sigurna provjera webhookova i pažljiva obrada vanjskih događaja (posebno plaćanja).

  • Šifrirani prijenos (HTTPS) i obrasci zaštite računa (uključujući tijekove spremne za 2FA gdje je primjenjivo).

Suradnja i isporuka

Blisko sam surađivao s osnovnim timom na poboljšanjima u više dijelova platforme. Svakodnevni rad uključivao je implementaciju funkcionalnosti, provjeru rubnih slučajeva, koordinaciju promjena između backenda i frontenda i pragmatične odluke koje su balansirale brzinu i stabilnost.

Rezultati (kako predstavljam učinak)

Budući da je Artifex platforma s više sučelja, moj učinak najbolje opisuju rezultati vezani uz korisničke putove:

  • Brži i jasniji onboarding i oporavak računa.

  • Upotrebljiviji dashboardi za kupce i kreatore.

  • Bolja funkcionalnost stranica proizvoda s ponašanjem svjesnim vlasništva i većom transparentnošću proizvoda.

  • Veće povjerenje u iskustva vezana uz plaćanja kroz sigurno i dosljedno upravljanje naplatom i zaradom.

  • Bolja komunikacija i upravljanje aktivnostima kroz obavijesti i poruke.

Trebaš nešto slično? Pola sata razgovora, bez obaveze.