PROJEKT

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

Implementace designu webu, Frontend vývoj (responzivní 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 do PDF, Systém oblíbených položek a doporučení, Zobrazení a synchronizace skladových zásob

  • Obor: Distribuce obkladů a dlažby
  • Lotyšsko Lokalita: Lotyšsko
  • Doba realizace: 5 týdnů
  • Technologie: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Hodnocení: 5/5
2 měsíců

Shrnutí

Problém

Zastaralý web a nepropojený systém produktů

Řešení

Responzivní web s integrací ERP a CMS na míru

Výsledek

Moderní vícejazyčná platforma spuštěná za 2 měsíce

Příběh klienta

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

Investovala do vizuálního designu od externích designérů, ale potřebovala spolehlivý tým, který by jej převedl do reality. S cílem zachovat tuto investici a zajistit rychlou realizaci navázala spolupráci s 2410.

Hlavními prioritami bylo přesně dodržet původní design, rychle dodat plně funkční platformu a bezproblémově ji propojit s existujícími systémy. Výsledkem spolupráce byla moderní platforma podporující obchodní cíle a zjednodušující provoz.

Přehled projektu

2410 vytvořilo plně přizpůsobený responzivní firemní web pro lotyšského distributora obkladů METROKS podle PSD návrhů dodaných externími designéry klienta. Projekt zahrnoval backendový systém na míru pro správu obsahu a zapojení uživatelů při zachování původní vizuální identity.

Web byl vytvořen s důrazem na mobilní zařízení a SEO. Podporuje tři jazyky - lotyštinu, angličtinu a ruštinu - a nabízí plynulé používání na všech zařízeních. 2410 použilo pixel-perfect přístup ke kódování HTML/CSS, takže frontend přesně odpovídá schváleným návrhům.

Velkou výzvou byla integrace ERP systému Visma Horizon. Byla nastavena synchronizace dat v reálném čase, která umožňuje automatické aktualizace produktů, dostupnosti a cen bez ručního zadávání. Integrace zjednodušila správu zásob a zvýšila provozní efektivitu.

Web nabízí více než jen katalog: dynamické filtrování produktů, personalizovaná doporučení, landing pages pro cílené kampaně a funkce jako oblíbené položky či objednávkové formuláře. Každý prvek byl navržen s ohledem na výkon a škálovatelnost, aby poskytl hladký zážitek uživatelům i administrátorům.

Projekt byl implementován a spuštěn v krátkém termínu dvou měsíců. Proces zároveň zůstal flexibilní, aby zohlednil průběžně se měnící návrhy a systémové podklady.

Spolupráce byla produktivní a detailní, s průběžným předáváním výstupů podle dodaných návrhů a obchodní logiky. 2410 prokázalo flexibilitu při řešení opožděných podkladů a úzce spolupracovalo s klientem na integraci komplexních externích systémů. Klient ocenil postupný přístup a pokračoval ve spolupráci s 2410 na rozšířených modulech, jako je skladový systém a personalizované ceny.

- Igors, SIA METROKS

Dodané klíčové funkce

  • Vícejazyčná struktura webu (lotyština, ruština, angličtina)
  • Dynamický katalog obkladů s filtrováním a vyhledáváním
  • Systém oblíbených položek a doporučení
  • Responzivní rozvržení pro různé velikosti obrazovek
  • Administrační panel pro správu obsahu a uživatelů
  • Dostupnost skladových zásob z externího softwaru
  • E-mailová upozornění a zpracování formulářů zpětné vazby
  • Export viditelných položek katalogu do PDF

Technologický stack

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

Výsledek

Dokončení projektu

Za pouhé 2 měsíce 2410 úspěšně dodalo plně funkční a vizuálně konzistentní firemní web pro METROKS . Web vycházel z PSD návrhu klienta a byl doplněn o bezproblémovou backendovou funkcionalitu, která zajistila skutečně pixel-perfect uživatelský zážitek.

Největším úspěchem projektu byla robustní integrace ERP systému Visma Horizon . Díky ní se všechny změny produktů - například ceny, popisy a dostupnost - spravují v jednom centrálním skladovém systému a okamžitě se promítají na web. Žádné dvojí zadávání. Žádná zpoždění.

Tip: Dynamická synchronizace produktů pomohla zkrátit čas administrace a zvýšit přesnost katalogu.

Klíčové výstupy

  • CMS na bázi WordPressu pro flexibilní úpravu obsahu
  • Podpora více jazyků: lotyština, ruština a angličtina
  • Živá synchronizace dat s ERP pro skladové zásoby a informace o produktech v reálném čase
  • Vyhledávací filtry, varianty produktů a uživatelsky přívětivá navigace katalogem
  • Moderní design optimalizovaný pro mobilní zařízení podle standardů Pixel Perfect

Frontend je čistý, rychlý a vysoce optimalizovaný pro SEO. Uživatelé si užívají plynulé procházení webu na všech zařízeních díky funkcím, jako jsou:

  • Filtrování produktů podle barvy, velikosti, materiálu, ceny a dalších parametrů
  • Systém oblíbených položek a interaktivní katalog
  • Landing pages přizpůsobené cílovým skupinám, například designérům a stavebníkům

Předtím a potom

Domovská stránka

Old Home Page
Stará domovská stránka
New Home Page
Nová domovská stránka

Stránka katalogu

Old Catalog Page
Stará stránka katalogu
New Catalog Page
Nová stránka katalogu

Vyhledávací filtry

Product Search Filter
Filtr vyhledávání produktů

Landing page

Old Landing Page
Stará landing page
New Landing Page
Nová landing page

Kontaktní stránka

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

Poznámka: Všechny návrhy stránek byly vytvořeny podle požadavků Google Core Web Vitals a moderních standardů použitelnosti, což zajišťuje špičkový výkon a viditelnost ve vyhledávání.

METROKS nakonec získalo moderní, škálovatelnou a snadno spravovatelnou online platformu, která podporuje jeho B2B i B2C aktivity a posiluje jeho pozici na konkurenčním trhu obkladů a podlahových krytin.

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

Zde jsou některé z nejčastějších otázek, které slýcháme od klientů, kteří chtějí vytvořit vlastní web s backendovou integrací, podobně jako projekt dodaný pro METROKS. Odpovědi vám pomohou pochopit, co obnáší vytvoření vícejazyčné responzivní platformy se synchronizací ERP a funkcemi produktového katalogu.