PROJEKT

Firemná webová stránka METROKS s dynamickým katalógom produktov, administráciou a integráciou externej databázy skladových zásob

Implementácia dizajnu webovej stránky, Vývoj frontendu (responzívna viacjazyčná stránka), Vývoj backendu s administráciou, Integrácia REST API s Visma Horizon, Dynamický katalóg a systém filtrovania, Funkcia exportu do PDF, Systém obľúbených položiek a odporúčaní, Zobrazenie a synchronizácia skladových zásob

  • Odvetvie: Distribúcia obkladov a dlažieb
  • Lotyšsko Lokalita: Lotyšsko
  • Čas dodania: 5 týždňov
  • Technológie: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Hodnotenie: 5/5
2 mesiacov

Zhrnutie

Problém

Zastaraná webová stránka a neprepojený produktový systém

Riešenie

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

Výsledok

Moderná viacjazyčná platforma spustená za 2 mesiace

Príbeh klienta

METROKS, lotyšská spoločnosť špecializujúca sa na predaj obkladov a služby interiérového dizajnu, používala zastaranú webovú stránku, ktorá už nezodpovedala rastu jej podnikania.

Investovali do vizuálneho dizajnu od externých dizajnérov, no potrebovali spoľahlivý tím, ktorý ho uvedie do života. Hľadali riešenie, ktoré zachová ich investíciu a zabezpečí rýchle dodanie, preto sa obrátili na 2410.

Kľúčovými prioritami bolo čo najpresnejšie dodržať pôvodný dizajn, rýchlo dodať plne funkčnú platformu a bezproblémovo ju integrovať s existujúcimi systémami. Výsledkom spolupráce bola moderná platforma podporujúca obchodné ciele a zjednodušujúca prevádzku.

Prehľad projektu

2410 vytvorila plne prispôsobenú responzívnu firemnú webovú stránku pre lotyšského distribútora obkladov METROKS podľa PSD návrhov externých dizajnérov klienta. Projekt zahŕňal vlastný backendový systém na správu obsahu a interakciu používateľov pri zachovaní pôvodnej vizuálnej identity.

Stránka bola vytvorená s prístupom mobile-first a s ohľadom na SEO. Podporuje tri jazyky - lotyštinu, angličtinu a ruštinu - a ponúka plynulé používanie na všetkých zariadeniach. 2410 použila pixelovo presný prístup k HTML/CSS kódovaniu, takže frontend presne zodpovedá schváleným návrhom.

Jednou z hlavných výziev bola integrácia ERP systému Visma Horizon. Zaviedla sa synchronizácia údajov v reálnom čase, ktorá umožňuje automatické aktualizácie produktov, dostupnosti a cien bez manuálneho zadávania. Integrácia zjednodušila správu zásob a zvýšila prevádzkovú efektivitu.

Stránka ponúka viac než len katalóg: dynamické filtrovanie produktov, personalizované odporúčania, vstupné stránky pre cielené kampane, obľúbené položky a objednávkové formuláre. Každý prvok bol vytvorený s ohľadom na výkon a škálovateľnosť, čo prináša plynulé používanie používateľom aj administrátorom.

Projekt bol implementovaný a spustený v náročnom dvojmesačnom termíne, pričom proces zostal flexibilný, aby zohľadnil priebežne sa meniace návrhy a systémové podklady.

Spolupráca bola produktívna a detailná, s priebežným odovzdávaním výstupov podľa dodaných návrhov a obchodnej logiky. 2410 flexibilne reagovala na oneskorené podklady a úzko spolupracovala s klientom pri integrácii komplexných externých systémov. Klient ocenil postupný prístup a naďalej využíval služby 2410 pri rozširovaní modulov, ako sú skladový systém a personalizované ceny.

- Igors, SIA METROKS

Dodané kľúčové funkcie

  • Viacjazyčná štruktúra stránky (lotyština, ruština, angličtina)
  • Dynamický katalóg obkladov s filtrami a vyhľadávaním
  • Systémy obľúbených položiek a odporúčaní
  • Responzívne rozloženie pre rôzne veľkosti obrazoviek
  • Administrácia na správu obsahu a používateľov
  • Dostupnosť skladových zásob integrovaná z externého softvéru
  • E-mailové notifikácie a správa formulárov spätnej väzby
  • Export viditeľných položiek katalógu do PDF

Technologický stack

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

Výsledok

Dokončenie projektu

Za 2 mesiace , 2410 úspešne dodala plne funkčnú a vizuálne konzistentnú firemnú webovú stránku pre METROKS . Stránka bola vytvorená podľa PSD návrhu klienta a doplnená o bezproblémové backendové funkcie, vďaka čomu ponúka skutočne pixelovo presný používateľský zážitok.

Najväčším úspechom projektu bola robustná integrácia ERP systému Visma Horizon . Vďaka nej sa všetky zmeny produktov, ako sú ceny, popisy a dostupnosť, spravujú v jednom centrálnom skladovom systéme a okamžite sa zobrazia na webovej stránke. Žiadne duplicitné zadávanie. Žiadne oneskorenia.

Tip: Dynamická synchronizácia produktov pomohla znížiť čas administrácie a zvýšiť presnosť katalógu.

Kľúčové výstupy

  • Vlastný CMS na báze WordPressu pre flexibilnú úpravu obsahu
  • Podpora viacerých jazykov: lotyština, ruština a angličtina
  • Živá synchronizácia údajov s ERP pre skladové a produktové informácie v reálnom čase
  • Vyhľadávacie filtre, varianty produktov a používateľsky prívetivá navigácia katalógom
  • Moderný dizajn optimalizovaný pre mobilné zariadenia podľa štandardov Pixel Perfect

Frontend je čistý, rýchly a výrazne optimalizovaný pre SEO. Používatelia si užívajú plynulé prehliadanie na rôznych zariadeniach vďaka funkciám, ako sú:

  • Filtre produktov podľa farby, veľkosti, materiálu, ceny a ďalších kritérií
  • Systém obľúbených položiek a interaktívny katalóg
  • Vlastné vstupné stránky pre cielené skupiny, napríklad dizajnérov a stavbárov

Predtým a potom

Úvodná stránka

Old Home Page
Stará úvodná stránka
New Home Page
Nová úvodná stránka

Stránka katalógu

Old Catalog Page
Stará stránka katalógu
New Catalog Page
Nová stránka katalógu

Vyhľadávacie filtre

Product Search Filter
Filter vyhľadávania produktov

Vstupná stránka

Old Landing Page
Stará vstupná stránka
New Landing Page
Nová vstupná stránka

Kontaktná stránka

Old Contact Page
Stará kontaktná stránka
New Contact Page
Nová kontaktná stránka

Poznámka: Všetky návrhy stránok boli vytvorené podľa požiadaviek Google Core Web Vitals a moderných štandardov použiteľnosti, čo zabezpečuje špičkový výkon a viditeľnosť vo vyhľadávaní.

METROKS napokon získala modernú, škálovateľnú a ľahko spravovateľnú online platformu, ktorá podporuje B2B aj B2C aktivity a posilňuje jej pozíciu na konkurenčnom trhu obkladov a podlahových krytín.

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

Tu sú niektoré z najčastejších otázok, ktoré dostávame od klientov, ktorí chcú vytvoriť vlastnú webovú stránku s backendovou integráciou, podobnú projektu dodanému pre METROKS. Odpovede vám pomôžu pochopiť, čo obnáša vytvorenie viacjazyčnej responzívnej platformy so synchronizáciou ERP a funkciami produktového katalógu.