Kako smo ubrzali i modernizirali CBC platformu i povećali promet za 783%

Optimizacija performansi i dizajna te poboljšani sustav prijava rezultirali su znatno većim angažmanom korisnika.

Projekt CBCHB 1 E-COM

Ukratko:

CBC platforma (Cross-Border Cooperation), kojom upravlja HAMAG-BICRO, služi poticanju suradnje malih i srednjih poduzeća u prekograničnim područjima. Klijent nas je angažirao da moderniziramo postojeću, sporu web stranicu te omogućimo lakšu suradnju hrvatskih poduzetnika s kolegama iz susjednih država.

Izazov

Klijent se suočavao s nekoliko ključnih problema koji su utjecali na posjećenost i funkcionalnost stranice.

Glavni izazovi:

Sporo učitavanje weba

Stari web imao je prosječno vrijeme učitavanja od 8,2 sekunde, što je odbijalo posjetitelje i otežavalo pristup informacijama

Zastarjeli vizualni identitet

Stari dizajn stranice bio je neatraktivan i neskladan, što je smanjivalo povjerenje korisnika i otežavalo snalaženje na stranici.

Migracija baze podataka

Postojeći korisnici, projekti i prijave bili su pohranjeni u zastarjelu bazu koja se morala prenijeti u novi sustav bez gubitka podataka.

Klijent je trebao modernizirano i intuitivno rješenje web platforme kako bi olakšao korisnicima pristup informacijama, poboljšao angažman i povećao promet na portalu.

Projekt CBCHB 2 E-COM

Slika prikazuje performanse web stranice prije nego što je napravljen redizajn

Naše rješenje

Kako bismo riješili probleme, proveli smo potpunu tehničku i sadržajnu optimizaciju web stranice.

Ključne značajke:

Migracija i očuvanje podataka

Svi postojeći korisnici, projekti i prijave uspješno su prebačeni u novu bazu.

Optimizacija performansi

Znatno smo ubrzali rad web stranice.

Jednostavne prijave / registracije

Izradili smo intuitivne obrasce za lako i brzu registraciju i prijavu na projekte.

Sigurnost i zaštita od spama

Implementirali smo CAPTCHA na ključne obrasce, SSL enkripciju i validaciju datoteka pri uploadu.

Projekt je razvijen koristeći WordPress CMS temeljen na PHP programskom jeziku, uz HTML, CSS i JavaScript za frontend komponentu. Kao baza podataka korišten je MySQL, dok je UX/UI dizajn izrađen u Figma alatu.

Projekt CBCHB 3 E-COM

Slika prikazuje performanse web stranice poslje redizajna

Kako smo to postigli?

1. Optimizacija brzine učitavanja

Kako bismo poboljšali brzinu i rad stranice, proveli smo nekoliko ključnih poboljšanja:

    • kompresirali smo sve slike i stavili ih u moderne formate (WebP)
    • implementirali smo lazy loading pa se vizuali učitavaju tek kada su vidljivi
    • minificirali smo CSS i JavaScript datoteke te uklonili nepotrebne skripte
    • postavili smo predmemoriranje na razini poslužitelja (cache)
    • iskoristili smo CDN za bržu distribuciju sadržaja prema korisnicima
    • optimizirali smo brzinu učitavanja baze podataka
    • fontove smo pohranili lokalno i poboljšali njihovo učitavanje

Rezultat: Vrijeme učitavanja stranice smanjeno je sa 8,2 na oko 1,7 sekunde (stranica se sada učitava ~4× brže).

2. Poboljšanje korisničkog iskustva i strukture sadržaja:

Temeljito smo analizirali potrebe korisnika i redizajnirali korisničke tokove:

    • kreirali smo intuitivne obrasce za registraciju / prijavu na projekte
    • integrirali smo mogućnost predaje projektne dokumentacije putem weba 
    • omogućili smo korisnicima da traže partnere na webu
    • reorganizirali smo sadržaj prema ključnim programima i skupinama (projekti, natječaji, partneri itd.)
    • dizajnirali smo jasne izbornike i pojednostavili hijerarhiju stranica za lakše pretraživanje

Rezultat: organizirana struktura i poboljšano korisničko iskustvo doveli su do drastičnog rasta prometa za čak 783 %, a korisnički promet postao je znatno angažiraniji.

3. Sigurnost sustava

Kako bismo poboljšali pouzdanost i zaštitu, napravili smo sljedeće:

    • obavezna verifikacija e-maila na registraciji kako bi se smanjio broj lažnih računa
    • ReCAPTCHA kako bi se smanjio spam i automatske prijave
    • TLS (HTTPS) na cijeloj platformi, svi podaci u tranzitu su enkriptirani
    • validacija / un-escaping inputa na serveru (server-side validation)
    • sanitizacija za sprječavanje XSS i SQLi
    • upload privitaka s višestrukim provjerama: MIME provjera, veličinska ograničenja, limit tipova datoteka
    • periodična penetracijska testiranja i security audit
    • minimalizacija pohranjenih osobnih podataka

Rezultat: novi sustav je siguran i otporan na neželjeni promet i automatske prijave, osiguravajući stabilan rad platforme.

Projekt Tehnologije E-COM

Naš utjecaj

+783%

više organskog prometa

Optimiziran sadržaj i tehnički SEO.

5x

brži web

Vrijeme učitavanja smanjeno s 8,2s na 1,7s.

-52%

stopa napuštanja stranice

Posjetitelji se sada duže zadržavaju na stranici.

Uspješni projekti

Projekt Farmaceut Featured Image E-COM

Edukativni zdravstveni portal s forumom

Farmaceut.hr

UX / UI i programiranje

SEO

Projekt Usporedi Featured Image E-COM

Web aplikacija za usporedbu proizvoda

Usporedi.hr

UX / UI

Product research