PROJEKT

Firemná webstránka pre METROKS s dynamickým katalógom produktov, administratívnym panelom a integráciou s externou databázou skladov

Implementácia dizajnu webstránky, Frontend vývoj (responzívna, viacjazyčná stránka), Backend vývoj s administratívnym panelom, Integrácia REST API s Visma Horizon, Dynamický katalóg a systém filtrovania, Funkcionalita exportu do PDF, Systém obľúbených a odporúčaní, Zobrazenie a synchronizácia zásob

  • Odvetvie: Distribúcia dlaždíc
  • Lotyšsko Umiestnenie: Lotyšsko
  • Čas dodania: 5 týždne
  • Technológie: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Hodnotený: 5/5
2 mesiace

Zhrnutie

Problém

Zastaralá webstránka a nesúvisiaci produktový systém

Riešenie

Responzívna stránka s ERP integráciou a vlastným CMS

Výsledok

Spustená moderná, viacjazyčná platforma v 2 mesiacoch

Príbeh klienta

METROKS, lotyšská spoločnosť špecializujúca sa na predaj dlaždíc a služby interiérového dizajnu, prevádzkovala zastaralú webstránku, ktorá už neodrážala jej rastúci biznis.

Investovali do vizuálneho dizajnu od externých dizajnérov, ale potrebovali spoľahlivý tím, ktorý ho privedie k životu. Hľadali riešenie, ktoré by zachovalo ich investíciu a zabezpečilo rýchle doručenie, takže sa rozhodli pre spoluprácu s 2410.

Kľúčovými prioritami bolo presné dodržanie pôvodného dizajnu, rýchle doručenie plne funkčnej platformy a plynulé zapracovanie do existujúcich systémov. Spolupráca viedla k modernej platforme, ktorá podporuje ich obchodné ciele a zjednodušuje prevádzku.

Prehľad projektu

2410 vyvinuli plne prispôsobenú, responzívnu firemnú webstránku pre METROKS, lotyšského distribútora dlaždíc, na základe PSD návrhov poskytnutých externými dizajnérmi klienta. Projekt zahŕňal prispôsobený backend systém, umožňujúci správu obsahu a zapojenie používateľov, pričom sa zabezpečilo plné zosúladenie s pôvodnou vizuálnou identitou.

Webstránka bola navrhnutá s ohľadom na mobilné zariadenia a SEO, podporuje tri jazyky - lotyšský, anglický a ruský - a ponúka plynulý používateľský zážitok na všetkých zariadeniach. 2410 použili prístup kódovania HTML/CSS presnosťou na pixel, zabezpečujúci presný vzhľad frontend podľa schválených návrhov.

Hlavnou výzvou bola integrácia systému ERP Visma Horizon. Bola vytvorená synchronizácia údajov v reálnom čase, ktorá umožňuje automatické aktualizácie zoznamov produktov, dostupnosti a cenotvorby bez manuálneho vstupu. Táto integrácia poskytla hladkú správu inventára a zlepšenie prevádzkovej efektivity.

Webstránka zahŕňa okrem katalógu dynamické filtrovanie produktov, personalizované odporúčania, úvodné stránky pre cielené kampane a funkcie ako obľúbené a objednávkové formuláre. Každý prvok bol navrhnutý s ohľadom na výkon a škálovateľnosť, čo vytvára hladký zážitok pre používateľov aj administrátorov.

Projekt bol realizovaný a spustený v uzávierkovom dvojmesačnom harmonograme, s pružnosťou integrovanou do procesu, aby sa zohľadnili meniace sa návrhové a systémové vstupy.

Spolupráca bola produktívna a detailná, s postupnými dodávkami podľa poskytnutých návrhov a obchodnej logiky. 2410 ukázali flexibilitu pri riešení oneskorených vstupov a úzko spolupracovali s klientom na integrácii zložitých externých systémov. Klient ocenil postupný prístup a naďalej spolupracoval s 2410 na rozšírených moduloch, ako je systém zásob a personalizované ceny.

- Igors, SIA METROKS

Dodané hlavné prvky

  • Viacjazyčná štruktúra stránky (lotyšská, ruská, anglická)
  • Dynamický katalóg dlaždíc s filtrami a vyhľadávaním
  • Systémy obľúbených a odporúčaní
  • Responzívne rozloženie pre rôzne veľkosti obrazoviek
  • Administratívny panel pre správu obsahu a používateľov
  • Dostupnosť zásob integrovaná z externého softvéru
  • Spracovanie e-mailových notifikácií a spätnej väzby
  • Export do PDF viditeľných položiek katalógu

Technologický zásobník

HTML/CSS/JavaScript Microsoft SQL Server 2017 Visma Horizon REST API Mailigen API Vlastný server s prístupom cez statickú IP

Výsledok

Ukončenie projektu

Za len 2 mesiace 2410 úspešne doručili plne funkčnú, vizuálne konzistentnú firemnú webstránku pre METROKS. Stránka bola vytvorená pomocou PSD návrhu klienta a rozšírená o bezchybnú funkcionalitu backendu, poskytujúcu skutočne nezávislý od pixelov používateľský zážitok.

Najväčším úspechom projektu bola robustná integrácia so systémom ERP Visma Horizon. Vďaka tomu sú všetky zmeny produktov - ako je cenotvorba, popisy a dostupnosť - spravované z jedného centrálneho skladu a okamžite zobrazené na webstránke. Žiadne duálne zápisy. Žiadne oneskorenia.

Tip: Dynamická synchronizácia produktov pomohli znížiť administratívny čas a zlepšiť presnosť katalógu.

Hlavné dodávky

  • Vlastný CMS na báze WordPress pre flexibilné úpravy obsahu
  • Multijazyková podpora: lotyšská, ruská a anglická
  • Živá synchronizácia dát s ERP pre aktuálne informácie o zásobách a produktoch
  • Vyhľadávacie filtre, produktové varianty a používateľsky príjemná navigácia katalógu
  • Moderný, na mobil optimalizovaný dizajn založený na štandardoch Pixel Perfect

Frontend je čistý, rýchly a vysoko optimalizovaný pre SEO. Používatelia si užívajú plynulé prezeranie na všetkých zariadeniach, podporené funkciami ako:

  • Filtre produktov na základe farby, veľkosti, materiálu, ceny a ďalších
  • Systém obľúbených a interaktívny katalóg
  • Úvodné stránky šité na mieru pre cieľové skupiny ako dizajnéri a stavbári

Pred & po

📌 Úvodná stránka

Stará úvodná stránka

Stará úvodná stránka

Stará úvodná stránka

Nová úvodná stránka

Nová úvodná stránka

Nová úvodná stránka

📌 Katalógová stránka

Stará katalógová stránka

Stará katalógová stránka

Stará katalógová stránka

Nová katalógová stránka

Nová katalógová stránka

Nová katalógová stránka

📌 Vyhľadávacie filtre

Filter vyhľadávania produktov

Filter vyhľadávania produktov

Filter vyhľadávania produktov

📌 Úvodná stránka

Stará úvodná stránka

Stará úvodná stránka

Stará úvodná stránka

Nová úvodná stránka

Nová úvodná stránka

Nová úvodná stránka

📌 Kontaktná stránka

Stará kontaktná stránka

Stará kontaktná stránka

Stará kontaktná stránka

Nová kontaktná stránka

Nová kontaktná stránka

Nová kontaktná stránka

Poznámka: Všetky návrhy stránok boli vyvinuté s cieľom splniť Google Core Web Vitals a moderné štandardy použiteľnosti, zabezpečujúce špičkový výkon a viditeľnosť vo vyhľadávačoch.

Nakoniec METROKS získali modernú, škálovateľnú a ľahko spravovateľnú online platformu, ktorá podporuje ich B2B a B2C operácie, čím sú silnejšie na konkurenčnom trhu s dlaždicami a podlahovými krytinami.

Uvažujete o vytvorení podobného systému?

Tu sú niektoré z najčastejších otázok, ktoré počúvame od klientov, ktorí chcú developerať zákazkovú webstránku s integráciou na backend, ako je projekt, ktorý sme dodali pre METROKS. Tieto odpovede vám pomôžu pochopiť, čo je potrebné na vytvorenie viacjazyčnej, responzívnej platformy s ERP synchronizáciou a katalógovými funkciami.