PROJEKAT

Korporativna web stranica za METROKS sa dinamičkim katalogom proizvoda, admin panelom i integracijom s vanjskom bazom podataka zaliha

Implementacija dizajna web stranice, Razvoj frontenda (responzivna, višejezična stranica), Backend razvoj s administrativnim panelom, Integracija REST API s Visma Horizon, Dinamički katalog i sistem filtriranja, Funkcionalnost PDF izvoza, Sistem omiljenih i preporuka, Prikaz zaliha i sinhronizacija

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

Sažetak

Problem

Zastarjela web stranica i nepovezan sistem proizvoda

Rješenje

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

Rezultat

Pokrenuta moderna, višejezična platforma u 2 mjeseca

Priča klijenta

METROKS, latvijska kompanija specijalizirana za prodaju pločica i usluge unutrašnjeg dizajna, upravljala je zastarjelom web stranicom koja više nije odražavala njihov rastući poslovni status.

Uložili su u vizualni dizajn od trećih dizajnera ali im je bio potreban pouzdan tim da ga oživi. Tražeći rješenje koje bi sačuvalo njihovu investiciju i osiguralo brzu isporuku, udružili su se s 2410.

Ključni prioriteti bili su striktno se pridržavati originalnog dizajna, brzo isporučiti potpuno funkcionalnu platformu i besprijekorno integrirati s postojećim sistemima. Saradnja je dovela do moderne platforme koja podržava njihove 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 dizajna koje su osigurali eksterni dizajneri klijenta. Projekat je uključivao prilagođeni sistem administracije, omogućavajući upravljanje sadržajem i angažiranje korisnika, uz puno usklađivanje s originalnim vizualnim identitetom.

Izgrađena kako bi se prvo fokusirala na mobilne uređaje i SEO, stranica podržava tri jezika - latvijski, engleski i ruski - i nudi fluidno korisničko iskustvo na svim uređajima. 2410 je pratio pristup preciznog HTML/CSS kodiranja, osiguravajući da frontend savršeno odražava odobrene dizajne.

Glavni izazov bio je integracija s ERP sistemom Visma Horizon. Uspostavljena je sinhronizacija podataka u stvarnom vremenu, omogućavajući automatska ažuriranja popisa proizvoda, dostupnosti i cijena bez ručnog unosa. Ova integracija osigurala je efikasnije upravljanje inventarom i poboljšanje operativne efikasnosti.

Pored kataloga, stranica uključuje dinamičko filtriranje proizvoda, personalizirane preporuke, odredišne stranice za ciljane kampanje i funkcije poput omiljenih i obrazaca narudžbi. Svaki je element izgrađen imajući na umu performanse i skalabilnost, stvarajući glatko iskustvo za korisnike i administratore.

Projekt je implementiran i pokrenut u zbijenom rasporedu od dva mjeseca, s fleksibilnošću ugrađenom u proces kako bi se prilagodio promjenama dizajna i sistemskim ulazima.

Saradnja je bila produktivna i detaljna, uz iterativne isporuke temeljene na pruženim dizajnima i poslovnoj logici. 2410 je pokazao fleksibilnost u rukovanju zakašnjelim unosima i blisko surađivao s klijentom kako bi integrirao složene vanjske sustave. Klijent je cijenio postupni pristup i nastavio angažovati 2410 na proširenim modulima kao što su sistem zaliha i personalizirane cijene.

- Igors, SIA METROKS

Ključne karakteristike isporučene

  • Struktura višejezične stranice (latvijski, ruski, engleski)
  • Dinamički katalog pločica s filtrima i pretragom
  • Sistem omiljenih i preporuka
  • Responzivni raspored za različite veličine ekrana
  • Admin panel za upravljanje sadržajem i korisnicima
  • Dostupnost zaliha integrirana iz vanjskog softvera
  • Email obavijesti i obrada obrazaca povratnih informacija
  • Izvoz PDF-a vidljivih stavki kataloga

Tehnološki stek

HTML/CSS/JavaScript Microsoft SQL Server 2017 Visma Horizon REST API Mailigen API Prilagođeni server sa statičkim IP pristupom

Rezultat

Završetak Projekta

U samo 2 mjeseca, 2410 je uspješno dostavio u potpunosti funkcionalnu, vizualno konzistentnu korporativnu web stranicu za METROKS. Stranica je izgrađena koristeći klijentov PSD raspored i unaprijeđena s bešavnom backend funkcionalnošću, pružajući istinsko vizualno precizno korisničko iskustvo.

Najveće postignuće projekta bila je robusna integracija s Visma Horizon ERP sistemom. Zahvaljujući tome, sve promjene proizvoda—poput cijena, opisa i dostupnosti—upravljane su iz jednog centralnog skladišnog sistema i trenutačno reflektirane na web stranici. Bez dvostrukih unosa. Bez kašnjenja.

Savjet: Dinamička sinhronizacija proizvoda pomogla je smanjenju administrativnog vremena i poboljšanju tačnosti kataloga.

Glavne Isporuke

  • Custom WordPress-based CMS za fleksibilno uređivanje sadržaja
  • Podrška za više jezika: latvijski, ruski i engleski
  • Uživo sinhronizacija podataka s ERP za ažurirane informacije o zalihama i proizvodima
  • Filteri pretrage, varijacije proizvoda i lako navigiranje katalogom
  • Moderan, mobilno optimiziran dizajn temeljen na vizualnoj preciznosti standardima

Frontend je čist, brz i visoko optimiziran za SEO. Korisnici uživaju u besprijekornom pretraživanju na svim uređajima, uz podršku funkcija kao što su:

  • Filteri proizvoda temeljenih na boji, veličini, materijalu, cijeni i više
  • Sistem omiljenih i interaktivan katalog
  • Prilagođene odredišne stranice za ciljane publike poput dizajnera i građevinara

Prije i Poslije

📌 Početna stranica

Stara Početna Stranica

Stara Početna Stranica

Stara Početna Stranica

Nova Početna Stranica

Nova Početna Stranica

Nova Početna Stranica

📌 Katalog Stranica

Stara Katalog Stranica

Stara Katalog Stranica

Stara Katalog Stranica

Nova Katalog Stranica

Nova Katalog Stranica

Nova Katalog Stranica

📌 Pretražni Filteri

Filteri za pretragu proizvoda

Filteri za pretragu proizvoda

Filteri za pretragu proizvoda

📌 Odredišna Stranica

Stara Odredišna Stranica

Stara Odredišna Stranica

Stara Odredišna Stranica

Nova Odredišna Stranica

Nova Odredišna Stranica

Nova Odredišna Stranica

📌 Stranica Kontakti

Stara Stranica Kontakti

Stara Stranica Kontakti

Stara Stranica Kontakti

Nova Stranica Kontakti

Nova Stranica Kontakti

Nova Stranica Kontakti

Napomena: Svi dizajni stranica razvijeni su kako bi ispunili Google Core Web Vitals i moderne standarde upotrebljivosti, osiguravajući vrhunske performanse i vidljivost u pretraživaču.

U konačnici, METROKS je dobio modernu, skalabilnu i jednostavnu za upravljanje online platformu koja podržava njihovo B2B i B2C poslovanje—pozicionirajući ih snažnije na konkurentnom tržištu pločica i podnih obloga.

Razmišljate o izgradnji sličnog sistema?

Ovde su neka od najčešćih pitanja koja čujemo od klijenata koji žele razviti prilagođenu web stranicu s administrativnom integracijom, kao što je projekt koji smo isporučili za METROKS. Ovi odgovori će vam pomoći da razumijete što je uključeno u kreiranje višejezične, responzivne platforme sa ERP sinhronizacijom i funkcijama kataloga proizvoda.