PROJEKT

Firemní web pro METROKS s dynamickým katalogem produktů, administračním panelem a integrací s externí databází skladů

Implementace návrhu webu, Frontend vývoj (responsivní, vícejazyčný web), Backend vývoj s administračním panelem, Integrace REST API s Visma Horizon, Dynamický katalog a systém filtrování, Funkce exportu PDF, Systém oblíbených položek a doporučení, Zobrazení a synchronizace skladů

  • Průmysl: Distribuce obkladů
  • Lotyšsko Místo: Lotyšsko
  • Doba dodání: 5 týdnů
  • Technologie: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Hodnoceno: 5/5
2 měsíců

Shrnutí

Problém

Zastaralý web a rozpojený systém produktů

Řešení

Responsivní web s integrací ERP a vlastním CMS

Výsledek

Spuštěna moderní, vícejazyčná platforma za 2 měsíce

Příběh klienta

METROKS, lotyšská společnost specializující se na prodej obkladů a interiérové designové služby, provozovala zastaralý web, který již neodrážel jejich rostoucí podnikání.

Investovali do vizuálního návrhu od třetích stran, ale potřebovali spolehlivý tým, který by jej oživil. Hledali řešení, které by zachovalo jejich investice a zajistilo rychlé dodání, proto se spojili s 2410.

Hlavní priority byly pečlivě dodržovat původní návrh, rychle dodat plně funkční platformu a bezproblémově ji integrovat s existujícími systémy. Spolupráce vedla k moderní platformě, která podporuje jejich obchodní cíle a zjednodušuje provoz.

Přehled projektu

2410 vyvinula plně přizpůsobený, responsivní firemní web pro METROKS, lotyšského distributora obkladů, na základě PSD návrhů dodaných externími designéry klienta. Projekt zahrnoval přizpůsobený backend systém, umožňující správu obsahu a zapojení uživatelů, a zároveň zajišťující plné sladění s původní vizuální identitou.

Web byl vytvořen s ohledem na přístupů mobilního používání a SEO, podporuje tři jazyky - lotyštinu, angličtinu a ruštinu - a nabízí plynulý uživatelský zážitek na všech zařízeních. 2410 následovala pixel-perfektní přístup ke kódování HTML/CSS, zajišťující, že frontend přesně zrcadlí schválené návrhy.

Velkou výzvou bylo integrovat systém ERP Visma Horizon. Byla zavedena synchronizace dat v reálném čase, umožňující automatické aktualizace seznamů produktů, dostupnosti a cen bez ručního vstupu. Tato integrace poskytla zefektivněnou správu skladů a zlepšila provozní efektivitu.

Kromě katalogu obsahuje web dynamické filtrování produktů, personalizovaná doporučení, přistávací stránky pro cílené kampaně a funkce jako oblíbené položky a objednávkové formuláře. Každý prvek byl vytvořen s ohledem na výkon a škálovatelnost, čímž vznikl plynulý zážitek pro uživatele i administrátory.

Projekt byl realizován a spuštěn během těsného dvouměsíčního plánu, s flexibilitou vestavěnou do procesu, aby bylo možné reagovat na měnící se návrhové a systémové vstupy.

Spolupráce byla produktivní a podrobná s postupnými dodávkami na základě poskytnutých návrhů a obchodní logiky. 2410 prokázala flexibilitu při zpracovávání zpožděných vstupů a úzce spolupracovala se zákazníkem na integraci složitých externích systémů. Zákazník ocenil postupný přístup a pokračoval ve spolupráci s 2410 na rozšířených modulech jako skladový systém a personalizované ceny.

- Igors, SIA METROKS

Klíčové dodané funkce

  • Vícejazyčná struktura stránek (lotyština, ruština, angličtina)
  • Dynamický katalog obkladů s filtry a vyhledáváním
  • Systémy oblíbených položek a doporučení
  • Responsivní rozložení pro různé velikosti obrazovek
  • Administrační panel pro správu obsahu a uživatelů
  • Dostupnost skladu integrovaná z externího softwaru
  • E-mailová upozornění a zpracování formulářů s připomínkami
  • Export viditelných položek katalogu do PDF

Technologický stack

HTML/CSS/JavaScript Microsoft SQL Server 2017 Visma Horizon REST API Mailigen API Vlastní server s přístupem přes statickou IP

Výsledek

Dokončení projektu

Během pouhých 2 měsíců 2410 úspěšně dodala plně funkční, vizuálně konzistentní firemní web pro METROKS. Stránka byla postavena podle klientova layoutu PSD a obohacena o hladkou funkcionalitu backendu, poskytující opravdový pixel-perfektní uživatelský zážitek.

Největším úspěchem projektu byla robustní integrace s ERP systémem Visma Horizon. Díky tomu jsou všechny změny produktů - jako ceny, popisy a dostupnost - spravovány z jednoho centrálního systému skladu a okamžitě reflektovány na webu. Žádné dvojité záznamy. Žádná zpoždění.

Tip: Dynamická synchronizace produktů pomohla snížit čas správy a zlepšit přesnost katalogu.

Klíčové dodávky

  • Vlastní CMS založené na WordPressu pro flexibilní úpravu obsahu
  • Podpora více jazyků: lotyština, ruština a angličtina
  • Živá datová synchronizace s ERP pro reálné informace o zásobách a produktech
  • Vyhledávací filtry, varianty produktů a přívětivá navigace v katalogu
  • Moderní, mobilně optimalizovaný design založený na Pixel Perfect standardech

Frontend je čistý, rychlý a vysoce optimalizovaný pro SEO. Uživatelé si užívají plynulý prohlížeč na všech zařízeních, podpořený funkcemi jako:

  • Filtry produktů na základě barvy, velikosti, materiálu, ceny a dalších
  • Systém oblíbených položek a interaktivní katalog
  • Přizpůsobené přistávací stránky pro cílové publikum jako jsou designéři a stavitelé

Před & Po

📌 Domovská Stránka

Starý Domovská Stránka

Starý Domovská Stránka

Starý Domovská Stránka

Nová Domovská Stránka

Nová Domovská Stránka

Nová Domovská Stránka

📌 Stránka Katalogu

Starý Stránka Katalogu

Starý Stránka Katalogu

Starý Stránka Katalogu

Nová Stránka Katalogu

Nová Stránka Katalogu

Nová Stránka Katalogu

📌 Filtrování Vyhledávání

Filtrování Vyhledávání Produktů

Filtrování Vyhledávání Produktů

Filtrování Vyhledávání Produktů

📌 Přistávací Stránka

Starý Přistávací Stránka

Starý Přistávací Stránka

Starý Přistávací Stránka

Nová Přistávací Stránka

Nová Přistávací Stránka

Nová Přistávací 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šechny návrhy stránek byly vyvinuty tak, aby splňovaly standardy Google Core Web Vitals a moderní kritéria použitelnosti, zajišťující špičkový výkon a viditelnost ve vyhledávání.

V konečném důsledku METROKS získal moderní, škálovatelnou a snadno spravovatelnou online platformu, která podporuje jejich B2B i B2C operace—posilující jejich postavení na konkurenčním trhu s obklady a podlahami.

Přemýšlíte o vytvoření podobného systému?

Zde jsou některé z nejčastějších otázek, které slyšíme od klientů, kteří chtějí vyvinout zakázkovou webovou stránku s integrací backendu, jako je projekt, který jsme realizovali pro METROKS. Tyto odpovědi vám pomohou pochopit, co vše obnáší vytvoření vícejazyčné, responsivní platformy se synchronizací ERP a funkcemi katalogu produktů.