PROJEKT

Korporativna web-stranica za METROKS s dinamičkim katalogom proizvoda, administracijskim panelom i integracijom s vanjskom bazom zaliha

Implementacija dizajna web-stranice, Frontend razvoj (responzivna višejezična stranica), Backend razvoj s administracijskim panelom, Integracija REST API-ja s Visma Horizonom, Dinamički katalog i sustav filtriranja, Funkcionalnost izvoza u PDF, Sustav favorita i preporuka, Prikaz i sinkronizacija zaliha

  • Industrija: Distribucija pločica
  • Latvija Lokacija: Latvija
  • Vrijeme isporuke: 5 tjedana
  • Tehnologije: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Ocjena: 5/5
2 mjeseci

Sažetak

Problem

Zastarjela web-stranica i nepovezan sustav proizvoda

Rješenje

Responzivna stranica s ERP integracijom i prilagođenim CMS-om

Rezultat

Moderna višejezična platforma pokrenuta u 2 mjeseca

Priča klijenta

METROKS, latvijska tvrtka specijalizirana za prodaju pločica i usluge uređenja interijera, koristila je zastarjelu web-stranicu koja više nije odražavala rast njezina poslovanja.

Uložili su u vizualni dizajn vanjskih dizajnera, ali trebali su pouzdan tim koji će ga pretvoriti u funkcionalnu stranicu. U potrazi za rješenjem koje bi očuvalo njihovo ulaganje i osiguralo brzu isporuku, udružili su se s tvrtkom 2410.

Ključni prioriteti bili su vjerno pridržavanje izvornog dizajna, brza isporuka potpuno funkcionalne platforme i besprijekorna integracija s postojećim sustavima. Suradnja je rezultirala modernom platformom koja podržava poslovne ciljeve i pojednostavljuje operacije.

Pregled projekta

2410 je razvio potpuno prilagođenu, responzivnu korporativnu web-stranicu za METROKS, latvijskog distributera pločica, na temelju PSD predložaka klijentovih vanjskih dizajnera. Projekt je uključivao prilagođeni backend sustav za upravljanje sadržajem i angažman korisnika, uz potpuno očuvanje izvorne vizualne identifikacije.

Stranica je izrađena prema mobile-first pristupu i uzimajući u obzir SEO. Podržava tri jezika - latvijski, engleski i ruski - te pruža fluidno korisničko iskustvo na svim uređajima. 2410 primijenio je pixel-perfect HTML/CSS pristup, čime je frontend precizno preslikao odobrene dizajne.

Velik izazov bila je integracija ERP sustava Visma Horizon. Uspostavljena je sinkronizacija podataka u stvarnom vremenu, što omogućuje automatsko ažuriranje proizvoda, dostupnosti i cijena bez ručnog unosa. Integracija je pojednostavila upravljanje zalihama i poboljšala operativnu učinkovitost.

Osim kataloga, stranica uključuje dinamičko filtriranje proizvoda, personalizirane preporuke, odredišne stranice za ciljane kampanje te značajke poput favorita i obrazaca za narudžbu. Svaki je element izrađen uzimajući u obzir performanse i skalabilnost, za jednostavno iskustvo korisnika i administratora.

Projekt je implementiran i pokrenut u kratkom roku od dva mjeseca, uz fleksibilan proces koji je uzeo u obzir promjene dizajna i ulaznih podataka sustava.

Suradnja je bila produktivna i detaljna, uz iterativnu isporuku na temelju dostavljenih dizajna i poslovne logike. 2410 je pokazao fleksibilnost pri radu s odgođenim materijalima te blisko surađivao s klijentom na integraciji složenih vanjskih sustava. Klijent je cijenio postupni pristup i nastavio angažirati 2410 za proširene module, poput sustava zaliha i personaliziranih cijena.

- Igors, SIA METROKS

Isporučene ključne značajke

  • Višejezična struktura stranice (latvijski, ruski, engleski)
  • Dinamički katalog pločica s filtrima i pretraživanjem
  • Sustavi favorita i preporuka
  • Responzivni raspored za različite veličine zaslona
  • Administracijski panel za upravljanje sadržajem i korisnicima
  • Dostupnost zaliha integrirana iz vanjskog softvera
  • Obavijesti e-poštom i obrada obrazaca za povratne informacije
  • Izvoz vidljivih stavki kataloga u PDF

Tehnološki stack

HTML/CSS/JavaScript
Microsoft SQL Server 2017
Visma Horizon REST API
Mailigen API
Custom server with static IP access

Rezultat

Završetak projekta

U samo 2 mjeseca , 2410 je uspješno isporučio potpuno funkcionalnu i vizualno usklađenu korporativnu web-stranicu za METROKS . Stranica je izrađena prema klijentovom PSD predlošku i obogaćena besprijekornom backend funkcionalnošću, pružajući doista pixel-perfect korisničko iskustvo.

Najveće postignuće projekta bila je robusna integracija s ERP sustavom Visma Horizon . Zahvaljujući tome, sve promjene proizvoda - poput cijena, opisa i dostupnosti - upravljaju se iz jednog središnjeg skladišnog sustava i trenutačno prikazuju na web-stranici. Bez dvostrukog unosa. Bez kašnjenja.

Savjet: Dinamička sinkronizacija proizvoda pomogla je smanjiti vrijeme administracije i poboljšati točnost kataloga.

Ključne isporuke

  • Prilagođeni CMS temeljen na WordPressu za fleksibilno uređivanje sadržaja
  • Podrška za više jezika: latvijski, ruski i engleski
  • Sinkronizacija podataka s ERP-om uživo za zalihe i podatke o proizvodima u stvarnom vremenu
  • Filtri pretraživanja, varijacije proizvoda i jednostavna navigacija katalogom
  • Moderan dizajn optimiziran za mobilne uređaje prema standardima Pixel Perfect

Frontend je čist, brz i izrazito optimiziran za SEO. Korisnici uživaju u besprijekornom pregledavanju na svim uređajima, uz značajke poput:

  • Filtri proizvoda prema boji, veličini, materijalu, cijeni i drugim kriterijima
  • Sustav favorita i interaktivni katalog
  • Prilagođene odredišne stranice za ciljane skupine, poput dizajnera i građevinara

Prije i poslije

Početna stranica

Old Home Page
Stara početna stranica
New Home Page
Nova početna stranica

Stranica kataloga

Old Catalog Page
Stara stranica kataloga
New Catalog Page
Nova stranica kataloga

Filtri pretraživanja

Product Search Filter
Filtar za pretraživanje proizvoda

Odredišna stranica

Old Landing Page
Stara odredišna stranica
New Landing Page
Nova odredišna stranica

Kontaktna stranica

Old Contact Page
Stara kontaktna stranica
New Contact Page
Nova kontaktna stranica

Napomena: Svi dizajni stranica razvijeni su u skladu s Googleovim pokazateljima Core Web Vitals i modernim standardima upotrebljivosti, čime se osiguravaju vrhunske performanse i vidljivost u pretraživanju.

Na kraju je METROKS dobio modernu, skalabilnu i jednostavnu online platformu za upravljanje koja podržava B2B i B2C poslovanje te jača njegov položaj na konkurentnom tržištu pločica i podnih obloga.

Razmišljate o izradi sličnog sustava?

U nastavku su neka od najčešćih pitanja koja dobivamo od klijenata koji žele razviti prilagođenu web-stranicu s backend integracijom, poput projekta koji smo isporučili za METROKS. Odgovori će vam pomoći razumjeti što je potrebno za izradu višejezične, responzivne platforme sa sinkronizacijom ERP-a i funkcijama kataloga proizvoda.