YUXI: veľkoobchodný B2B e-shop pre ázijské reštaurácie v šiestich jazykoch
YUXI s. r. o.
YUXI je bratislavský veľkoobchod, ktorý zásobuje ázijské reštaurácie a sushi bary — obaly na jedlo so sebou, omáčky, ryžu, riasy, spotrebný materiál. Tovar chodí od dodávateľa vo Viedni, predáva sa po kartónoch a platí sa na faktúru. Zadanie prišlo ako cenník v PDF: 202 riadkov, iba po anglicky a po čínsky, ani jedno slovenské slovo. Kupujúci je pritom šéfkuchár alebo majiteľ podniku v Bratislave, ktorý často nehovorí po slovensky — a rovnako často ani po anglicky. Postavili sme e-shop, ktorý hovorí šiestimi jazykmi až do adresného riadka, objednáva sa v ňom po kartónoch bez registrácie a bez platby kartou, fakturačné údaje si po zadaní IČO doplní sám z obchodného registra a hotovú objednávku pošle do SuperFaktúry. Každý tovar stojí ako výrez bez pozadia na farebnom poli — jediný spôsob, ako z fotiek natáčaných na piatich rôznych podkladoch spraviť jeden katalóg. Celý katalóg si klient odvtedy vedie sám v Sanity Studiu. Dodané za 10 pracovných dní s rozpočtom €650.
B2B e-shop + katalóg v CMS
Typ projektu
Objednávky po kartónoch od reštaurácií, ktoré nakupujú v šiestich jazykoch
Hlavný cieľ
€650
Cena tohto projektu
Vybrané obrazovky z hotového webu
Vizuálny náhľad projektu ukazuje, ako vyzerá web na rôznych zariadeniach. Responzívny dizajn zabezpečuje perfektné zobrazenie na mobiloch, tabletoch a desktopoch.
Hero na indigovom poli: výrez tovaru, poster typografia a telefón hneď pod ním.
Šesť vecí, ktoré tento obchod robili náročným
Veľkoobchod pre gastro sa nepodobá na bežný e-shop v ničom podstatnom: iná jednotka nákupu, iná platba, iný doklad a kupujúci, ktorý číta v inom jazyku než predajca. Toto sú tie rozdiely a to, ako sme ich vyriešili.
Kuchyňa, ktorá nakupuje v šiestich jazykoch
Ázijské prevádzky v Bratislave vedú Vietnamci, Číňania a Ukrajinci; tovar chodí od nemecky hovoriaceho dodávateľa vo Viedni a fakturuje sa po slovensky.
Web beží v šiestich jazykoch a lokalizovaná je aj adresa stránky — nemecký zákazník číta /de/ueber-uns, vietnamský /vi/ve-chung-toi. Titulná stránka pritom vedie vždy na slovenčinu, nie podľa nastavenia prehliadača: majiteľ s vietnamským telefónom kupuje pre slovenskú firmu.
Technológie a implementácia
Vlastná i18n vrstva + proxy s trvalými presmerovaniami
Cenník na 202 riadkov bez jediného slovenského slova
Zdrojový dokument mal iba anglický a čínsky stĺpec, katalógové čísla sa v ňom opakovali a osem položiek nemalo anglický názov vôbec.
Katalóg sme preniesli do Sanity ako 202 dokumentov, kde každý názov drží šesť jazykových polí. Značky — Yamasa, Kikkoman, Sriracha, Sambal Oelek — sa neprekladajú, preložený je typ tovaru. Kľúčom je identifikátor položky, nie katalógové číslo, ktoré v zdroji nie je jedinečné.
Technológie a implementácia
Sanity CMS + migračný skript + typová generácia zo schémy
Reštaurácia nekupuje kus, kupuje kartón
Jeden kartón býva 500 alebo 600 kusov a cena sa porovnáva v centoch za kus. Bežný e-shopový košík počítajúci kusy by v tomto obchode udával nepoužiteľné čísla.
Množstvo sa všade zadáva v kartónoch a prepočet na kus stojí vedľa ceny. Košík je zásuvka s výrezmi tovaru, ktoré sú rozpoznateľné aj pri 48 pixeloch, a platí sa na faktúru alebo na dobierku — platba kartou tu nedáva zmysel a formulár to hovorí nahlas.
Technológie a implementácia
Zustand košík + prepočet jednotiek na serveri
Firemný nákup potrebuje fakturačné údaje, nie e-mail
Bez presného názvu, sídla a IČO sa objednávka nedá vyfakturovať a manažér ju musí telefonicky dopĺňať. Rakúske firmy pritom IČO nemajú vôbec.
Nákupca napíše IČO alebo IČ DPH a názov aj adresa sa doplnia samé. IČ DPH ide cez VIES, ktoré pokrýva všetky jurisdikcie EÚ, IČO cez slovenský a český register — vďaka tomu formulár dokončí aj rakúsky odberateľ. Modul zásadne nikdy nevyhodí chybu: keď je register nedostupný, formulár sa správa presne tak ako predtým, než doplnenie existovalo.
Technológie a implementácia
VIES + RPO / ARES, s cache a bezpečným pádom do ručného vyplnenia
Objednávka sa nesmie stratiť medzi webom a účtovníctvom
Firma fakturuje v SuperFaktúre. Prepisovanie riadkov z e-mailu do dokladu je práca navyše a miesto, kde vzniká preklep v katalógovom čísle.
Odoslaná objednávka odchádza e-mailom a súčasne zakladá doklad v SuperFaktúre so všetkými riadkami, katalógovými číslami a počtami kartónov. Ak má každý riadok cenu, vznikne rovno faktúra pre odberateľa; ak čo i len jeden riadok cenu nemá, vznikne prijatá objednávka, ktorú manažér dokončí. Doklad, ktorý by mlčky vyfakturoval menej, než tovar stojí, tu nesmie vzniknúť.
Technológie a implementácia
SuperFaktura API + Resend + regresný test cien v CI
Sortiment sa mení každý týždeň a klient ho musí viesť sám
Za tri týždne prišli tri dávky vlastných fotografií tovaru a s nimi nové položky. Poslednú sprevádzala jediná veta: „dajte fotky do galérie a pridajte slnečnicový olej, tašku a šalátový box.“
Všetko, čo sa mení — tovar, ceny, fotografie, galérie, kontakty aj status platiteľa DPH — je dokument v Sanity a klient ho upravuje vo vlastnom Studiu. Fotografie sa pri nahrávaní porovnávajú kontrolným súčtom, takže sa tá istá snímka nezaloží dvakrát. Fotografiu, ktorú by bolo treba priradiť odhadom, nepriraďujeme: zlá fotka na potravine je tvrdenie o tovare, za ktorý zákazník platí.
Technológie a implementácia
Sanity Studio + revalidácia webhookom + idempotentné skripty
Podobné problémy vo vašom biznise? Pomôžeme vám ich vyriešiť moderným tech stackom.
Výsledná štruktúra
Kompletná webová štruktúra navrhnutá pre maximálnu konverziu a user experience. Každá stránka má jasný účel a optimalizovanú navigáciu.
Najdôležitejšie sekcie webu
Každá sekcia riešila konkrétny biznis problém a zvyšovala konverzie
Hero a šesť oddelení
Prvá obrazovka povie, čo firma predáva a ako sa u nej objednáva — po kartónoch, na faktúru alebo na dobierku — a hneď pod ňou je telefónne číslo. Nasleduje mriežka šiestich oddelení, kde každé nesie vlastné farebné pole a jeden výrez tovaru.
Katalóg s filtrom a dvomi zobrazeniami
Oddelenie, dostupnosť, triedenie a vyhľadávanie podľa názvu alebo katalógového čísla. Prepínač Karty / Tabuľka je tam preto, že nákupca, ktorý objednáva každý týždeň to isté, číta radšej riadky ako dlaždice.
Stránka tovaru v jednotkách kartónu
Katalógové číslo, veľkosť, počet kusov v kartóne, dostupnosť a cena za kartón aj prepočet na kus. Množstvo sa zadáva v kartónoch a pod poľom stojí, koľko kusov to je. Kde cenu ešte nepoznáme, tovar to povie priamo a ponúkne dopyt namiesto tichej nuly.
Objednávkový formulár s doplnením z registra
Formulár začína poľom IČO alebo IČ DPH. Po zadaní sa názov a adresa firmy doplnia z verejných registrov, ostáva vyplniť kontakt, spôsob prevzatia a platbu. Ručné vyplnenie je stále o jedno kliknutie ďalej — register nikdy nesmie zablokovať objednávku.
Sanity Studio v šiestich jazykoch
Tovar, oddelenia, ceny, galérie fotografií, kontakty aj status platiteľa DPH sú dokumenty v CMS. Každý názov má šesť jazykových polí a zmena je na webe do minúty vďaka revalidácii cez webhook.
O firme a kontakt
Registračné údaje, rok vzniku, meno konateľa a šesť oddelení s vysvetlením, komu slúžia. Kontakt vedie na telefón, WhatsApp a Telegram — kanály, na ktorých firma reálne odpovedá.
Použitý stack
Frontend
Katalógové rozhranie pre nákupcu, ktorý objednáva rýchlo a opakovane — filtre, vyhľadávanie podľa katalógového čísla, košík v zásuvke.
Obsah a jazyky
Šesť jazykov vrátane lokalizovaných URL segmentov a hreflang na každej stránke. Katalóg, ceny a fotografie sú dokumenty v Sanity, ktoré klient upravuje sám.
Objednávky a fakturácia
Doplnenie firemných údajov z registrov, výpočet DPH podľa nastavenia v CMS, notifikačný e-mail a automatické založenie dokladu.
Nasadenie a kontrola
GitLab CI nasadzuje web aj hostované Studio a pri každom builde prebehnú regresné testy na ceny, kartónové prepočty a status DPH.
Frontend
Katalógové rozhranie pre nákupcu, ktorý objednáva rýchlo a opakovane — filtre, vyhľadávanie podľa katalógového čísla, košík v zásuvke.
Obsah a jazyky
Šesť jazykov vrátane lokalizovaných URL segmentov a hreflang na každej stránke. Katalóg, ceny a fotografie sú dokumenty v Sanity, ktoré klient upravuje sám.
Objednávky a fakturácia
Doplnenie firemných údajov z registrov, výpočet DPH podľa nastavenia v CMS, notifikačný e-mail a automatické založenie dokladu.
Nasadenie a kontrola
GitLab CI nasadzuje web aj hostované Studio a pri každom builde prebehnú regresné testy na ceny, kartónové prepočty a status DPH.
💡 Moderný tech stack = rýchly web + jednoduchá údržba + dlhodobá podpora
Priebeh realizácie
Projekt bežal od 19. augusta do 7. septembra 2026 a odpracovaných je desať dní. Poradie fáz určoval klient: najprv sme potrebovali katalóg, potom jeho fotografie, potom jeho ceny — a nemčina prišla ako samostatná objednávka až po odovzdaní.
19. – 24. 8.
Art direction, katalóg a kostra obchodu
3 dniZvolili sme motív výrezu a trojfarebnú paletu, vyťažili sme 202 položiek z klientovho PDF aj s fotografiami a postavili katalóg, stránku tovaru, košík a objednávkový formulár. Pribudla ukrajinská verzia a nasadenie cez GitLab CI.
25. – 27. 8.
CMS, register firiem a fakturácia
3 dniKatalóg sa presťahoval do Sanity, formulár sa naučil doplniť firmu podľa IČO a neskôr aj podľa IČ DPH pre celú EÚ, objednávka začala zakladať doklad v SuperFaktúre. Klient poslal 55 vlastných fotografií — 20 z nich nahradilo výrezy z PDF. Adresy stránok sa stali lokalizovanými.
31. 8. – 1. 9.
Ceny, galéria a automatická faktúra
2 dniKlient potvrdil cenník a svoj status DPH, takže ceny sa zapli — za kartón aj s prepočtom na kus — a status sa stal prepínačom v CMS. Pribudla galéria fotografií tovaru a plne ocenená objednávka začala vystavovať faktúru sama. Ceny, kartónové prepočty a DPH stráži regresný test v CI.
2. 9.
Kontakty do CMS a poriadok v jazykoch
1 deňTelefón, e-mail, sociálne siete aj adresa sídla sa presunuli do Sanity, takže sa menia bez nasadenia a sú na webe do minúty. Čínština zmizla z rozhrania všetkých ostatných jazykov — čínske názvy patria do čínskej verzie, nie do slovenského popisu balenia.
4. – 7. 9.
Nemčina ako šiesty jazyk a ďalší tovar
1 deňNemčina prišla ako samostatná objednávka po odovzdaní: 379 reťazcov rozhrania, 268 nemeckých názvov v CMS, vlastné URL segmenty bez prehlások a formát ceny 1.234,50 €. Šesť skratiek sa už do hlavičky nezmestilo, takže prepínač jazykov sa stal rozbaľovacím menu, kde je každý jazyk napísaný vo svojom jazyku. O tri dni neskôr pribudli dve nové police a ďalšia dávka klientových fotografií.
FAQ k projektu
Potrebujete B2B e-shop, ktorý predáva po kartónoch a fakturuje sám?
Navrhneme katalóg, objednávkový tok aj napojenie na fakturáciu tak, aby objednávka odišla s kompletnými firemnými údajmi a sortiment ste si viedli sami — v toľkých jazykoch, koľko váš trh potrebuje.
Nechajte nám kontakt (stačí e-mail alebo telefón)
✨ Objednávanie po kartónoch • Údaje firmy z registra • Katalóg vo vašich rukách