Přeskočit na hlavní obsahNově na bloguShopify staví AI asistenta na Claude. Co z toho plyne pro české e-shopy?
← Zpět na případové studie·Shoptet Premium · 2024 · Spolupráce trvá dodnes
MUSIC CITY & HENRY'S MUSIC

Tři e-shopy pro prodejce hudebních nástrojů — Helios iNuvio,
změnová fronta se 73 typy
a ISIC slevy.

MUSIC CITY & HENRY'S MUSIC — case study

Pro skupinu AudioMaster — provozovatele prodejen hudebních nástrojů Music City a Henry's Music — jsme postavili tři Shoptet Premium e-shopy (Music-city.cz, Music-city.sk, Henrysmusic.com) s napojením na ERP Helios iNuvio přes vlastní komunikační mezivrstvu. Klíčem je změnová fronta se 73 typy změnových požadavků pro automatickou synchronizaci kategorií, produktů a objednávek. ISIC studentské slevy, piktogramy na produktech, automatické SEO titulky, SLA Business FE + BE.

3 instance
E-shopy
Music City CZ · SK · Henry's Music
73 typů
Změnová fronta
pro Helios iNuvio
Helios iNuvio
ERP integrace
přes komunikační mezivrstvu
Postaveno na
Shoptet Premium · 3× instance
Klient
Music City & Henry's Music (AudioMaster group)
Segment
Hudební nástroje · Maloobchod · B2C
Služby
E-shopy na míru · Helios iNuvio · Změnová fronta · ISIC · SEO · SLA
Platforma
Shoptet Premium (3× instance)
Rok
2024 — ongoing
Integrace
Helios iNuvio + vlastní middleware
01 · Výzva

Tři e-shopy, jeden ERP,
tisíce produktových změn denně
.

Skupina AudioMaster provozuje síť prodejen hudebních nástrojů pod dvěma značkami: Music City jako domácí brand (CZ + SK) a Henry's Music jako mezinárodní e-shop. Každá značka má vlastní Shoptet Premium instanci s unikátním grafickým designem — celkem tři instance sdílející jeden ERP systém Helios iNuvio jako zdroj pravdy pro produktový katalog, sklady, ceny a objednávky. Původní řešení přestalo stačit — rozsah katalogu a frekvence změn vyžadovaly architektonicky silnější základ.

Klíčovou technickou výzvou byl objem a frekvence změn přicházejících z Heliose. Tisíce produktů, desítky kategorií, ceny, sklady, obrázky, popisy, DPH sazby — všechno se mění průběžně a musí se okamžitě promítnout do všech tří e-shopů. Standardní polling nebo push integrace nestačily. Řešením je změnová fronta : Helios iNuvio generuje frontu změnových požadavků (73 typů — kategorie, produkty, objednávky), komunikační mezivrstva ji vyčítá, zpracovává pro všechny tři instance a potvrzuje přijetí zpět do Heliose. Každá změna je zpracována přesně jednou, ve správném pořadí, pro všechny e-shopy současně.

Navazující fáze rozšiřovaly systém o funkcionality specifické pro segment hudebních nástrojů: ISIC studentské slevy (ověření přes API, automatické vložení kódu), piktogramy na produktech s administrací v KM (platnost od-do, vazba na značku/kategorii/produkt/příznak), infoboxe na detailu produktu, automatické SEO titulky pro produkty a brandy, zobrazení skladové dostupnosti na konkrétních prodejnách a automatické popisky obrázků pro SEO.

02 · Náš přístup

Debrief, tři instance, Helios iNuvio, změnová fronta — rok vývoje.

012024 / Q1

Debrief a architektura

Debrief a předprojektová příprava (3 MD). Návrh architektury komunikační mezivrstvy pro tři Shoptet Premium instance a Helios iNuvio. Definice datových toků, DB struktur, API napojení.

022024 / Q1–Q2

Music City CZ + SK

Unikátní wireframe a grafický návrh Music City. Kódování na Shoptet Premium — plně responzivní. Generické stránky, HERO bannery, napojení Helios iNuvio pro CZ + SK instanci, feedové sklady, ISIC karta, report zboží, infobox, slevové kupóny, přesměrování URL, testování, spuštění.

032024 / Q1–Q2

Henry's Music

Unikátní wireframe a grafický návrh Henry's Music (mezinárodní e-shop). Kódování na Shoptet Premium , automatické překlady, napojení Helios iNuvio, přesměrování URL Henrysmusic.com, testování, spuštění.

042024 / Q2–Q3

Systémové rozšíření

Skladová dostupnost na detailu produktu (tabulková forma). Filtrování dle skladové zásoby na prodejnách. Automatické skrývání prázdných kategorií. SEO produkty a brandy (automatické titulky). Sady/sety s ručním poměrem ceny. Přesun HM pod PMC infrastrukturu.

052024 / Q4 — 2025

Změnová fronta + rozvoj

Realizace změnové fronty (73 typů změnových požadavků — kategorie, produkty, objednávky, zpětný přenos). Piktogramy na produktech s administrací v KM. Automatické popisky obrázků pro SEO. Frontend úpravy (hlavička, carousel, infoboxe, filtry). SLA Business FE + BE.

03 · Řešení

Změnová fronta pro 73 typů požadavků. Tři instance z jednoho Heliose

Architektura tří instancí

Tři Shoptet Premium instance — Music-city.cz, Music-city.sk a Henrysmusic.com — sdílejí jednu komunikační mezivrstvu napojující ERP Helios iNuvio . Mezivrstva řídí přenos produktů, kategorií, skladů, cen, obrázků, popisů, DPH sazeb a objednávek pro všechny tři instance současně. Každá instance má vlastní unikátní grafický design a vlastní konfiguraci — obsah sdílí, vizuál ne.

Změnová fronta se 73 typy požadavků

Klíčem k synchronizaci katalogu mezi Heliosem a třemi e-shopy je změnová fronta . Helios iNuvio generuje frontu změnových požadavků — 73 typů pokrývajících kategorie (vytvoření, úprava, smazání, viditelnost), produkty (název, popis, cena, obrázky, sklady, DPH, labely, varianty) a objednávky (doprava, platba, položky, kontakty). Komunikační mezivrstva frontu pravidelně vyčítá, zpracovává každý požadavek pro všechny tři instance a potvrzuje přijetí zpět do Heliose — každá změna je zpracována přesně jednou . Automatické joby a hlídací procesy zajišťují, že fronta nikdy neuvázne.

Změnová fronta se 73 typy požadavků

Piktogramy, infoboxe a SEO automatizace

Tři funkcionality specifické pro segment hudebních nástrojů zvyšují konverzi na produktové stránce. Piktogramy — grafické štítky přes hlavní foto produktu s administrací v KM (platnost od-do, vazba na značku/kategorii/produkt/příznak, více piktogramů najednou). Infoboxe — barevné informační boxy na detailu produktu s nastavitelným obsahem, platností a vazbou. SEO titulky — automatické generování title tagů pro produkty a brandy dle přednastavených šablon, bez manuální práce redaktora. Popisky obrázků se generují automaticky ve formátu bez diakritiky a mezer — připraveny pro SEO crawlery.

Piktogramy, infoboxe a SEO automatizace
04 · Klíčové momenty

Čtyři rozhodnutí, která systém drží

Architektura
01

Změnová fronta se 73 typy požadavků — škálovatelná synchronizace

Polling nebo webhooky nestačí na objem změn v katalogu hudebních nástrojů. Změnová fronta obrací logiku: Helios iNuvio sám generuje seznam co se změnilo , mezivrstva to zpracuje ve správném pořadí a potvrdí přijetí. 73 typů požadavků pokrývá kompletní lifecycle produktu od vzniku po smazání. Fronta funguje pro všechny tři instance současně — jeden zdroj pravdy, tři synchronizované e-shopy.

Helios iNuvioZměnová frontaShoptet PremiumKomunikační mezivrstva73 typůMulti-instance
Produktová stránka
02

Piktogramy + infoboxe — konverzní prvky s administrací v KM

Zákazník rozhodující se mezi kytarami potřebuje rychlé vizuální signály: „Novinka“, „Výprodej“, „Pouze skladem“. Piktogramy (grafické štítky přes foto) a infoboxe (textové boxy s barvou a platností) jsou spravovány přímo v administraci komunikační mezivrstvy — marketingový tým nastaví akci bez zásahu vývojáře, automaticky pro všechny tři e-shopy.

PiktogramyInfoboxeAdministrace KMShoptet PremiumMulti-instance
SEO
03

Automatické SEO titulky a popisky obrázků — bez manuální práce

Katalog tisíců produktů nelze spravovat manuálně z pohledu SEO. Automatické generování title tagů pro produkty ( název | Henry's Music nebo název | Music City ) a pro brandy (statický text s názvem brandu) zajišťuje konzistentní SEO strukturu bez redaktorské práce. Popisky obrázků se generují automaticky ve formátu [Název produktu]-Hlavní-obrázek — bez diakritiky, připraveny pro SEO crawlery.

SEO automatizaceTitle tagyPopisky obrázkůShoptet PremiumHelios iNuvio
ISIC
04

ISIC studentské slevy — ověření v reálném čase, automatické vložení kódu

Studenti tvoří klíčový segment zákazníků hudebního e-shopu. ISIC integrace ověřuje platnost karty přes ISIC API v reálném čase a automaticky vloží předgenerovaný 30% slevový kód do košíku přes JavaScript. Zákazník zadá číslo karty — systém udělá zbytek. Žádná manuální správa kódů, žádné zneužití neplatných karet.

ISIC APISlevový kódShoptet PremiumJavaScriptPool kódů
05 · Výsledky

Co jsme postavili.

Tři produkční e-shopy z jednoho Heliose

Music-city.cz, Music-city.sk a Henrysmusic.com synchronizované přes změnovou frontu — každá změna v Heliosu se okamžitě promítne do všech tří instancí.

Změnová fronta jako základ spolehlivé synchronizace

73 typů změnových požadavků, automatické joby, hlídací procesy, potvrzení zpět do Heliose. Žádná ztracená změna, žádný neaktuální katalog.

Produktová stránka připravená na konverzi

Piktogramy, infoboxe, skladová dostupnost na konkrétních prodejnách, ISIC slevy, sady/sety s ručním poměrem ceny — vše spravovatelné z administrace bez vývojáře.

SEO automatizace pro tisíce produktů

Title tagy, popisky obrázků, SEO pro brandy — generované automaticky dle šablon. Redaktor se stará o obsah, ne o SEO strukturu.

SLA Business FE + BE — garantovaná podpora

Servisní smlouva pokrývající frontend i backend — garantovaná reakční doba pro produkční prostředí tří e-shopů. Spolupráce aktivně pokračuje.

06 · Tech stack

Volby, které obhájíme

Platforma
Shoptet PremiumMusic-city.czMusic-city.skHenrysmusic.com
Frontend
Unikátní design Music CityUnikátní design Henry's MusicResponzivní layout
Backend & integrace
ERP Helios iNuvioKomunikační mezivrstvaZměnová fronta (73 typů)REST API
Konverzní prvky
Piktogramy (admin KM)InfoboxeSkladová dostupnost na prodejnách
Studentské slevy
ISIC APIPool slevových kódůJavaScript automatizace
SEO
Automatické title tagyAutomatické popisky obrázkůSEO pro brandy
Produkty
Sady/sety (ruční poměr ceny)Varianty jako samostatné produktySkrývání prázdných kategorií
Ostatní
Automatické překlady (HM)HERO banneryFeedové skladySLA Business FE + BE
07 · Tým

Jak pracujeme

Music City & Henry's Music byl projekt s nejvyšším nárokem na přesnost datové synchronizace v portfoliu — tisíce produktů, tři instance, jeden Helios. Tým pokrýval design (dvě vizuální identity), frontend, backend a integraci Helios iNuvio. Kontinuita týmu od 2024 zajišťuje hlubokou znalost architektury změnové fronty — každá nová fáze navazuje bez zdlouhavého onboardingu.

Co jsme postavili

6 hlavních realizací · 2024–2025
01

Tři e-shopy na Shoptet Premium

Debrief a předprojektová příprava (3 MD). Unikátní grafický design Music City (wireframe, grafika, kódování CZ + SK). Unikátní grafický design Henry's Music (wireframe, grafika, kódování). HERO bannery, generické stránky, doplňky, uživatelské testování, přesměrování URL, spuštění.

2024
02

Helios iNuvio integrace

Napojení ERP Helios iNuvio pro Music City CZ + SK (2 instance) a Henry's Music (1 instance) přes komunikační mezivrstvu. Přenos produktů, kategorií, skladů, cen, obrázků, popisů, DPH sazeb, objednávek.

2024
03

Změnová fronta se 73 typy požadavků

Vyčítání fronty z Heliose, zpracování pro všechny 3 instance, potvrzení přenosu, mazání starých přenosů. Kategorie, produkty, objednávky — kompletní lifecycle. Rekonfigurace automatických jobů a hlídacích procesů.

2025
04

Piktogramy a infoboxe

Piktogramy přes hlavní foto produktu s administrací v KM (platnost od-do, vazba, více piktogramů najednou). Infoboxe na detailu produktu (obsah, barva, platnost, vazba). Administrace pro všechny e-shopy.

2025
05

SEO automatizace

Automatické title tagy pro produkty a brandy dle šablon. Automatické popisky obrázků (hlavní + galerijní, bez diakritiky). Rozšíření produktového title o kategoriový prefix.

2024–2025
06

Systémové rozšíření

Skladová dostupnost na konkrétních prodejnách (tabulka na detailu). Filtrování dle skladové zásoby prodejen. Automatické skrývání prázdných kategorií. ISIC studentské slevy. Sady/sety s ručním poměrem ceny. Varianty jako samostatné produkty. Přesun HM pod PMC infrastrukturu. SLA Business FE + BE.

2024–2025
Další případové studie

Stavíme i pro
jiné značky.

Všechny případové studie →
Margly

Co udělat, aby ti e-shop vydělával víc? Margly to ví dřív než ty.

Více informací →margly.io
Bez závazku

Stavíme i pro
vás.

Pošlete nám pár vět o vašem projektu. Dáme si nezávazný hovor.