Preskočiť na hlavný obsahNové na bloguShopify stavia AI asistenta na Claude. Čo z toho plynie pre slovenské e-shopy?
← Späť na prípadové štúdie·Shoptet Premium · 2024 · Spolupráca trvá dodnes
MUSIC CITY & HENRY'S MUSIC

Tri e-shopy pre predajcu hudobných nástrojov — Helios iNuvio,
zmenová fronta so 73 typmi
a ISIC zľavy.

MUSIC CITY & HENRY'S MUSIC — case study

Pre skupinu AudioMaster — prevádzkovateľa predajní hudobných nástrojov Music City a Henry's Music — sme postavili tri Shoptet Premium e-shopy (Music-city.cz, Music-city.sk, Henrysmusic.com) s napojením na ERP Helios iNuvio cez vlastnú komunikačnú medzivrstvu. Kľúčom je zmenová fronta so 73 typmi zmenových požiadaviek pre automatickú synchronizáciu kategórií, produktov a objednávok. ISIC študentské zľavy, piktogramy na produktoch, automatické SEO titulky, SLA Business FE + BE.

3 inštancie
E-shopy
Music City CZ · SK · Henry's Music
73 typov
Zmenová fronta
pre Helios iNuvio
Helios iNuvio
ERP integrácia
cez komunikačnú medzivrstvu
Postavené na
Shoptet Premium · 3× inštancia
Klient
Music City & Henry's Music (AudioMaster group)
Segment
Hudobné nástroje · Maloobchod · B2C
Služby
E-shopy na mieru · Helios iNuvio · Zmenová fronta · ISIC · SEO · SLA
Platforma
Shoptet Premium (3× inštancia)
Rok
2024 — ongoing
Integrácie
Helios iNuvio + vlastný middleware
01 · Výzva

Tri e-shopy, jeden ERP,
tisíce produktových zmien denne
.

Skupina AudioMaster prevádzkuje sieť predajní hudobných nástrojov pod dvoma značkami: Music City ako domáci brand (CZ + SK) a Henry's Music ako medzinárodný e-shop. Každá značka má vlastnú Shoptet Premium inštanciu s unikátnym grafickým dizajnom — celkovo tri inštancie zdieľajúce jeden ERP systém Helios iNuvio ako zdroj pravdy pre produktový katalóg, sklady, ceny a objednávky. Pôvodné riešenie prestalo stačiť — rozsah katalógu a frekvencia zmien vyžadovali architektonicky silnejší základ.

Kľúčovou technickou výzvou bol objem a frekvencia zmien prichádzajúcich z Heliosu. Tisíce produktov, desiatky kategórií, ceny, sklady, obrázky, popisy, DPH sadzby — všetko sa mení priebežne a musí sa okamžite premietnuť do všetkých troch e-shopov. Štandardný polling alebo push integrácie nestačili. Riešením je zmenová fronta : Helios iNuvio generuje frontu zmenových požiadaviek (73 typov — kategórie, produkty, objednávky), komunikačná medzivrstva ju vyčíta, spracúva pre všetky tri inštancie a potvrdzuje prijatie späť do Heliosu. Každá zmena je spracovaná presne raz, v správnom poradí, pre všetky e-shopy súčasne.

Nadväzujúce fázy rozširovali systém o funkcionality špecifické pre segment hudobných nástrojov: ISIC študentské zľavy (overenie cez API, automatické vloženie kódu), piktogramy na produktoch s administráciou v KM (platnosť od-do, väzba na značku/kategóriu/produkt/príznak), infoboxy na detaile produktu, automatické SEO titulky pre produkty a brandy, zobrazenie skladovej dostupnosti na konkrétnych predajniach a automatické popisky obrázkov pre SEO.

02 · Náš prístup

Debrief, tri inštancie, Helios iNuvio, zmenová fronta — rok vývoja.

012024 / Q1

Debrief a architektúra

Debrief a predprojektová príprava (3 MD). Návrh architektúry komunikačnej medzivrstvy pre tri Shoptet Premium inštancie a Helios iNuvio. Definícia dátových tokov, DB štruktúr, API napojenia.

022024 / Q1–Q2

Music City CZ + SK

Unikátny wireframe a grafický návrh Music City. Kódovanie na Shoptet Premium — plne responzívne. Generické stránky, HERO bannery, napojenie Helios iNuvio pre CZ + SK inštanciu, feedové sklady, ISIC karta, report tovaru, infobox, zľavové kupóny, presmerovanie URL, testovanie, spustenie.

032024 / Q1–Q2

Henry's Music

Unikátny wireframe a grafický návrh Henry's Music (medzinárodný e-shop). Kódovanie na Shoptet Premium , automatické preklady, napojenie Helios iNuvio, presmerovanie URL Henrysmusic.com, testovanie, spustenie.

042024 / Q2–Q3

Systémové rozšírenie

Skladová dostupnosť na detaile produktu (tabuľková forma). Filtrovanie podľa skladovej zásoby na predajniach. Automatické skrývanie prázdnych kategórií. SEO produkty a brandy (automatické titulky). Sady/sety s ručným pomerom ceny. Presun HM pod PMC infraštruktúru.

052024 / Q4 — 2025

Zmenová fronta + rozvoj

Realizácia zmenovej fronty (73 typov zmenových požiadaviek — kategórie, produkty, objednávky, spätný prenos). Piktogramy na produktoch s administráciou v KM. Automatické popisky obrázkov pre SEO. Frontend úpravy (hlavička, carousel, infoboxy, filtre). SLA Business FE + BE.

03 · Riešenie

Zmenová fronta pre 73 typov požiadaviek. Tri inštancie z jedného Heliosu

Architektúra troch inštancií

Tri Shoptet Premium inštancie — Music-city.cz, Music-city.sk a Henrysmusic.com — zdieľajú jednu komunikačnú medzivrstvu napájajúcu ERP Helios iNuvio . Medzivrstva riadi prenos produktov, kategórií, skladov, cien, obrázkov, popisov, DPH sadzieb a objednávok pre všetky tri inštancie súčasne. Každá inštancia má vlastný unikátny grafický dizajn a vlastnú konfiguráciu — obsah zdieľa, vizuál nie.

Zmenová fronta so 73 typmi požiadaviek

Kľúčom k synchronizácii katalógu medzi Heliosom a tromi e-shopmi je zmenová fronta . Helios iNuvio generuje frontu zmenových požiadaviek — 73 typov pokrývajúcich kategórie (vytvorenie, úprava, zmazanie, viditeľnosť), produkty (názov, popis, cena, obrázky, sklady, DPH, labely, varianty) a objednávky (doprava, platba, položky, kontakty). Komunikačná medzivrstva frontu pravidelne vyčíta, spracúva každú požiadavku pre všetky tri inštancie a potvrdzuje prijatie späť do Heliosu — každá zmena je spracovaná presne raz . Automatické joby a strážne procesy zaisťujú, že fronta nikdy neuviazne.

Zmenová fronta so 73 typmi požiadaviek

Piktogramy, infoboxy a SEO automatizácia

Tri funkcionality špecifické pre segment hudobných nástrojov zvyšujú konverziu na produktovej stránke. Piktogramy — grafické štítky cez hlavné foto produktu s administráciou v KM (platnosť od-do, väzba na značku/kategóriu/produkt/príznak, viac piktogramov naraz). Infoboxy — farebné informačné boxy na detaile produktu s nastaviteľným obsahom, platnosťou a väzbou. SEO titulky — automatické generovanie title tagov pre produkty a brandy podľa prednastavených šablón, bez manuálnej práce redaktora. Popisky obrázkov sa generujú automaticky vo formáte bez diakritiky a medzier — pripravené pre SEO crawlery.

Piktogramy, infoboxy a SEO automatizácia
04 · Kľúčové momenty

Štyri rozhodnutia, ktoré systém držia

Architektúra
01

Zmenová fronta so 73 typmi požiadaviek — škálovateľná synchronizácia

Polling ani webhooky nestačia na objem zmien v katalógu hudobných nástrojov. Zmenová fronta obracia logiku: Helios iNuvio sám generuje zoznam čo sa zmenilo, medzivrstva to spracuje v správnom poradí a potvrdí prijatie. 73 typov požiadaviek pokrýva kompletný lifecycle produktu od vzniku po zmazanie. Fronta funguje pre všetky tri inštancie súčasne — jeden zdroj pravdy, tri synchronizované e-shopy.

Helios iNuvioZmenová frontaShoptet PremiumKomunikačná medzivrstva73 typovMulti-instance
Produktová stránka
02

Piktogramy + infoboxy — konverzné prvky so správou v KM

Zákazník rozhodujúci sa medzi gitarami potrebuje rýchle vizuálne signály: „Novinka“, „Výpredaj“, „Iba skladom“. Piktogramy (grafické štítky cez foto) a infoboxy (textové boxy s farbou a platnosťou) sa spravujú priamo v administrácii komunikačnej medzivrstvy — marketingový tím nastaví akciu bez zásahu vývojára, automaticky pre všetky tri e-shopy.

PiktogramyInfoboxyAdministrácia KMShoptet PremiumMulti-instance
SEO
03

Automatické SEO titulky a popisky obrázkov — bez manuálnej práce

Katalóg tisícov produktov nemožno spravovať manuálne z pohľadu SEO. Automatické generovanie title tagov pre produkty ( názov | Henry's Music alebo názov | Music City ) a pre brandy (statický text s názvom brandu) zaisťuje konzistentnú SEO štruktúru bez redaktorskej práce. Popisky obrázkov sa generujú automaticky vo formáte [Názov produktu]-Hlavný-obrázok — bez diakritiky, pripravené pre SEO crawlery.

SEO automatizáciaTitle tagyPopisky obrázkovShoptet PremiumHelios iNuvio
ISIC
04

ISIC študentské zľavy — overenie v reálnom čase, automatické vloženie kódu

Študenti tvoria kľúčový segment zákazníkov hudobného e-shopu. ISIC integrácia overuje platnosť karty cez ISIC API v reálnom čase a automaticky vloží predgenerovaný 30% zľavový kód do košíka cez JavaScript. Zákazník zadá číslo karty — systém urobí zvyšok. Žiadna manuálna správa kódov, žiadne zneužitie neplatných kariet.

ISIC APIZľavový kódShoptet PremiumJavaScriptPool kódov
05 · Výsledky

Čo sme postavili.

Tri produkčné e-shopy z jedného Heliosu

Music-city.cz, Music-city.sk a Henrysmusic.com synchronizované cez zmenovú frontu — každá zmena v Heliose sa okamžite premietne do všetkých troch inštancií.

Zmenová fronta ako základ spoľahlivej synchronizácie

73 typov zmenových požiadaviek, automatické joby, strážne procesy, potvrdenie späť do Heliosu. Žiadna stratená zmena, žiadny neaktuálny katalóg.

Produktová stránka pripravená na konverziu

Piktogramy, infoboxy, skladová dostupnosť na konkrétnych predajniach, ISIC zľavy, sady/sety s ručným pomerom ceny — všetko spravovateľné z administrácie bez vývojára.

SEO automatizácia pre tisíce produktov

Title tagy, popisky obrázkov, SEO pre brandy — generované automaticky podľa šablón. Redaktor sa stará o obsah, nie o SEO štruktúru.

SLA Business FE + BE — garantovaná podpora

Servisná zmluva pokrývajúca frontend aj backend — garantovaný reakčný čas pre produkčné prostredie troch e-shopov. Spolupráca aktívne pokračuje.

06 · Tech stack

Voľby, ktoré obhájime

Platforma
Shoptet PremiumMusic-city.czMusic-city.skHenrysmusic.com
Frontend
Unikátny design Music CityUnikátny design Henry's MusicResponzívny layout
Backend & integrácia
ERP Helios iNuvioKomunikačná medzivrstvaZmenová fronta (73 typov)REST API
Konverzné prvky
Piktogramy (admin KM)InfoboxySkladová dostupnosť na predajniach
Študentské zľavy
ISIC APIPool zľavových kódovJavaScript automatizácia
SEO
Automatické title tagyAutomatické popisky obrázkovSEO pre brandy
Produkty
Sady/sety (ručný pomer ceny)Varianty ako samostatné produktySkrývanie prázdnych kategórií
Ostatné
Automatické preklady (HM)HERO banneryFeedové skladySLA Business FE + BE
07 · Tím

Ako pracujeme

Music City & Henry's Music bol projekt s najvyšším nárokom na presnosť dátovej synchronizácie v portfóliu — tisíce produktov, tri inštancie, jeden Helios. Tím pokrýval design (dve vizuálne identity), frontend, backend a integráciu Helios iNuvio. Kontinuita tímu od 2024 zaisťuje hlbokú znalosť architektúry zmenovej fronty — každá nová fáza nadväzuje bez zdĺhavého onboardingu.

Čo sme postavili

6 hlavných realizácií · 2024–2025
01

Tri e-shopy na Shoptet Premium

Debrief a predprojektová príprava (3 MD). Unikátny grafický design Music City (wireframe, grafika, kódovanie CZ + SK). Unikátny grafický design Henry's Music (wireframe, grafika, kódovanie). HERO bannery, generické stránky, doplnky, používateľské testovanie, presmerovanie URL, spustenie.

2024
02

Helios iNuvio integrácia

Napojenie ERP Helios iNuvio pre Music City CZ + SK (2 inštancie) a Henry's Music (1 inštancia) cez komunikačnú medzivrstvu. Prenos produktov, kategórií, skladov, cien, obrázkov, popisov, DPH sadzieb, objednávok.

2024
03

Zmenová fronta so 73 typmi požiadaviek

Vyčítanie fronty z Heliosu, spracovanie pre všetky 3 inštancie, potvrdenie prenosu, mazanie starých prenosov. Kategórie, produkty, objednávky — kompletný lifecycle. Rekonfigurácia automatických jobov a strážnych procesov.

2025
04

Piktogramy a infoboxy

Piktogramy cez hlavné foto produktu so správou v KM (platnosť od-do, väzba, viac piktogramov naraz). Infoboxy na detaile produktu (obsah, farba, platnosť, väzba). Administrácia pre všetky e-shopy.

2025
05

SEO automatizácia

Automatické title tagy pre produkty a brandy podľa šablón. Automatické popisky obrázkov (hlavný + galerijný, bez diakritiky). Rozšírenie produktového title o kategóriový prefix.

2024–2025
06

Systémové rozšírenie

Skladová dostupnosť na konkrétnych predajniach (tabuľka na detaile). Filtrovanie podľa skladovej zásoby predajní. Automatické skrývanie prázdnych kategórií. ISIC študentské zľavy. Sady/sety s ručným pomerom ceny. Varianty ako samostatné produkty. Presun HM pod PMC infraštruktúru. SLA Business FE + BE.

2024–2025
Ďalšie prípadové štúdie

Staviame aj pre
iné značky.

Všetky prípadové štúdie →
Margly

Čo urobiť, aby ti e-shop zarábal viac? Margly to vie skôr než ty.

Viac informácií →margly.io
Bez záväzku

Staviame aj pre
vás.

Pošlite nám pár viet o vašom projekte. Dáme si nezáväzný hovor.