SaiMai International — kada je ispravna odluka bila da priznamo granice sopstvenog rešenja

Klijent: SaiMai International
Industrija: međunarodna trgovina, sourcing i uvoz robe iz Kine
Tržište: Srbija i region / Kina
Tip projekta: drugi redizajn — kompletna prerada na custom WordPress rešenje
Period izrade: početak jula — sredina avgusta 2026.
Sajt: www.saimai-international.rs

---

O klijentu

SaiMai International je kompanija koja firmama sa Balkana omogućava bezbedan uvoz robe iz Kine. Za razliku od klasičnih posrednika koji posluju „na daljinu”, SaiMai tim je fizički prisutan u Kini — u Yiwuu i u Hong Kongu — i od 2013. godine svakodnevno radi sa fabrikama, pregovara sa proizvođačima i proverava realne uslove proizvodnje pre nego što roba krene ka klijentu.

Njihova usluga pokriva ceo lanac: pronalaženje i proveru dobavljača, kontrolu kvaliteta na terenu, konsolidaciju robe od više dobavljača, međunarodni transport i carinsko posredovanje do magacina klijenta. Iza toga stoji 13+ godina iskustva, preko 500 realizovanih uvoza i mreža od više od 1.000 dobavljača.

To je usluga koju je teško objasniti u jednoj rečenici — i upravo je to bio centralni izazov ovog projekta.

Polazna tačka: dva sajta pre ovog

Wix i osećaj da nešto nedostaje

Prva verzija sajta bila je napravljena na Wix-u, sa vidljivom „Built by Wix” oznakom. Vlasnici su imali dva problema: nisu imali kontrolu koju su želeli nad sadržajem i strukturom, a sajt nije prenosio nivo profesionalnosti koji njihova usluga zahteva. Kada pomažete firmi da uloži ozbiljan novac u robu koja stiže sa drugog kraja sveta, sajt mora da ulije poverenje od prvog ekrana.

Prvi redizajn — i naša greška

Početkom 2024. godine radili smo prvi redizajn. Kako bismo projekat isporučili brzo, koristili smo Elementor i kupljenu Phlox Pro temu sa gotovim template-om.

Vizuelno, rezultat je bio uspešan. Sajt je izgledao prezentabilno i profesionalno, vlasnici su bili zadovoljni i, što je bilo važno, mogli su samostalno da unose sadržaj bez naše pomoći.

Tehnički, međutim, počeli su da se javljaju problemi koje nismo mogli da rešimo optimizacijom brzine:

• Performanse na mobilnim uređajima nisu prelazile granicu. Uprkos WP Rocket-u i primeni svih standardnih tehnika optimizacije, mobilni Lighthouse rezultat se zadržavao na maksimalnih 75–76, sa Speed Index-om u rasponu od 4 do 6 sekundi. Desktop nije bio problem.
• Uzrok nije bio u konfiguraciji, već u arhitekturi. Tema je veliki deo sadržaja i stilova isporučivala kroz bazu i inline kod. To je materijal sa kojim cache plugin jednostavno nema šta da radi — WP Rocket može da optimizuje ono što je moguće keširati i odložiti, ali ne može da prepiše način na koji tema generiše stranicu.
• Povremeni bagovi zbog nekompatibilnosti. Kombinacija Elementora, teme i pratećih plugina povremeno je proizvodila konflikte koji su tražili intervenciju.

Ovde je važno reći nešto što se retko piše u studijama slučaja: to nije bila greška alata, nego naša procena. Elementor je legitiman alat i mnogim projektima savršeno odgovara. Phlox Pro je plaćena tema koju koristi veliki broj sajtova. Ali plaćena tema nije automatski i optimizovana tema, a gotov template koji ubrzava isporuku istovremeno donosi sloj koda koji vam nikada nije bio potreban. Za projekat ovog tipa — sadržajno bogat B2B sajt kojem je organska vidljivost ključni kanal — to je bio pogrešan izbor.

Razgovor koji je pokrenuo drugi redizajn

Sa vlasnicima SaiMai-ja imamo otvoren radni odnos, pa smo im rekli tačno ovo: dostigli smo plafon onoga što se sa postojećom osnovom može postići, sajt je vizuelno dobar ali tehnički ograničen, i ako želimo maksimalne rezultate — treba ga izgraditi iznova, ovaj put bez page buildera i bez kupljene teme.

Bio je to neprijatan razgovor. Bio je i ispravan. Klijent se složio i krenuli smo u drugi redizajn.

Ciljevi drugog redizajna

1. Kompleksnu uslugu uvoza predstaviti kroz jasne, razumljive korisničke tokove.
2. Zadržati klijentu punu kontrolu nad sadržajem — bez page buildera i bez rizika da izmena sadržaja pokvari dizajn.
3. Izgraditi sadržajni sistem koji donosi organski saobraćaj, a ne samo prezentacioni sajt.
4. Postići performanse koje prethodna arhitektura nije dozvoljavala.
5. Rešiti kolačiće, pravne obaveze i evidenciju saglasnosti kako treba, a ne minimalno.
6. Preseliti sajt sa .com na .rs domen bez gubitka SEO vrednosti.

Pristup: custom tema vođena ACF-om

Sajt nije sastavljen page builderom. Napravljen je kao custom WordPress tema sa modularnim sekcijama, gde se sav sadržaj unosi kroz Advanced Custom Fields.

Praktična posledica za klijenta: struktura i dizajn su kontrolisani i ne mogu se slučajno narušiti, a sadržaj je u potpunosti u njihovim rukama. Umesto praznog platna na kojem sve može da se pomeri, vlasnik dobija jasna polja — naslov, opis, stavke liste, slika, CTA — i sekcija se uvek prikazuje onako kako je dizajnirana.

Tehnička osnova:

• WordPress i PHP
• Advanced Custom Fields kao sloj za unos sadržaja
• custom tema sa modularnim sekcijama
• vanilla JavaScript — bez jQuery zavisnosti u temi
• lokalno hostovani fontovi
• Yoast SEO
• WP Rocket
• Playwright za automatizovano testiranje
• dva in-house RXN plugina, znatno prilagođena za potrebe ovog klijenta

Kompleksna usluga pretvorena u razumljiv tok

Uvoz iz Kine nije jedna usluga nego lanac odluka: pronalaženje dobavljača, provera fabrike, kontrola kvaliteta, konsolidacija, transport i špedicija. Klijent koji prvi put uvozi ne zna gde počinje i ne zna koje faze uopšte postoje.

Zato je svaka faza dobila zasebnu landing stranicu — ukupno pet — sa istom, predvidivom strukturom:

• jasan odgovor na pitanje šta ta usluga rešava
• kako izgleda proces saradnje
• šta se konkretno dobija
• checkliste
• pitanja i odgovori vezani baš za tu fazu
• kontekstualni poziv na akciju

Na početnoj stranici sve se to spaja u jedan pregled od šest koraka, tako da posetilac koji ne zna terminologiju dobija mapu, a onaj koji tačno zna šta traži odlazi direktno na relevantnu stranicu.

Dodatno je napravljen i sloj koji govori jezikom klijentovih strahova, a ne jezikom usluge: sekcija koja imenuje četiri konkretna rizika uvoza — prevare dobavljača, nepoštovanje dogovora, loš kvalitet i skriveni troškovi — i uz svaki postavlja konkretan odgovor kako SaiMai taj rizik uklanja.

Sadržajni sistem umesto prezentacionog sajta

Za B2B uslugu ovog tipa, stručni sadržaj nije dekoracija — to je glavni kanal poverenja i organske vidljivosti.

Napravljeni su:

• šest opširnih stručnih vodiča i poseban hub za vodiče
• centralna FAQ baza sa 46 pitanja, uz prikaz relevantnog podskupa na servisnim stranicama
• reusable kartice vodiča i kategorije
• breadcrumbs navigacija
• normalizacija starih /blog/... URL-ova
• povezivanje svakog vodiča sa uslugama koje se u njemu pominju

Poslednja stavka je važna: vodič o troškovima uvoza vodi ka stranici o transportu i špediciji, vodič o konsolidaciji ka stranici o konsolidaciji. Sadržaj ne živi izolovano od ponude.

Strukturirani podaci integrisani u Yoast graph

Uobičajen pristup je da se custom schema emituje kao dodatni JSON-LD blok pored onog koji generiše SEO plugin. Rezultat su dva grafa koji jedan o drugom ne znaju ništa, ponekad sa konfliktnim podacima o istom entitetu.

Umesto toga, sve custom schema podatke ubacujemo direktno u Yoast graph:

• Service entiteti za svih pet usluga
• FAQPage podaci na servisnim stranicama
• Organization entitet
• Person entiteti za članove tima, povezani sa organizacijom
• AboutPage, ContactPage i CollectionPage tipovi
• breadcrumbs i canonical-ready struktura

Rezultat je jedan konzistentan graf bez duplikata i bez međusobno konfliktnih blokova.

RXN Cookie Kit — kolačići rešeni kako treba

Za kontrolu kolačića koristili smo naš in-house plugin, dodatno prilagođen ovom projektu. Razlika u odnosu na tipičan consent banner je suštinska: ovo nije vizuelni element koji se pojavi i nestane, već sloj koji stvarno blokira skripte pre saglasnosti.

Sistem:

• blokira sve opcione skripte dok korisnik ne donese odluku
• podržava prihvatanje, odbijanje i granularni izbor po kategorijama
• radi ispravno sa optimizovanim i keširanim HTML-om
• kompatibilan je sa WP Rocket-om i planiranim Cloudflare slojem
• vodi inventar kolačića
• omogućava korisniku da naknadno promeni odluku

Provereno u čistom browser testu:

• nula third-party zahteva pre izbora
• nula kolačića pre izbora
• nakon odluke postavlja se isključivo bezbedni first-party consent cookie

Ovo je jedna od retkih stvari koje se ne vide na sajtu, a koje razdvajaju formalnu usklađenost od stvarne.

RXN Legal Kit — pravni sloj kao sistem, ne kao stranice

Drugi in-house plugin, takođe prilagođen za SaiMai, pokriva pravni deo znatno šire od statičnih stranica sa tekstom:

• generisanje i upravljanje pravnim dokumentima
• privacy i complaint forme
• evidencija podnetih zahteva sa rokovima za odgovor
• evidencija datih saglasnosti
• potpisani (signed) linkovi za povlačenje marketing saglasnosti
• kontrola objavljivanja pravnih dokumenata
• očuvanje ručno izmenjenih sadržaja prilikom nadogradnje plugina
• pravni režimi i rokovi prilagođeni srpskom tržištu

Klijent time ne dobija samo objavljenu politiku privatnosti, nego evidenciju koja u slučaju zahteva korisnika ili nadzora ima šta da pokaže.

Forme prilagođene stvarnom poslovnom procesu

Kontakt forma sa poljima ime, email, poruka proizvodi upite na koje je nemoguće odgovoriti bez tri dodatna mejla. Za SaiMai je forma napravljena tako da već u prvom kontaktu prikupi ono što je timu potrebno za procenu:

• proizvod i količina
• država uvoza
• link ka proizvodu
• vrsta nabavke
• način realizacije uvoza
• dokument ili fotografija kao prilog

Tehnički je pokriveno:

• nonce zaštita i honeypot
• validacija tipa i veličine priloga
• privremeno, kontrolisano čuvanje fajla i automatsko brisanje nakon slanja
• potvrda korisniku
• privatna evidencija uspešno poslatog upita
• priprema za reCAPTCHA v3

Lead magnet sa dokazom saglasnosti

Posetilac može da zatraži PDF checklistu za prvu porudžbinu iz Kine. Sistem validira prijavu, šalje checklistu mejlom, beleži tačan tekst saglasnosti koji je korisnik prihvatio, čuva izvor prijave i omogućava kasnije povlačenje marketing saglasnosti.

Beleženje tačnog teksta saglasnosti, a ne samo činjenice da je polje bilo označeno, jedina je verzija koja stvarno vredi ako neko kasnije pita.

Performanse: tri merenja, jedna priča

Rezultati brzine ovde imaju vremensku liniju i vredi je ispričati celu, jer je poučnija od jedne lepe cifre.

1. Prethodna verzija sajta (Elementor + Phlox Pro)

Mobilni Lighthouse rezultat nije prelazio 75–76, uz Speed Index od 4 do 6 sekundi.

Napomena: za ovu verziju nemamo sačuvane izveštaje, pa su brojevi navedeni po sećanju i predstavljaju okvirnu vrednost iz naših tadašnjih merenja. Navodimo ih jer su bili direktan povod za preradu.

2. Nakon lansiranja nove verzije

Nova verzija je na produkciju otišla sa dobrim laboratorijskim rezultatima, ali je merenje na živoj produkciji — sa realnim slikama, Cloudflare slojem i odvojenim WP Rocket cache-om za desktop i mobilni — pokazalo Speed Index od 4,3 sekunde na mobilnom.

Ovo je deo koji se obično ne objavljuje. Mi ga objavljujemo jer je poenta upravo u tome: staging nije produkcija, i merenje posle lansiranja nije formalnost.

Uzroci su bili konkretni:

• dupli WP Rocket preload koji je na mobilnim uređajima nepotrebno preuzimao veliku desktop sliku
• render-blocking CSS i consent resursi u kritičnoj putanji
• hero slike koje se nisu isporučivale prema veličini ekrana

3. Nakon post-launch optimizacije

Uradili smo namenski krug optimizacije direktno na produkciji, odvojeno za desktop i mobilni cache:

• responsive WebP varijante hero slika — umesto originalnih 39–69 KiB, mobilni uređaji sada dobijaju varijante od svega 5–11 KiB
• pravilan preload hero fotografije i uklonjen dupli preload
• inline critical CSS uz asinhrono učitavanje ostatka stilova
• consent resursi izbačeni iz kritične putanje
• forced reflow u cookie banneru otklonjen pomeranjem fokusa u sledeći animation frame, bez narušavanja pristupačnosti
• ispravljen ARIA model testimonial ocena — accessibility tree sada zvezdice pravilno predstavlja kao „Ocena: 5 od 5″

Aktuelni PageSpeed Insights rezultat za mobilne uređaje:

Metrika	Vrednost
Performance	99
Accessibility	96
Best Practices	100
SEO	100
First Contentful Paint	0,9 s
Largest Contentful Paint	2,3 s
Total Blocking Time	0 ms
Cumulative Layout Shift	0,032
Speed Index	1,0 s

Speed Index je sa 4,3 sekunde spušten na 1,0 sekundu, a mobilni rezultat sa maksimalnih 76 na prethodnoj verziji sajta na 99.

Sve to bez agresivnog front-end frameworka: nema jQuery zavisnosti u temi, fontovi su lokalni, slike responsive, fetchpriority za LCP element je kontrolisan, CSS se učitava prema tipu stranice, a statički asseti imaju dug browser cache uz version busting.

Automatizovan QA sistem

Da provera ne bi zavisila od toga da li se neko setio da klikne, napravljen je Playwright paket koji sajt testira u desktop i mobilnom Chromium prikazu.

Pokriveno je: učitavanje glavnih stranica, tačno jedan H1 po stranici, horizontalni overflow, JavaScript greške, mobilni meni i ponašanje na Escape, kontakt i newsletter forme, reCAPTCHA bridge, SEO metadata, canonical pravila, schema entiteti, slike sa alt tekstom i dimenzijama, hijerarhija naslova, sitemap, privatne pravne stranice, ispravan 404 odgovor i 404 korisničko iskustvo.

Statičke provere pri isporuci:

• PHP sintaksa: 165/165 fajlova prolazi
• JavaScript sintaksa: 14/14 fajlova prolazi
• npm audit: nula poznatih ranjivosti
• bez polomljenih internih linkova u izvršenom crawl-u
• bez dupliranih SEO title i description vrednosti u testiranom skupu

Migracija sa .com na .rs

Sajt je preseljen sa saimai-international.com na www.saimai-international.rs. Pošto je prethodna verzija imala izgrađenu istoriju u pretrazi, prioritet je bio da se ta vrednost ne izgubi.

Urađeno je:

• mapa redirekcija sa starog na novi domen
• normalizacija starih /blog/... URL-ova ka novoj strukturi vodiča
• canonical-ready struktura na svim tipovima stranica
• povezivanje novog domena na Cloudflare nakon migracije

Rezultat

Za SaiMai International razvili smo kompletan custom WordPress sajt namenjen firmama koje uvoze robu iz Kine. Kompleksnu uslugu podelili smo na jasne korisničke tokove, pet specijalizovanih servisnih stranica i sistem stručnih vodiča sa centralnom FAQ bazom.

Pored dizajna i razvoja, implementirali smo in-house cookie consent i pravni sistem, poslovne forme prilagođene procesu uvoza, strukturirane podatke integrisane u Yoast graph i automatizovani QA paket.

Rezultat je modularan, brz i tehnički kontrolisan sajt sa Lighthouse rezultatom 99/100 na mobilnim uređajima — na projektu na kojem prethodna arhitektura nije prelazila 76.

Sličan tehnički ishod, sa skokom mobilnih performansi sa 29 na 99, ostvarili smo i kroz redizajn WordPress sajta za SEE ENERGY.

Šta smo naučili

Plaćena tema nije isto što i optimizovana tema. Cena licence ne govori ništa o tome koliko koda tema učitava i na koji način isporučuje sadržaj. Ako tema veliki deo prikaza generiše kroz bazu i inline kod, nijedan cache plugin to ne može da nadomesti.

Brza isporuka ima cenu koja se plaća kasnije. Gotov template ubrzava prvi mesec i usporava sledeće dve godine. Za projekte kojima je organska vidljivost ključni kanal, taj račun se ne isplati.

Kontrola nad sadržajem i kontrola nad dizajnom nisu suprotnosti. ACF-driven struktura klijentu daje potpunu slobodu unosa uz garanciju da sekcija uvek izgleda kako je zamišljena — što je, u praksi, više kontrole nego što page builder pruža.

Merenje posle lansiranja nije formalnost. Naš sajt je na produkciji pokazao regresiju koju staging nije mogao da otkrije. Da nismo merili, klijent bi dobio sajt koji je na papiru brz.

Priznati grešku pred klijentom je jeftinije nego je braniti. Predlog da se sopstveni rad prepravi iz temelja je neprijatan razgovor, ali je alternativa da klijent godinama nosi ograničenje koje mu nikada nismo objasnili.

Iskustvo klijenta

„Imali smo veoma pozitivno iskustvo u saradnji. Komunikacija je bila brza i jasna od samog početka, uvek su bili dostupni za pitanja i sugestije. Svi dogovori su ispoštovani, uključujući rokove, što nam je bilo posebno važno. Saradnja je protekla veoma lagodno i profesionalno, uz puno razumevanja za naše potrebe i ideje. Topla preporuka za svakoga kome je potreban pouzdan i odgovoran partner za izradu sajta.”

SaiMai International

Imate sajt koji je dostigao svoj plafon?

Ako vam sajt izgleda dobro ali se performanse ne pomeraju bez obzira na optimizaciju, problem je najčešće u arhitekturi, a ne u podešavanjima. Rado ćemo pogledati o čemu se radi.