Z 3D koláčů k heatmapě: nový Objednávkový report

V e-shop.reportu letos vyšlo přes dvacet vydání a já bych rád začal pravidelně ukazovat, co se pod kapotou děje. Tohle je první díl série Stavíme e-shop.report — a začneme od nejstarší stránky celé aplikace: Objednávkového reportu.

Výchozí stav: rok ~2010 volal, chtěl svůj report zpátky

Objednávkový report byl poslední stránka nejstarší generace. Grafy v amCharts 3, 3D koláčové grafy (ano, ty nakloněné), čtyři samostatné SQL dotazy na čtyři čísla bez jakýchkoli trendů, texty natvrdo česky — a dva grafy dokonce ignorovaly zvolené období a kreslily celou historii e-shopu, ať jste v date pickeru vybrali cokoliv. Bonus: při každém zobrazení stránky se třikrát zapisoval výkon e-shopu do historie.

Co se změnilo

• KPI dlaždice s trendy — objednávky, obrat i průměrná objednávka srovnané s minulým měsícem i loňskem (MoM + YoY). Místo čtyř dotazů jeden sloučený.
• Heatmapa den × hodina — místo 3D koláče dnů vidíte na jeden pohled, kdy zákazníci skutečně nakupují.
• Ploché donuty doprav a plateb — s trendem podílů v procentních bodech proti předchozímu období.
• Tabulka vítězů a poražených — které produkty rostou a padají, s korunovým dopadem a proklikem na detail.
• AI u každého grafu — tlačítko AI analýzy a nové AI shrnutí celého období; texty stránky v 95 větách × 4 jazycích.
• Výkon do nočního jobu — zápisy historie se přesunuly z page-view do plánovaného SQL jobu. Stránka je rychlejší a databáze si oddechla.

Projděme si nový report sekci po sekci

KPI dlaždice s trendy

Čtyři čísla, která chcete vidět jako první: objednávky, obrat bez DPH, průměrná objednávka a položky na objednávku. Každá dlaždice ukazuje denní průměr a dvě srovnání — s předchozími 30 dny a se stejným obdobím loni. Šipka řekne trend dřív, než dočtete číslo. A místo mrtvých odkazů „Vysvětlení" má každá sekce živou nápovědu „Co to znamená?".

Vývoj objednávek po dnech

Jeden graf, tři metriky — objednávky, obrat a průměrná objednávka — přepínatelné jedním klikem. Čárkovaná křivka ukazuje předchozí období, takže srovnání máte pořád před očima. A hlavně: graf konečně respektuje období zvolené v date pickeru.

Z čeho se skládá hodnota objednávek

Skládaný graf rozloží každý den na zboží, dopravu, platbu a DPH. Na první pohled vidíte, kolik z tržeb tvoří skutečné zboží a kolik „obal" okolo něj.

Kdy zákazníci nakupují

Heatmapa den × hodina místo 3D koláče. Tmavší pole = víc objednávek — a report vám rovnou napíše závěr: „Nejsilnější hodiny: pondělí a úterý 20–22 h — vhodný čas pro kampaně a newslettery." Přesně tak má vypadat report, který nemusíte luštit.

Podíly doprav a plateb

Ploché donuty s TOP 8 dopravci a platbami plus řádek Ostatní. U každé položky počet, podíl a trend v procentních bodech proti minulému období — vidíte nejen stav, ale i pohyb. Prokliky vedou na detailní přehledy.

Zásadní změny v prodejích

Které produkty, kategorie a výrobci rostou a které padají — s dopadem v korunách, ne jen v procentech. Nahoře souhrn: celkový dopad změn, pozitivní a negativní zvlášť. Tabulka se filtruje podle typu a prokliká na detail produktu či kategorie.

AI shrnutí objednávek

Lidsky napsaný odstavec: co se za období stalo, kdo táhne, kdo ztrácí a co s tím — vygenerovaný AI z vašich dat a ukotvený ve skutečných číslech. A pod každým grafem je navíc tlačítko „Zeptat se AI na tento graf".

Související přehledy

Patička s navazujícími dashboardy — ze zjištění rovnou do akce, bez hledání v menu.

Produkce vždycky překvapí

Mockup prošel schválením i nezávislou revizí, nasadili jsme — a první screenshot z produkce ukázal legendu doprav se stovkami řádků. Proč? Část e-shopů posílá v názvu dopravy i konkrétní výdejní místo: „Zásilkovna – Praha 4", „Zásilkovna – Brno"… a každá pobočka se tvářila jako vlastní dopravce.

Řešení: normalizace názvů na dopravce, agregace a TOP 8 + řádek Ostatní — v grafu, v legendě i v datech pro AI (ani jazykový model nemá dostat na vstup stovky řádků). Lekce stará jako BI samo: mockup vám schválí lidé, ale otestují ho až reálná data.

Jak se staví s AI po boku

Celý přepis vznikl v tandemu člověk + AI (Claude). Proces, který se nám osvědčil: nejdřív mockup, který schvaluji dřív, než vznikne řádek kódu. Pak implementace, po ní nezávislá revize jiným AI agentem — tentokrát našla jeden kritický nález, který by v produkci bolel. Před nasazením běží dva automatické audity kódu. AI píše, člověk rozhoduje — a výsledkem je přepis, na který bych dřív potřeboval týdny.

Co si z toho odnést

Modernizace starého reportu není o hezčích grafech. Je o tom, aby každé číslo mělo kontext (trend), každý graf odpovídal na otázku a aby stránka nezatěžovala systém. A jestli vás zajímá, co postavíme příště — každý týden tu přibude jeden díl.

Objednávkový report najdete v e-shop.reportu — a jestli máte k modernizaci starých reportů vlastní zkušenosti, napište mi na LinkedIn.