PROJEKAT

Korporativna web stranica za METROKS s dinamičkim katalogom proizvoda, administratorskim panelom i integracijom s eksternom bazom zaliha

Implementacija dizajna web stranice, Frontend razvoj (responzivna, višejezična stranica), Backend razvoj s administratorskim panelom, Integracija REST API-ja s Visma Horizon sistemom, Dinamički katalog i sistem filtriranja, Funkcionalnost izvoza u PDF, Sistem favorita i preporuka, Prikaz i sinhronizacija zaliha

  • Djelatnost: Distribucija pločica
  • Latvija Lokacija: Latvija
  • Vrijeme isporuke: 5 sedmica
  • Tehnologije: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Ocijenjeno: 5/5
2 mjeseci

Sažetak

Problem

Zastarjela web stranica i nepovezan sistem proizvoda

Rješenje

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

Rezultat

Moderna, višejezična platforma pokrenuta za 2 mjeseca

Priča klijenta

METROKS, latvijska kompanija specijalizovana za prodaju pločica i usluge dizajna enterijera, koristila je zastarjelu web stranicu koja više nije odražavala rast njenog poslovanja.

Uložili su u vizuelni dizajn eksternih dizajnera, ali im je bio potreban pouzdan tim koji će ga realizovati. Tražeći rješenje koje bi sačuvalo njihovu investiciju i omogućilo brzu isporuku, angažovali su 2410.

Ključni prioriteti bili su vjerno praćenje originalnog dizajna, brza isporuka potpuno funkcionalne platforme i besprijekorna integracija s postojećim sistemima. Saradnja 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 osnovu PSD dizajna eksternih dizajnera klijenta. Projekat je obuhvatio prilagođeni backend sistem za upravljanje sadržajem i interakciju korisnika, uz potpuno očuvanje originalnog vizuelnog identiteta.

Izrađena s pristupom mobile-first i fokusom na SEO, stranica podržava tri jezika - latvijski, engleski i ruski - i pruža fluidno korisničko iskustvo na svim uređajima. 2410 je primijenio pixel-perfect HTML/CSS pristup, čime je frontend precizno pratio odobrene dizajne.

Veliki izazov bila je integracija ERP sistema Visma Horizon. Uspostavljena je sinhronizacija podataka u stvarnom vremenu, što je omogućilo automatsko ažuriranje proizvoda, dostupnosti i cijena bez ručnog unosa. Integracija je pojednostavila upravljanje zalihama i poboljšala operativnu efikasnost.

Osim kataloga, stranica uključuje dinamičko filtriranje proizvoda, personalizovane preporuke, landing stranice za ciljane kampanje te funkcije poput favorita i obrazaca za narudžbu. Svaki element izrađen je s fokusom na performanse i skalabilnost, stvarajući jednostavno iskustvo za korisnike i administratore.

Projekat je implementiran i pokrenut u kratkom roku od dva mjeseca, uz fleksibilan proces koji je omogućio prilagođavanje promjenama u dizajnu i sistemskim zahtjevima.

Saradnja je bila produktivna i detaljna, uz iterativnu isporuku na osnovu dostavljenih dizajna i poslovne logike. 2410 je pokazao fleksibilnost u radu s kašnjenjem ulaznih materijala i blisko sarađivao s klijentom na integraciji složenih eksternih sistema. Klijent je cijenio postepeni pristup i nastavio angažovati 2410 na proširenim modulima, poput sistema zaliha i personalizovanih cijena.

- Igors, SIA METROKS

Isporučene ključne funkcionalnosti

  • Višejezična struktura stranice (latvijski, ruski, engleski)
  • Dinamički katalog pločica s filterima i pretragom
  • Sistemi favorita i preporuka
  • Responzivni raspored za različite veličine ekrana
  • Administratorski panel za upravljanje sadržajem i korisnicima
  • Dostupnost zaliha integrisana iz eksternog softvera
  • E-mail obavijesti i upravljanje obrascima za povratne informacije
  • Izvoz vidljivih artikala iz 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

Za samo 2 mjeseca , 2410 je uspješno isporučio potpuno funkcionalnu i vizuelno usklađenu korporativnu web stranicu za METROKS . Stranica je izrađena na osnovu PSD dizajna klijenta i unaprijeđena besprijekornom backend funkcionalnošću, pružajući zaista pixel-perfect korisničko iskustvo.

Najveće dostignuće projekta bila je robusna integracija s ERP sistemom Visma Horizon . Zahvaljujući tome, svim promjenama proizvoda - poput cijena, opisa i dostupnosti - upravlja se iz jednog centralnog skladišnog sistema i one se odmah prikazuju na web stranici. Bez dvostrukog unosa. Bez kašnjenja.

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

Ključne isporuke

  • Prilagođeni CMS zasnovan na WordPressu za fleksibilno uređivanje sadržaja
  • Podrška za više jezika: latvijski, ruski i engleski
  • Sinhronizacija podataka s ERP-om uživo za zalihe i informacije o proizvodima u stvarnom vremenu
  • Filteri pretrage, varijacije proizvoda i jednostavna navigacija katalogom
  • Moderan dizajn optimizovan za mobilne uređaje, zasnovan na standardima Pixel Perfect

Frontend je čist, brz i visoko optimizovan za SEO. Korisnici uživaju u jednostavnom pregledanju na svim uređajima, uz funkcije poput:

  • Filtera proizvoda prema boji, veličini, materijalu, cijeni i drugim kriterijima
  • Sistema favorita i interaktivnog kataloga
  • Prilagođenih landing stranica za ciljane grupe, poput dizajnera i građevinara

Prije i poslije

Naslovna stranica

Old Home Page
Stara naslovna stranica
New Home Page
Nova naslovna stranica

Stranica kataloga

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

Filteri pretrage

Product Search Filter
Filter za pretragu proizvoda

Landing stranica

Old Landing Page
Stara landing stranica
New Landing Page
Nova landing stranica

Kontakt stranica

Old Contact Page
Stara kontakt stranica
New Contact Page
Nova kontakt stranica

Napomena: Svi dizajni stranica razvijeni su u skladu s Google Core Web Vitals i savremenim standardima upotrebljivosti, osiguravajući vrhunske performanse i vidljivost u pretrazi.

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

Razmišljate o izradi sličnog sistema?

U nastavku su neka od najčešćih pitanja koja dobijamo 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 da razumijete šta je potrebno za izradu višejezične, responzivne platforme sa sinhronizacijom ERP-a i funkcijama kataloga proizvoda.